@extends('main')
@section('css')

@endsection
@section('content')
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            {{{ $vars['title'] }}}
            <button type="button" id="toggle_div" class="btn btn-success pull-right toggle_div ">
                <i class="fa fa-plus float-right">&nbsp Toggle Form</i>
            </button>
            @include('claims.renders.date_finder')
        </h1>
    </section>
    <!-- Main content -->
    <section class="content">
        <div>

                <div id="toggle_div_div" style="display: none">
                    <form class="prevent-resubmit-form" id="submit_reinsurance_data" method="post"
                          action="{{route('reinsurance.store')}}" enctype="multipart/form-data">
                        @csrf
                        <div class="card-body">
                            <input type="hidden" name="id">
                            <input type="hidden" name="officer_id" value="{{auth()->user()->id}}">
                            <div class="row">
                                <div class="form-group col-md-4">
                                    <label for="exampleInputEmail1">Policy Operative Clause</label>
                                    <input type="text" class="form-control" name="policy_operative_clause" required>
                                </div>
                                <div class="form-group col-md-4">
                                    <label for="exampleInputEmail1">Special Condition</label>
                                    <input type="text" class="form-control" name="special_conditions" required>
                                </div>
                                <div class="form-group col-md-4">
                                    <label for="exampleInputEmail1">Exclusions</label>
                                    <input type="text" class="form-control" name="exclusions">
                                </div>
                                <div class="form-group col-md-12">
                                    <label for="exampleInputEmail1">CoverNote ReferenceNumber</label>
                                    <select class="form-control text-uppercase select2 cover_note_reference_select cover_note_reference_select_loader"
                                            id="cover_note_reference_select" name="policy_id[]"
                                            data-placeholder="Select CoverNote Reference Number" style="width: 100%"
                                            multiple required>
                                        {{--                                            <option  selected @isset($vars['row']->claim)value="{{$vars['row']->claim->policy_id}}"@endisset >@if(isset($vars['row']->claim)){{$vars['row']->claim->cover_note_reference}} @else Select CoverNote Reference Number @endif</option>--}}
                                    </select>
                                </div>
                            </div>
                            <div class="modal-footer">
                                @if(!isset($vars['row']) )
                                    <button type="submit" class="btn btn-primary "> Submit and Proceed</button>
                                @endif
                                @if(isset($vars['row']) && $vars['row']->status == 'Error')
                                    <button type="submit" class="btn btn-primary "> Submit and Proceed</button>
                                @endif

                            </div>

                        </div>
                    </form>
                    <div class="policy_details_data">
                    </div>
                </div>
                <div class="card-body">
                    <table class="table table-bordered data-table" id="facultative_table">
                        <thead>
                        <tr>

                            <th>Policy Number</th>
                            <th>Policy Operative Clause</th>
                            <th>Special Conditions</th>
                            <th>Cover References</th>
                            {{--                                    <th>Issued By </th>--}}
                            <th>Issued Date</th>
                            <th>Request</th>
                            <th>Response</th>
                            <th class="noExport">Action</th>
                        </tr>
                        </thead>
                        <tbody class="table_table" id="dispensing_drug_table">
                        @foreach($vars['reinsurance'] as $row)
                            <tr>
                                <td>{{$row->policy_number}}</td>
                                <td>{{$row->policy_operative_clause}}</td>
                                <td>{{$row->special_conditions}}</td>
                                <td>@if($row->policies)
                                        @foreach($row->policies as $ref)
                                            <i>{{$ref->CoverNoteReferenceNumber}}</i><br/>
                                        @endforeach
                                    @endif</td>
                                {{--                                    <td>@if($row->issuedBy){{$row->issuedBy->name}}@endif</td>--}}
                                <td>{{$row->created_at->format('d M, Y')}}</td>
                                <td>{{$row->RequestId}}</td>
                                <td>{{$row->ResponseId}}</td>
                                <td>
                                    @if($row->status !== "Success")
                                        <a class="btn btn-sm btn-default editData" data-row="{{$row}}"
                                           data-policies="{{$row->policies}}" data-id="{{ $row->id }}" type="button"
                                           title="Edit Class" data-original-title="Edit"><i class="fas fa-edit"></i></a>
                                        <a class="btn btn-sm  submitTiraData" data-id="{{ $row->id }}" type="button"
                                           title="Send To Tira" style="color:green"><i class="fas fa-play"></i></a>
                                        <a href="javascript:void(0)" class="btn btn-sm btn-default deleteThis"
                                           data-table="reinsurances" data-id="{{$row->id}}" type="button"
                                           data-toggle="tooltip" title="Delete Claim" data-original-title="View"><i
                                                    class="fa fa-trash" style="color:red"></i></a>
                                    @else
                                        Success
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>


        </div>

    </section>

