@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">
            <h1></h1>
          </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 Recent Updates</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 Recent Updates</h3>
                        </div>
                        <form class="add-report-form" method="POST" action="{{route('recent-updates.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-4">
                                        <div class="form-group">
                                            <label>Select Company Name</label>
                                            <select name="company_name" class="form-control" required id="research_report_id">
                                                <option value="">SELECT OPTION</option>
                                                @foreach ($researchReports as $id=>$companyName)
                                                    <option value="{{$id}}">{{$companyName}}</option>
                                                @endforeach
                                            </select>
                                            <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')}}" readonly>
                                            <span class="error company_slug_error"></span>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="form-group">
                                            <label>Report Date:</label>
                                            <input type="date" class="form-control datetimepicker-input" name="recent_report_date" max="9999-12-31" value="{{ !empty(old('recent_report_date')) ? old('recent_report_date') : '' }}" id="recent_report_date">
                                            <span class="error recent_report_date_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>
                                            <span class="error recommendation_error"></span>
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="form-group">
                                            <label for="remarks">Remarks</label>
                                            <textarea type="text" name="remarks" class="form-control" rows="5" cols="20" placeholder="remarks">{{ !empty(old('remarks'))  }}</textarea>
                                            <span class="error remarks_error"></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="card-footer">
                                <button type="button" class="btn btn-primary report-submit btn-flat" name="submit">Submit</button>
                                <button type="button" class="btn btn-outline-danger btn-flat" onclick="window.history.back();">Cancel</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
  </div>
@endsection
@push('js')
<script>

    $(document).ready(function() {
        $('.report-submit').click(function(){
            $('.error').empty();
            $('.loading-block').show();
            $.ajax({
                method : "POST",
                headers:{ 'X-CSRF-TOKEN': '{{ csrf_token() }}'},
                url : "{{url('/admin/recent-updates')}}",
                data: new FormData( $( '.add-report-form' )[ 0 ] ),
                processData: false,
                contentType: false,
                success:function(data){
                    $('.loading-block').hide();
                    if(data.success == 1){
                        window.location.href = "{{ route('recent-updates.index') }}";
                    }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]);
                            }
                        });
                    }
                }

            });
        });

        $('#research_report_id').on('change', function(){
            $('#recent_report_date').val('');
            var selectedValue = $(this).val();
            $.ajax({
                url: "{{url('/admin/company-name/check-recent-updates')}}",
                method: 'GET',
                data: {
                    id: selectedValue
                },
                success: function(data) {
                    if(data.success === 1){
                        $('#recent_report_date').val(data.share_initial_date);
                        $('#company_slug').val(data.company_slug);
                    }
                },
                error: function(xhr, status, error) {
                    console.error(xhr.responseText);
                }
            });
        });
    });

</script>
@endpush