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

@endsection
@section('content')
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <div class="card">
            <div class="card-header">
                <h1>
                    {{{ $vars['title'] }}}
                </h1>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-12">
                        <div class="row">

                            <div class="form-group col-md-2">
                                <label for="">Claim No:  &nbsp; &nbsp</label>
                                <div class="input-group">
                                    <input type="text" class="form-control" id="claim_no_fetch"  name="claim_no"  data-mask="" inputmode="text">
                                    <div class="input-group-prepend">
                                        <span style="cursor: pointer" data-fetch="claim_no_fetch" class="input-group-text fetch-data-all"><i class="fas fa-search-plus"></i></span>
                                    </div>
                                    <span id="exampleInputEmail1-error" class="error invalid-feedback " >Please enter Claim No</span>
                                </div>
                            </div>

                            <div class="form-group col-md-2">
                                <label for="">Risk Note:  &nbsp; &nbsp</label>
                                <div class="input-group">
                                    <input type="number" class="form-control" id="policy_id_fetch"  name="policy_id"  data-mask="" inputmode="text" required>
                                    <div class="input-group-prepend">
                                        <span style="cursor: pointer" data-fetch="policy_id_fetch" class="input-group-text fetch-data-all"><i class="fas fa-search-plus"></i></span>
                                    </div>
                                    <span id="exampleInputEmail1-error" class="error invalid-feedback " >Please enter Risk Note</span>
                                </div>
                            </div>
                            <div class="form-group col-md-2">
                                <label for="">Policy No:  &nbsp; &nbsp</label>
                                <div class="input-group">
                                    <input type="text" class="form-control policy_number" id="policy_number"   name="policy_number"  data-mask="" inputmode="text" required>
                                    <div class="input-group-prepend">
                                        <span style="cursor: pointer" class="input-group-text fetch-data-all" data-fetch="policy_number"><i class="fas fa-search-plus"></i></span>
                                    </div>
                                    <span id="exampleInputEmail1-error" class="error invalid-feedback " >Please enter Policy No</span>
                                </div>
                            </div>

                            <div class="form-group col-md-2">
                                <label for="exampleInputEmail1">Claimant</label>
                                <select class="form-control text-uppercase select2 " id="claimant_claim" name="claimant_id" data-placeholder="Select Claimant" style="width: 100%" required>
                                    <option> Claimant Name </option>
                                </select>
                            </div>



                            <div class="form-group col-md-2">
                                <label for="exampleInputEmail1">Insured Name</label>
                                <select class="form-control text-uppercase select2 " id="insured_name" name="policy_id" data-placeholder="Select Insured Name" style="width: 100%" required>
                                    <option > Insured Name </option>
                                </select>
                            </div>

                            <div class="form-group col-md-2">
                                <label for="exampleInputEmail1">C.N Ref No</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%" required>
                                    <option  selected > Select Reference Number </option>
                                </select>
                            </div>

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

    </section>



    <!-- Main content -->
    <section class="content">

        <div class="row ">
            <div class="col-md-12">
                <div class="card-body">
                    <div class="nav-tabs-custom">
                        <form class="find_by_date_service_group float-right row" style="width:60%"  enctype="multipart/form-data">
                            <div class="col-md-5">
                                <select type="text" class="form-control select2 float-right" name="status">
                                    <option value="all">All</option>
                                    <option value="Intimation" @isset($selected){{ $selected== 'Intimation' ? 'selected' : ''}}@endisset>Intimation</option>
                                    <option value="Assessment" @isset($selected){{ $selected== 'Assessment' ? 'selected' : ''}}@endisset>Assessment</option>
                                    <option value="Discharge" @isset($selected){{ $selected== 'Discharge' ? 'selected' : ''}}@endisset>Discharge Voucher</option>
                                    <option value="Payment" @isset($selected){{ $selected== 'Payment' ? 'selected' : ''}}@endisset>Payments</option>
                                    <option value="Notification" @isset($selected){{ $selected== 'Notification' ? 'selected' : ''}}@endisset>Notifications</option>
                                    <option value="error" @isset($selected){{ $selected== 'error' ? 'selected' : ''}}@endisset>Error</option>
                                    <option value="Success" @isset($selected){{ $selected== 'Success' ? 'selected' : ''}}@endisset>Success</option>
                                </select>
                            </div>
                            <div class="col-md-5">
                                <input type="hidden" id="date_range_selected" class="form-control float-right" name="date" placeholder="Date range:">
                                <div class="input-group">
                                    <button type="button" class="btn btn-default float-right" style="width:100%" id="daterange-btn">
                                        <i class="far fa-calendar-alt"></i> Select Date Range
                                        <i class="fas fa-caret-down"></i>
                                    </button>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <button class="btn bg-orange" type="submit" data-toggle="tooltip" title="View Data" data-original-title="View"><i class="fa fa-search text-white"></i></button>
                            </div>
                        </form>
                    <div class="tab-content">
                        <div class="active tab-pane" id="role">
                            <div class="timeline-body">

                                <div class="box box-primary">
                                    <div class="box-header">
                                        <h3 class="box-title">Claim List</h3>
                                    </div>
                                    <div class="box-body ">
                                        <table class="table table-striped normal-table" id="user_table">
                                            <thead>
                                            <tr>
                                                <th>Claim No</th>
                                                <th>Claim Reference</th>
                                                <th>Name</th>
                                                <th>Policy Number</th>
                                                <th>Service Category</th>
                                                <th>Status</th>
                                                <th class="noExport">Action</th>
                                            </tr>
                                            </thead>
                                            <tbody id="claim-trs">
                                                @include('new-claims.renders.claim_tr')
                                            </tbody>
                                        </table>
                                    </div>

                                </div>

                            </div>
                        </div>

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

        </div>

    </section>

@endsection

@section('js')

    @include('new-claims.scripts._script')
    <script>

        $(document).on('click', '.fetch-data-all', function () {
            let id = $(this).data('fetch')
            let value = $(`#${id}`).val();
            if(value){
                let name = $(`#${id}`).attr("name");
                let formData = new FormData();
                formData.append('value', value);
                formData.append('name', name);
                asyncFetchAnyData(url = "new-claim-fetch", formData).then((response) => {
                    $('#claim-trs').replaceWith(`<tbody id="claim-trs">${response.view}</tbody>`);
                    $(".normal-table").DataTable({});
                });
            }else{
                $(`#${id}`).addClass('is-invalid');
                setTimeout(function (e) {
                    $(`#${id}`).removeClass('is-invalid');
                },3000)
            }
        });


        $(document).on('submit', '.find_by_date_service_group', function (e) {
            e.preventDefault();
            let formData = new FormData(this);
            asyncFetchAnyData(url = "new-claim-fetch-status", formData).then((response) => {
                $('#claim-trs').replaceWith(`<tbody id="claim-trs">${response.view}</tbody>`);
                reDeclerDataTable();
            });
        });





        $('.customer_detail_id').select2({});

        $(document).on('change', '.service_detail_customer', function () {

        });

    </script>

@endsection