@endsection

@section('js')

    @include('claims.scripting')
    <script>
        dateSubmitStatus('find_by_date_service_group', 'reinsurance_finder')
        $(document).on('click', '.editData', function () {
            let row = $(this).data('row');
            let policies = $(this).data('policies');
            $(`#submit_reinsurance_data input[name=officer_id]`).val(row[`officer_id`]);
            $(`#submit_reinsurance_data input[name=id]`).val(row[`id`]);
            $(`#submit_reinsurance_data input[name=policy_operative_clause]`).val(row[`policy_operative_clause`]);
            $(`#submit_reinsurance_data input[name=special_conditions]`).val(row[`special_conditions`]);
            $(`#submit_reinsurance_data input[name=exclusions]`).val(row[`exclusions`]);
            $('.cover_note_reference_select').val('').trigger('change');
            policies.forEach(el => {
                $('.cover_note_reference_select').prepend(`<option value="${el.id}" selected>${el.CoverNoteReferenceNumber}</option>`).trigger('change')
            });
            $('#toggle_div_div').slideDown('slow');
        });
        $(document).on('click', '#toggle_div', function () {
            $('#toggle_div_div').toggle('slow');
        });
        $(document).on('click', '.submitTiraData', function () {
            let id = $(this).data('id');
            $.ajax({
                type: "GET",
                url: `/submitTiraPolicySingleData/${id}`,
                beforeSend: function () {
                    run_waitMe('ios', 'dispensing_drug_table', 'Fetching');
                },
                complete: function () {
                    $('#dispensing_drug_table').waitMe("hide");
                },
                success: function (data) {
                    if (data[0] === "Error") {
                        swal('error', `Something is wrong`, 'error');
                    } else {
                        swal('Successful!', 'Thanks Please Wait For the Tira Response', 'success');
                    }
                },
            });
        });

        $('.cover_note_reference_select').select2({
            ajax: {
                url: `/cover_note_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.CoverNoteReferenceNumber}`,
                                id: item.id
                            }
                        })
                    };
                },
                cache: true

            },
            minimumInputLength: 3,
        });
        $(document).on('change', '.cover_note_reference_select', function (e) {
            e.preventDefault();
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            let reference = [$(this).val()];

            var formdata = new FormData();
            formdata.append('id', reference)
            $.ajax({
                type: "POST",
                url: `/get_reference_detail_and_policy_detail`,
                processData: false,
                contentType: false,
                data: formdata,
                beforeSend: function () {
                    run_waitMe('ios', 'create_claim_form', 'Fetching');
                },
                complete: function () {
                    $('#create_claim_form').waitMe("hide");
                },
                success: function (data) {
                    $('.policy_details_data').replaceWith(data.view);
                },
            });
        })

        $(document).on('submit', '#submit_reinsurance_data', function (e) {
            e.preventDefault();
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });

            var formdata = new FormData(this);
            $.ajax({
                type: "POST",
                url: `/reinsurance`,
                processData: false,
                contentType: false,
                data: formdata,
                beforeSend: function () {
                    run_waitMe('ios', 'submit_reinsurance_data', 'Fetching');
                },
                complete: function () {
                    $('#submit_reinsurance_data').waitMe("hide");
                },
                success: function (data) {
                    if (data[0] === "Error") {
                        swal(
                            'Ooohps!...',
                            `Something Went Wrong`,
                            'error'
                        )
                    } else {
                        swal(
                            'Successful!',
                            'Thanks Please Wait For the Tira Response',
                            'success'
                        )
                    }
                },
            });

        })

    </script>

@endsection