@extends('main')
@section('css')
    <link rel="stylesheet" href="{{ url('/') }}/assets/plugin/daterangepicker/daterangepicker.css">

@endsection
@section('content')

    <section class="content">
        <div class="row">
            <div class="col-md-12" style="display: none;" id="add_customer_div">
                <div class="box box-primary">
                    <div class="box-header with-border">
                        <h3 class="box-title">Add Rejection</h3>
                    </div>
                    <!-- /.box-header -->
                    <!-- form start -->
                    @include('claims._input._rejection')
                </div>
                <!-- /.box -->
            </div>


        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header">
                        @include('claims.renders.date_finder')
                    </div>
                         <div class=" card-body">
                                    <div class="box-header">
                                        <h3 class="box-title">Claim Rejections</h3>
                                    </div>
                                    <div class="box-body ">
                                        <table class="table table-striped data-table" id="user_table">
                                            <thead>
                                            <tr>
                                                <th>Claim R Number</th>
                                                <th>Claim Notification</th>
                                                <th>Claim No</th>
                                                <th>Policy Number</th>
                                                <th>Cover Note Reference</th>
                                                <th>Service Pending</th>
                                                <th class="noExport">Action</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            @foreach($vars['claims'] as  $row)
                                                <tr>
                                                    <td>@isset($row->claim){{$row->claim->claim_reference_number}} @endisset</td>
                                                    <td>@if($row->claim)
                                                            <a href="{{ url('/claim_details/'.$row->id.'/ClaimRejection') }}" >
                                                                {{$row->claim_rejection_number}}
                                                            </a>
                                                        @endif</td>
                                                    <td>@isset($row->claim){{$row->claim->claim_no}}@endif</td>
                                                    <td>@isset($row->claim->underwriting)
                                                            <a href="{{ url('/claim_details/'.$row->id.'/ClaimRejection') }}" data-id="{{ $row->claim->id }}">
                                                                {{$row->claim->underwriting->endorsement_number}}
                                                            </a>
                                                        @endisset
                                                    </td>
                                                    <td>@isset($row->claim){{$row->claim->cover_note_reference}} @endisset</td>
                                                    <td>@isset($row){{$row->updated_at->diffForHumans()}}  @endisset</td>

                                                    <td>
                                                        <a href="{{ url('/claim_details/'.$row->id.'/ClaimRejection') }}" class="btn-default"  data-id="{{ $row->id }}"  type="button"  title="Edit Class" data-original-title="Edit"><i class="fa fa-print" style="color:#3c8dbc"></i></a> &nbsp; | &nbsp;

                                                        {{--                                                            <a href="{{ route('claims.show',$row->id) }}" class="btn-default editTr"  data-id="{{ $row->id }}"  type="button"  title="Edit Class" data-original-title="Edit"><i class="fa fa-eye" style="color:#3c8dbc"></i></a> &nbsp; | &nbsp;--}}

                                                        <a href="javascript:void(0)" class="btn-default deleteThis" data-table="claim_rejections" data-id="{{$row->id}}" type="button" data-toggle="tooltip" title="Delete claims" data-original-title="View"><i class="fa fa-trash" style="color:red"></i></a>

                                                    </td>
                                                </tr>
                                            @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                         </div></div>

                </div>
            </div>
        </div>

    </section>

@endsection

@section('js')
    <script src="{{ url('/') }}/assets/plugin/moment/moment.min.js"></script>
    <script src="{{ url('/') }}/assets/plugin/inputmask/jquery.inputmask.min.js"></script>
    <!-- date-range-picker -->
    <script src="{{ url('/') }}/assets/plugin/daterangepicker/daterangepicker.js"></script>

    @include('claims.scripting')
    <script>
        dateSubmitStatus('find_by_date_service_group','claim_rejections');
        $(document).on('click','#add_claim_rejection', function(){
            $('#add_customer_div').toggle('slow');
            if (document.getElementById("add_claim_rejection").innerHTML.includes("Hide")) {
                $(this).html("<i class=\"fa fa-file-archive-o\" ></i>&nbsp;&nbsp;Add Claim Rejection")
            }else{
                $(this).html("<i class=\"fa fa-eye-slash\" ></i>&nbsp;&nbsp;Hide Claim Rejection")
            }
        });

        $(document).on('submit', '#create_claim_rejection_form', function(e){
            e.preventDefault();
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            let formdata = new FormData(this);
            $.ajax({
                type: "POST",
                url: '/claim_rejections',
                processData: false,
                contentType: false,
                data: formdata,
                beforeSend: function(){ run_waitMe('win8','create_claim_rejection_form','saving'); },
                complete: function(){ $('#create_claim_rejection_form').waitMe("hide");},
                success: function (data) {
                    $('#create_claim_rejection_form > .modal-footer> button').fadeOut('slow');
                },
                error: function (xhr, ajaxOptions, thrownError){
                    $('.prevent-resubmit-button').prop("disabled", false);
                    $('.prevent-resubmit-button').html('Submit');
                    show_alert('danger', xhr.responseText);
                }
            });

        });
        $('.cover_note_reference_select').select2({
            ajax: {
                url: `/cover_note_reference_claim`,
                type: "GET",
                dataType: 'json',
                delay: 250,
                data: function (params) {
                    return {
                        name: params.term // search term
                    };
                },
                processResults: function (data) {
                    return {
                        results: $.map(data, function (item) {
                            return {
                                text: `${item.cover_note_reference}`,
                                id: item.cover_note_reference
                            }
                        })
                    };
                },
                cache: true

            },
            minimumInputLength: 3,
        });

        $('.claim_reference_select').select2({
            ajax: {
                url: `/claim_reference_select`,
                type: "GET",
                dataType: 'json',
                delay: 250,
                data: function (params) {
                    return {
                        name: params.term // search term
                    };
                },
                processResults: function (data) {
                    return {
                        results: $.map(data, function (item) {
                            return {
                                text: `${item.claim_reference_number}`,
                                id: item.claim_reference_number
                            }
                        })
                    };
                },
                cache: true

            },
            minimumInputLength: 3,
        });
        $(document).on('change','.claim_reference_select',function (e) {
            e.preventDefault();
            let motor = $(this).val();
            $.ajax({
                type: "GET",
                url: `/claim_reference_select/${motor}`,
                beforeSend: function(){ run_waitMe('ios','create_claim_form','Fetching'); },
                complete: function(){ $('#create_claim_form').waitMe("hide");},
                success: function (data) {
                    $('.cover_note_reference_select').append(`<option value="${data.cover_note_reference}" selected >${data.cover_note_reference}</option>`).trigger('select2:change');
                },
            });
        })
        $(document).on('change','.cover_note_reference_select',function (e) {
            e.preventDefault();
            let reference = $(this).val();
            $.ajax({
                type: "GET",
                url: `/cover_note_reference_claim/${reference}`,
                beforeSend: function(){ run_waitMe('ios','create_claim_form','Fetching'); },
                complete: function(){ $('#create_claim_form').waitMe("hide");},
                success: function (data) {
                    $('.claim_reference_select').append(`<option value="${data.claim_reference_number}" selected >${data.claim_reference_number}</option>`).trigger('select2:change');

                },
            });
        })
    </script>

@endsection