@extends('backend.layouts.master')
@section('content')
  <div class="content-wrapper">
    <section class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6"></div>
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                <li class="breadcrumb-item"><a href="{{ route('admin.home') }}">Home</a></li>
                <li class="breadcrumb-item active">Add Research Report</li>
                </ol>
            </div>
        </div>
      </div>
    </section>
    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12">
                    <div class="card card-primary">
                        <div class="card-header">
                            <h3 class="card-title">Add Research Report</h3>
                        </div>
                        <form class="add-report-form" method="POST" action="{{route('research-report.store')}}" enctype="multipart/form-data">
                            @csrf
                            <div class="card-body">
                                @include('backend.common-views.messages')
                                <div class="row">
                                    <div class="col-6">
                                        <div class="form-group">
                                            <div class="custom-control custom-checkbox">
                                                <input class="custom-control-input" type="checkbox" id="email_update" value="1" name="include_email_updates">
                                                <label for="email_update" class="custom-control-label">Include in Email Updates</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-12">
                                        <div class="form-group">
                                            <label>Recommendation Categories</label>
                                            <div class="d-flex flex-wrap">
                                                @foreach ($category_list as $category)
                                                    <div class="custom-control custom-checkbox mr-3 mb-2">
                                                        <input class="custom-control-input" type="checkbox" id="customCheckbox{{$category->id}}" value="{{$category->id}}" name="share_recommendation[]">
                                                        <label for="customCheckbox{{$category->id}}" class="custom-control-label font-weight-normal">{{$category->category_name}}</label>
                                                    </div>
                                                @endforeach
                                            </div>
                                            <span class="error share_recommendation_error"></span>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-4">
                                        <div class="form-group">
                                            <label for="name">Company Name</label>
                                            <input type="text" name="company_name" class="form-control" id="company_name" placeholder="Enter Company Name" value="{{old('company_name')}}" >
                                            <span class="error company_name_error"></span>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="form-group">
                                            <label for="name">Company Slug</label>
                                            <input type="text" name="company_slug" class="form-control" id="company_slug" placeholder="Enter Company Slug" value="{{old('company_slug')}}" >
                                            <span class="error company_slug_error"></span>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="form-group">
                                            <label>Company Logo</label>
                                            <input type="file" class="form-control" id="shareLogo" name="share_logo" accept="image/*">
                                            <span class="error share_logo_error"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-4">
                                        <div class="form-group">
                                            <label>Report Initiating Buy Date:</label>
                                            <input type="date" class="form-control datetimepicker-input" name="share_initial_date" value="{{ old('share_initial_date') }}" max="9999-12-31">
                                            <span class="error share_initial_date_error"></span>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="form-group">
                                            <label>Report Exit Date:</label>
                                            <input type="date" class="form-control datetimepicker-input" name="share_exit_date" value="{{ old('share_exit_date') }}" max="9999-12-31">
                                            <span class="error share_exit_date_error"></span>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="form-group">
                                            <label for="name">Allocation</label>
                                            <input type="text" name="allocation" class="form-control" id="allocation" placeholder="Enter allocation" value="{{old('allocation')}}" >
                                            <span class="error allocation_error"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-4">
                                        <div class="form-group">
                                            <label for="name">Price as on Recommended</label>
                                            <input type="number" name="price_recommended" class="form-control" id="price_recommended" placeholder="Enter Price as on Recommended" value="{{old('price_recommended')}}" >
                                            <span class="error price_recommended_error"></span>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="form-group">
                                            <label for="name">Exit Price</label>
                                            <input type="number" name="exit_price" class="form-control" id="exit_price" placeholder="Exit Price" value="{{old('exit_price')}}" >
                                            <span class="error exit_price_error"></span>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="form-group">
                                            <label for="name">Scrip code</label>
                                            <input type="text" name="scrip_code" class="form-control" id="scrip_code" placeholder="Scrip Code" value="{{old('scrip_code')}}" >
                                            <span class="error scrip_code_error"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-6">
                                        <div class="form-group">
                                            <label for="recommendation">Recommendation</label>
                                            <textarea type="text" name="recommendation" class="form-control" rows="5" cols="20" placeholder="recommendation" value="{{old('recommendation')}}"></textarea>
                                        </div>
                                    </div>
                                </div>
                                <input type="hidden" name="share_status" value="" id="share_status">
                            </div>
                            <div class="card-footer">
                                <button type="button" class="btn btn-primary report-submit btn-flat mr-2" name="submit"><i class="fas fa-save"></i> Submit</button>
                                <button type="button" class="btn btn-outline-info report-draft btn-flat mr-2" name="draft"><i class="fas fa-file-signature"></i> Save as a Draft</button>
                                <button type="button" class="btn btn-outline-danger btn-flat" onclick="window.history.back();"><i class="fas fa-times"></i> Cancel</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
  </div>
@endsection
@push('js')
<script>

    $(document).ready(function() {

        $('.report-submit').click(function(){
            $('#share_status').val(1);
            submitResearchReportForm();
        });

        $('.report-draft').click(function() {
            $('#share_status').val(0);
            submitResearchReportForm();
        });

        function submitResearchReportForm() {
            $('.error').empty();
            $('.loading-block').show();
            $.ajax({
                method : "POST",
                headers:{ 'X-CSRF-TOKEN': '{{ csrf_token() }}'},
                url : "{{url('/admin/research-report')}}",
                data: new FormData( $( '.add-report-form' )[ 0 ] ),
                processData: false,
                contentType: false,
                success:function(data){
                    $('.loading-block').hide();
                    if(data.success == 1){
                        window.location.href = "{{ url('/admin/research-report') }}/"+data.research_id +"/edit#redirectUrl";
                    }else if(data.success == 0){
                        Object.keys(data.message).forEach(function(key) {
                            var errorSelector = '.' + key + '_error';
                            if (data.message[key].length && $(errorSelector).length) {
                                $(errorSelector).html(data.message[key][0]);
                            }
                        });
                    }
                }

            });
        }
    });

</script>
@endpush