@extends('layouts.dashboard.without_sidebar')
@section('title', 'لیست خسارات وارده به ابنیه فنی و تاسیسات راه')
@section('styles')
    <!-- data table links -->
    <link rel="stylesheet" href="{{ asset('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css') }}" />
    <link rel="stylesheet" href="{{ asset('plugins/datatables-buttons/css/buttons.bootstrap4.min.css') }}" />
    <link rel="stylesheet" href="{{ asset('plugins/datatables-responsive/css/responsive.bootstrap4.min.css') }}" />
    <!-- select2 link -->
    <link rel="stylesheet" href="{{ asset('plugins/select2/css/select2.min.css') }}" />
    <link rel="stylesheet" href="{{ asset('dist/css/select2-bootstrap4.min.css') }}" />
    <!-- date picker link -->
    <link rel="stylesheet" href="{{ asset('dist/css/persian-datepicker.min.css') }}" />
    <!-- tables main style link -->
    <link rel="stylesheet" href="{{ asset('version2/css/dashboard_layouts/_tablesStyle.css') }}" />
    <!-- map links -->
    <link rel="stylesheet" href="{{ asset('dist/css/leaflet.css') }}" />
    <!-- this page styles -->
    <link rel="stylesheet" href="{{ asset('version2/css/dashboard_pages/receipt/list.css?_=') }}" />
@endsection
@section('breadcrumb')
    <nav class="breadcrumb-selfdesign">
        <div class="container d-flex align-items-center justify-content-between">
            <ul class="d-flex align-items-center">
                <li class="breadcrumb-item-selfdesign"><a href="{{route('v2.dashboard')}}">داشبورد</a></li>
                <i class="mr-2 fa fa-angle-left arrow-icon text-dark"></i>
                <li class="current breadcrumb-item-selfdesign">خسارات وارده به ابنیه فنی و تاسیسات راه</li>
            </ul>
            <a href="{{route('v2.dashboard')}}" class="btn breadcrumb-back">بازگشت</a>
        </div>
    </nav>
@endsection
@section('content')
<div class="d-flex flex-column mb-1 content-center-datatable align-items-center justify-content-center">
    <div class="d-flex align-items-center justify-content-center w-100 mt-3 pt-1">
        <hr class="col mx-2">
        <span class="table-header mx-2">لیست خسارات وارده به ابنیه فنی و تاسیسات راه</span>
        <hr class="col mx-2">
    </div>
    <button id="Receipt_add" class="mt-2 table-add-btn d-none"><span class="pl-1">+</span>ثبت خسارت</button>
</div>

<table class="table table-striped table-bordered" id="Receipt_table" width="100%">
    <thead>
        <tr>
            <th rowspan="2">ردیف</th>
            <th rowspan="2">کد یکتا</th>
            <th rowspan="2">اداره کل(استان)</th>
            <th rowspan="2">شهرستان</th>
            <th rowspan="2">نام محور</th>
            <th rowspan="2">نوع تصادف</th>
            <th rowspan="2">تاریخ وقوع تصادف</th>
            <th rowspan="2">موقعیت جغرافیایی</th>
            <th rowspan="2">تصاویر محل خسارت</th>
            <th rowspan="2">مبلغ کل خسارت</th>
            <th rowspan="2">شماره انتظامی وسیله نقلیه</th>
            <th rowspan="2">تاریخ ثبت خسارت در سامانه</th>
            <th class="d-none" rowspan="2">ای دی آخرین وضعیت</th>
            <th rowspan="2">آخرین وضعیت</th>
            <th rowspan="2">عملیات</th>
            <th colspan="3">اطلاعات واریز</th>
        </tr>
        <tr>
            <th style="background-color: #ff5c0f;">مبلغ فیش (ریال)</th>
            <th style="background-color: #ff5c0f;">مبلغ بیمه (ریال)</th>
            <th style="background-color: #ff5c0f;">مبلغ داغی (ریال)</th>
        </tr>
    </thead>
</table>

<!-- receipt add modal -->
<div id="add_Receipt_modal" class="modal animated zoomIn fade">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg">
        <div class="modal-content">
            <div class="modal-header d-flex align-items-center justify-content-end">
                <button type="button" class="close m-0 p-0" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body">
                <fieldset class="modal-fieldset col">
                    <legend>ثبت اطلاعات تصادف</legend>
                    <div class="modal-fieldset-content row col-12 justify-content-between align-items-center">
                        <div class="row col-12 justify-content-between align-items-center">
                            <div class="col-4 form-group">
                                <label for="date_add">تاریخ تصادف</label><span style="color: crimson">*</span>
                                <input type="text" class="form-control input-add-receipt" name="date" id="date_add"
                                    readonly></input>
                            </div>
                            <div class="col-4 form-group">
                                <label for="time_add">ساعت تصادف</label><span style="color: crimson">*</span>
                                <input type="text" class="form-control input-add-receipt" name="time" id="time_add"
                                    readonly></input>
                            </div>
                            <div class="col-4 form-group">
                                <label for="accident_type_add">نوع تصادف</label><span
                                    style="color: crimson">*</span>
                                <select class="form-control select-add-receipt" name="accident_type"
                                    id="accident_type_add"></select>
                            </div>
                        </div>
                        <div style="width: 90%; height: 2px;" class="ml-auto mr-auto mb-3">
                            <hr>
                        </div>
                        <div class="row col-12 justify-content-between align-items-center">
                            <div class="col-4 form-group">
                                <label for="province_add">اداره کل(استان)</label><span
                                    style="color: crimson">*</span>
                                <select class="form-control select-add-receipt find-city" name="province"
                                    id="province_add"></select>
                            </div>
                            <div class="col-4 form-group">
                                <label for="city_add">شهرستان</label><span style="color: crimson">*</span>
                                <select class="form-control select-add-receipt recive-city" name="city"
                                    id="city_add"></select>
                            </div>
                            <div class="col-4 form-group">
                                <label for="axis_name_add">نام محور</label><span style="color: crimson">*</span>
                                <input type="text" class="form-control input-add-receipt" name="axis_name"
                                    id="axis_name_add"></input>
                            </div>
                        </div>
                        <div style="width: 90%; height: 2px;" class="ml-auto mr-auto mb-3">
                            <hr>
                        </div>
                        <div class="row col-12 justify-content-between align-items-center mt-3">
                            <div class="col-4 form-group">
                                <label for="name_family_add">نام و نام خانوادگی (راننده)</label><span
                                    style="color: crimson">*</span>
                                <input type="text" class="form-control input-add-receipt" name="name_family"
                                    id="name_family_add"></input>
                            </div>
                            <div class="col-4 form-group">
                                <label for="national_code_add">کد ملی</label><span
                                    style="color: crimson">*</span>
                                <input type="text" class="form-control input-add-receipt" name="national_code"
                                    id="national_code_add"></input>
                            </div>
                            <div class="col-4 form-group">
                                <label for="plaque_number_add">شماره انتظامی وسیله نقلیه</label><span
                                    style="color: crimson">*</span>
                                <img width="200px" src="../dist/images/plaque-image.png" alt="plaque number">
                                <input type="number"
                                    oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
                                    maxlength="2" autocomplete="off"
                                    class="form-control left-text-Plaque text-Plaque" name="plaque_number"
                                    id="plaque_number_add1"></input>
                                <div class="form-control text-text-Plaque div-Plaque d-flex align-items-center justify-content-center"
                                    data-value="" id="plaque_word_add1"></div>
                                <input type="number"
                                    oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
                                    maxlength="3" autocomplete="off"
                                    class="form-control center-text-Plaque text-Plaque" name="plaque_number"
                                    id="plaque_number_add2"></input>
                                <input type="number"
                                    oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
                                    maxlength="2" autocomplete="off"
                                    class="form-control right-text-Plaque text-Plaque" name="plaque_number"
                                    id="plaque_number_add3"></input>
                            </div>
                        </div>
                        <div class="row col-12 justify-content-between align-items-center">
                            <div class="col-5 form-group">
                                <label for="phone_number_add">شماره تماس</label><span
                                    style="color: crimson">*</span>
                                    <span class="attent-num mr-1" style="color: crimson; font-size: 11px;">(شماره تماس باید یازده رقم باشد)</span>
                                <input type="number" class="form-control phone-is-correct" id="phone_number_add" value="09" onkeyup="phone_checker($(this));"
                                    oninput="javascript: if (this.value.length > 11) this.value = this.value.slice(0, 11); 
                                    if(this.value.slice(0 , 2) != '09'){this.value = '09'}" placeholder="شماره تماس را وارد کنید">
                            </div>
                            <div class="col-4 form-group">
                                <label>تصاویر محل خسارت</label><span style="color: crimson">*</span>
                                <div class="d-flex">
                                    <div class="col-6">
                                        <div class="img-box col d-flex justify-content-center">
                                            <div class="d-flex flex-column">
                                                <label
                                                    class="imgbox d-flex align-items-center justify-content-center"
                                                    for="adddeviceImg1">
                                                    <span class="img-title" id="deviceImg1Title">تصویر
                                                        تصادف</span>
                                                    <img class="img-preview" id="deviceImg1Preview" src="" />
                                                </label>
                                                <button class="btn-delete-img btn btn-danger btn-sm"
                                                    id="deleteDeviceImg1" disabled><i class="fa fa-trash"
                                                        style="color: #fff;"></i></button>
                                            </div>
                                            <input type="file" name="deviceImg1" id="adddeviceImg1"
                                                class="img-input d-none img-valid-need" accept=".jpg, .png">
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="img-box col d-flex justify-content-center">
                                            <div class="d-flex flex-column">
                                                <label
                                                    class="imgbox d-flex align-items-center justify-content-center"
                                                    for="adddeviceImg2">
                                                    <span class="img-title" id="deviceImg2Title">تصویر
                                                        تصادف</span>
                                                    <img class="img-preview" id="deviceImg2Preview" src="" />
                                                </label>
                                                <button class="btn-delete-img btn btn-danger btn-sm"
                                                    id="deleteDeviceImg2" disabled><i class="fa fa-trash"
                                                        style="color: #fff;"></i></button>
                                            </div>
                                            <input type="file" name="deviceImg2" id="adddeviceImg2"
                                                class="img-input d-none img-valid-need" accept=".jpg, .png">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </fieldset>
                <fieldset class="modal-fieldset col mb-3 mt-3">
                    <legend>ثبت موقعیت مکانی</legend>
                    <div
                        class="modal-fieldset-content row col-12 justify-content-center align-items-center abrar-map-layout m-0 p-0">
                        <div class="col-12 mb-3 p-0 map-parent-border">
                            <div id="add_map" class="project-map"></div>
                        </div>
                        <div class="row map-latlng-input-row">
                            <div class="col-md-12">
                                <div class="form-group map-latlng-form">
                                    <label class="required-label d-block text-center map-latlng-label"> ثبت
                                        دستی مختصات </label>
                                    <input type="text" class="form-control input-map-project input-add-receipt"
                                        name="add_project_start_map" id="add_project_start_map"
                                        data-inputmask="'mask': '(99.999999) - (99.999999)'" data-mask
                                        placeholder="(شروع) => (عرض جغرافیایی) - (طول جغرافیایی)"
                                        autocomplete="off" />
                                </div>
                            </div>
                        </div>
                    </div>
                </fieldset>
                <fieldset class="modal-fieldset col mt-3 mb-3">
                    <legend>مبنای گزارش میزان خسارت</legend>
                    <div class="modal-fieldset-content row col-12 justify-content-between align-items-center">
                        <div class="col-12 d-flex align-items-center">
                            <div class="col-5 d-flex flex-column align-items-start">
                                <div class="form-check form-check-inline mr-0 mb-3">
                                    <input class="form-check-input radio-input" checked type="radio"
                                        id="police_chart_radio_add" name="acc_base_add" value="0">
                                    <label class="form-check-label mr-2" for="police_chart_radio_add">کروکی یا
                                        نامه پلیس راه (معرفی فرد به اداره)</label>
                                </div>
                                <div class="form-check form-check-inline mr-0">
                                    <input class="form-check-input radio-input" type="radio" id="visit_expert_add"
                                        name="acc_base_add" value="1">
                                    <label class="form-check-label mr-2" for="visit_expert_add">بازدید عوامل و
                                        کارشناسان راهداری</label>
                                </div>
                            </div>
                            <div class="col-3">
                                <div class="custom-file">
                                    <input type="file" class="custom-file-input file-add-receipt file-valid-need"
                                        id="police_file_add" accept=".pdf, .jpg, .png">
                                    <label class="custom-file-label label-file-add-receipt"
                                        for="police_file_add">انتخاب فایل</label>
                                </div>
                            </div>
                            <div class="col-4 d-flex flex-column">
                                <input type="number" class="form-control input-add-receipt mb-2"
                                    placeholder="شماره کروکی یا نامه پلیس راه" name="police_chart"
                                    id="police_chart_add"></input>
                                <input type="text" class="form-control input-add-receipt"
                                    placeholder="تاریخ کروکی یا نامه پلیس راه" name="police_date_add"
                                    id="police_date_add" readonly></input>
                            </div>
                        </div>
                    </div>
                </fieldset>

                <div class="row col-12 justify-content-between align-items-center parent-damage">
                    <div class="row col-4 justify-content-between align-items-center">
                        <div class="col-12 form-group">
                            <label for="damage_items_add0">آیتم های خسارت</label><span
                                style="color: crimson">*</span>
                            <select class="form-control select-add-receipt damage-items" name="damage_items_add"
                                id="damage_items_add0"></select>
                        </div>
                    </div>
                    <div class="col-4 form-group">
                        <label for="damage_items_value_add0">میزان خسارت <span
                                class="selected-unit"></span></label><span style="color: crimson">*</span>
                        <input type="text" class="form-control input-add-receipt damage-value" disabled
                            name="damage_items_value_add" id="damage_items_value_add0">
                    </div>
                    <div class="col-4 form-group">
                        <label for="damage_amount_add0">هزینه خسارت (ریال)</label><span
                            style="color: crimson">*</span>
                        <input type="text" class="form-control input-add-receipt damage-amount" readonly
                            name="damage_items_amount_add" id="damage_amount_add0">
                    </div>
                </div>
                <div class="d-flex align-items-center justify-content-center mb-2 mt-3">
                    <button id="add_damge"
                        class="d-flex justify-content-center align-items-center damage-adder-style">+</button>
                    <h6 class="mb-0 mr-2 text-center text-nowrap" style="color: #4962ac;">افزودن آیتم خسارت
                        </h5>
                        <div class="col align-items-center">
                            <hr style="background: #ff5c0f;">
                        </div>
                </div>
                <div id="new_damage_box_add" class="row d-flex align-items-center justify-content-center mb-2 mt-3">
                </div>
            </div>
            <div class="modal-footer">
                <button class="cancel btn btn-danger" data-dismiss="modal" aria-label="Close">انصراف</button>
                <button class="btn btn-primary" id="Receipt_add_cta">ثبت</button>
            </div>
        </div>
    </div>
</div>
<!-- end receipt add modal -->

<!-- receipt edit modal -->
<div id="edit_Receipt_modal" class="modal animated zoomIn fade">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg">
        <div class="modal-content">
            <div class="modal-header d-flex align-items-center justify-content-between">
                <p class="modal-title">ویرایش اطلاعات حادثه (تصادف)</p>
                <button type="button" class="close m-0 p-0" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body">
                <fieldset class="modal-fieldset col">
                    <legend>ویرایش اطلاعات حادثه تصادف</legend>
                    <div class="modal-fieldset-content row col-12 justify-content-between align-items-center">
                        <div class="row col-12 justify-content-between align-items-center">
                            <div class="col-4 form-group">
                                <label for="date_edit">تاریخ تصادف</label><span style="color: crimson">*</span>
                                <input type="text" class="form-control input-edit-receipt" name="date"
                                    id="date_edit" readonly></input>
                            </div>
                            <div class="col-4 form-group">
                                <label for="time_edit">ساعت تصادف</label><span style="color: crimson">*</span>
                                <input type="text" class="form-control input-edit-receipt" name="time"
                                    id="time_edit" readonly></input>
                            </div>
                            <div class="col-4 form-group">
                                <label for="accident_type_edit">نوع تصادف</label><span
                                    style="color: crimson">*</span>
                                <select class="form-control select-edit-receipt" name="accident_type"
                                    id="accident_type_edit"></select>
                            </div>
                        </div>
                        <div style="width: 90%; height: 2px;" class="ml-auto mr-auto mb-3">
                            <hr>
                        </div>
                        <div class="row col-12 justify-content-between align-items-center">
                            <div class="col-4 form-group">
                                <label for="province_edit">اداره کل(استان)</label><span
                                    style="color: crimson">*</span>
                                <select class="form-control select-edit-receipt find-city" name="province"
                                    id="province_edit"></select>
                            </div>
                            <div class="col-4 form-group">
                                <label for="city_edit">شهرستان</label><span style="color: crimson">*</span>
                                <select class="form-control select-edit-receipt recive-city" name="city"
                                    id="city_edit"></select>
                            </div>
                            <div class="col-4 form-group">
                                <label for="axis_name_edit">نام محور</label><span style="color: crimson">*</span>
                                <input type="text" class="form-control input-edit-receipt" name="axis_name"
                                    id="axis_name_edit"></input>
                            </div>
                        </div>
                        <div style="width: 90%; height: 2px;" class="ml-auto mr-auto mb-3">
                            <hr>
                        </div>
                        <div class="row col-12 justify-content-between align-items-center">
                            <div class="col-4 form-group">
                                <label for="name_family_edit">نام و نام خانوادگی (راننده)</label><span
                                    style="color: crimson">*</span>
                                <input type="text" class="form-control input-edit-receipt" name="name_family"
                                    id="name_family_edit"></input>
                            </div>
                            <div class="col-4 form-group">
                                <label for="national_code_edit">کد ملی</label><span style="color: crimson">*</span>
                                <input type="text" class="form-control input-edit-receipt" name="national_code" id="national_code_edit"></input>
                            </div>
                            <div class="col-4 form-group">
                                <label for="plaque_number_edit">شماره انتظامی وسیله نقلیه</label><span
                                    style="color: crimson">*</span>
                                <img width="200px" src="../dist/images/plaque-image.png" alt="plaque number">
                                <input type="number"
                                    oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
                                    maxlength="2" autocomplete="off"
                                    class="form-control left-text-Plaque text-Plaque" name="plaque_number"
                                    id="plaque_number_edit1"></input>
                                <div class="form-control text-text-Plaque div-Plaque d-flex align-items-center justify-content-center"
                                    data-value="" name="plaque_number" id="plaque_word_edit1"></div>
                                <input type="number"
                                    oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
                                    maxlength="3" autocomplete="off"
                                    class="form-control center-text-Plaque text-Plaque" name="plaque_number"
                                    id="plaque_number_edit2"></input>
                                <input type="number"
                                    oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
                                    maxlength="2" autocomplete="off"
                                    class="form-control right-text-Plaque text-Plaque" name="plaque_number"
                                    id="plaque_number_edit3"></input>
                            </div>
                        </div>
                        <div class="row col-12 justify-content-between align-items-center">
                            <div class="col-5 form-group">
                                <label for="phone_number_edit">شماره تماس</label><span style="color: crimson">*</span>
                                <span class="attent-num mr-1" style="color: crimson; font-size: 11px;">(شماره تماس باید یازده رقم باشد)</span>
                                <input type="number" class="form-control phone-is-correct" id="phone_number_edit" value="09" maxlength="11"
                                    onkeypress="return event.charCode >= 46;" onkeyup="phone_checker($(this));" oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength); 
                                                            if(this.value.slice(0 , 2) != '09'){this.value = '09'}"
                                    placeholder="شماره تماس را وارد کنید">
                            </div>
                            <div class="col-4 form-group">
                                <label>تصاویر محل خسارت</label><span style="color: crimson">*</span>
                                <div class="d-flex">
                                    <div class="col-6">
                                        <div class="img-box col d-flex justify-content-center">
                                            <div class="d-flex flex-column">
                                                <label
                                                    class="imgbox d-flex align-items-center justify-content-center"
                                                    for="editdeviceImg1_edit">
                                                    <span class="img-title" id="deviceImg1Title_edit">تصویر
                                                        تصادف</span>
                                                    <img class="img-preview" id="deviceImg1Preview_edit" src="" />
                                                </label>
                                                <button class="btn-delete-img btn btn-danger btn-sm"
                                                    id="deleteDeviceImg1_edit" disabled><i class="fa fa-trash"
                                                        style="color: #fff;"></i></button>
                                            </div>
                                            <input type="file" name="deviceImg1_edit" id="editdeviceImg1_edit"
                                                class="img-input d-none img-valid-need" accept=".jpg, .png">
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="img-box col d-flex justify-content-center">
                                            <div class="d-flex flex-column">
                                                <label
                                                    class="imgbox d-flex align-items-center justify-content-center"
                                                    for="editdeviceImg2_edit">
                                                    <span class="img-title" id="deviceImg2Title_edit">تصویر
                                                        تصادف</span>
                                                    <img class="img-preview" id="deviceImg2Preview_edit" src="" />
                                                </label>
                                                <button class="btn-delete-img btn btn-danger btn-sm"
                                                    id="deleteDeviceImg2_edit" disabled><i class="fa fa-trash"
                                                        style="color: #fff;"></i></button>
                                            </div>
                                            <input type="file" name="deviceImg2_edit" id="editdeviceImg2_edit"
                                                class="img-input d-none img-valid-need" accept=".jpg, .png">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </fieldset>
                <fieldset class="modal-fieldset col mt-3">
                    <legend>مبنای گزارش میزان خسارت</legend>
                    <div class="modal-fieldset-content row col-12 justify-content-between align-items-center">
                        <div class="col-12 d-flex align-items-center">
                            <div class="col-5 d-flex flex-column align-items-start">
                                <div class="form-check form-check-inline mr-0 mb-3">
                                    <input class="form-check-input radio-input" type="radio"
                                        id="police_chart_radio_edit" name="acc_base_edit" value="0">
                                    <label class="form-check-label mr-2" for="police_chart_radio_edit">کروکی
                                        یا نامه پلیس راه (معرفی فرد به ادار)</label>
                                </div>
                                <div class="form-check form-check-inline mr-0">
                                    <input class="form-check-input radio-input" type="radio" id="visit_expert_edit"
                                        name="acc_base_edit" value="1">
                                    <label class="form-check-label mr-2" for="visit_expert_edit">بازدید عوامل
                                        و کارشناسان راهداری</label>
                                </div>
                            </div>
                            <div class="col-3 align-items-center">
                                <div class="custom-file">
                                    <input type="file" class="custom-file-input file-edit-receipt file-valid-need"
                                        id="police_file_edit" data-police-file="" accept=".pdf, .jpg, .png">
                                    <label class="custom-file-label label-file-edit-receipt"
                                        for="police_file_edit">انتخاب فایل</label>
                                </div>
                            </div>
                            <div class="col-1 align-items-center">
                                <a id="download_perv_file" target="_blank" href="" download><button disabled
                                        class="btn btn-success" title="دانلود فایل فعلی"><i
                                            class="fa fa-download"></i></button></a>
                            </div>
                            <div class="col-3 d-flex flex-column">
                                <input type="number" class="form-control input-edit-receipt mb-2"
                                    placeholder="شماره کروکی یا نامه پلیس راه" name="police_chart"
                                    id="police_chart_edit"></input>
                                <input type="text" class="form-control input-edit-receipt"
                                    placeholder="تاریخ کروکی یا نامه پلیس راه" name="police_date_edit"
                                    id="police_date_edit" readonly></input>
                            </div>
                        </div>
                    </div>
                </fieldset>
                <fieldset class="modal-fieldset col mb-3 mt-3">
                    <legend>ویرایش موقعیت مکانی</legend>
                    <div
                        class="modal-fieldset-content row col-12 justify-content-center align-items-center abrar-map-layout m-0 p-0">
                        <div class="col-12 mb-3 p-0 map-parent-border">
                            <div id="edit_map" class="project-map"></div>
                        </div>
                        <div class="row map-latlng-input-row">
                            <div class="col-md-12">
                                <div class="form-group map-latlng-form">
                                    <label class="required-label d-block text-center map-latlng-label"> ویرایش
                                        دستی مختصات </label>
                                    <input type="text" class="form-control input-map-project input-edit-receipt"
                                        name="edit_project_start_map" id="edit_project_start_map"
                                        data-inputmask="'mask': '(99.999999) - (99.999999)'" data-mask
                                        placeholder="(شروع) => (عرض جغرافیایی) - (طول جغرافیایی)"
                                        autocomplete="off" />
                                </div>
                            </div>
                        </div>
                    </div>
                </fieldset>
                <div class="row col-12 justify-content-between align-items-center parent-damage">
                    <div class="row col-4 justify-content-between align-items-center">
                        <div class="col-12 form-group">
                            <label for="damage_items_edit0">آیتم های خسارت</label><span
                                style="color: crimson">*</span>
                            <select class="form-control select-edit-receipt damage-items" name="damage_items_edit"
                                id="damage_items_edit0"></select>
                        </div>
                    </div>
                    <div class="col-4 form-group">
                        <label for="damage_items_value_edit0">میزان خسارت <span
                                class="selected-unit"></span></label><span style="color: crimson">*</span>
                        <input type="text" class="form-control input-edit-receipt damage-value" disabled
                            name="damage_items_value_edit" id="damage_items_value_edit0"></input>
                    </div>
                    <div class="col-4 form-group">
                        <label for="damage_amount_edit0">هزینه خسارت (ریال)</label><span
                            style="color: crimson">*</span>
                        <input type="text" class="form-control input-edit-receipt damage-amount" readonly
                            name="damage_amount_edit" id="damage_amount_edit0"></input>
                    </div>
                </div>
                <div class="d-flex align-items-center justify-content-center mb-2 mt-3">
                    <button id="edit_damge"
                        class="d-flex justify-content-center align-items-center damage-adder-style">+</button>
                    <h6 class="mb-0 mr-2 text-center text-nowrap" style="color: #4962ac;">افزودن آیتم خسارت
                        </h5>
                        <div class="col align-items-center">
                            <hr style="background: #ff5c0f">
                        </div>
                </div>
                <div id="new_damage_box_edit"
                    class="row d-flex align-items-center justify-content-center mb-2 mt-3"></div>
            </div>
            <div class="modal-footer">
                <button class="cancel btn btn-danger" data-dismiss="modal" aria-label="Close">انصراف</button>
                <button class="btn btn-primary" id="Receipt_edit_cta">ویرایش</button>
            </div>
        </div>
    </div>
</div>
<!-- end receipt edit modal -->

<!-- receipt show on map modal -->
<div id="show_Receipt_modal" class="modal fade" tabindex="-1" data-bs-backdrop="static" data-bs-keyboard="false">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header">
                <p class="modal-title d-flex align-items-center"><i class="fa fa-map-marker ml-2"></i>نمایش
                    مختصات</p>
                <button type="button" class="close m-0 p-0" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body modal-font-size pt-1 pb-1">
                <div class="map-show-box img-thumbnail ml-2 mr-2">
                    <div class="project-map" id="map_show"></div>
                </div>
                <div class="ml-2 mr-2 mt-3 mb-3">
                    <table class="table table-bordered table-secondary">
                        <thead>
                            <tr>
                                <th class="text-center show-font">عرض جغرافیایی</th>
                                <th class="text-center show-font">طول جغرافیایی</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="text-center show-font" id="show_on_map_lat"></td>
                                <td class="text-center show-font" id="show_on_map_lng"></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- end receipt show on map modal -->
<!-- insurance receipt modal -->
<div id="insurance_receipt_modal" class="modal fade" tabindex="-1" data-bs-backdrop="static"
    data-bs-keyboard="false">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header">
                <p class="modal-title d-flex align-items-center"><i class="fa fa-receipt ml-2"></i>ثبت فیش های پرداخت بیمه و داغی</p>
                <button type="button" class="close m-0 p-0" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body modal-font-size pt-1 pb-1">
                <div class="col-12 d-flex justify-content-center">
                    <div class="deposit_box col-6 mb-3 mt-3">
                        <label>فیش واریزی (بیمه)</label>
                        <div class='d-flex my-2'>
                            <div class="form-check form-check-inline">
                                <label class="form-check-label" for="deposit_redio_insurance_0">ندارد</label>
                                <input class="form-check-input redio-cleaner deposit-redio" type="radio" name="deposit_redio_insurance" id="deposit_redio_insurance_0" value="0">
                            </div>
                            <div class="form-check form-check-inline">
                                <label class="form-check-label" for="deposit_redio_insurance_1">دارد</label>
                                <input class="form-check-input redio-cleaner deposit-redio" type="radio" name="deposit_redio_insurance" id="deposit_redio_insurance_1" value="1">
                            </div>
                        </div>
                        <div class="img-box">
                            <div class="d-flex flex-column">
                                <label class="imgbox d-flex align-items-center justify-content-center"
                                    for="deposit_slip_insurance">
                                    <span class="img-title" id="deposit_slip_insuranceTitle">تصویر فیش واریزی
                                        (بیمه)</span>
                                    <img class="img-preview" id="deposit_slip_insurancePreview" src="" />
                                </label>
                            </div>
                            <input type="file" name="deposit_slip_insurance" id="deposit_slip_insurance"
                                class="img-input d-none depo-file-insurance depo-insurance" accept=".jpg, .png, .pdf">
                        </div>
                        <div class="mt-3"><input type="text"
                            class="form-control input-text-cleaner depo-input-insurance depo-insurance depo-amount-calc"
                            name="deposit_slip_insurance_amount" id="deposit_slip_insurance_amount"
                            placeholder="مبلغ بیمه (ریال)"></div>
                    </div>
                    <div class="deposit_box col-6 mb-3 mt-3">
                        <label>صورتجلسه تحویل داغی به انبار</label>
                        <div class='d-flex my-2'>
                            <div class="form-check form-check-inline">
                                <label class="form-check-label" for="deposit_redio_daghi_0">ندارد</label>
                                <input class="form-check-input redio-cleaner deposit-redio" type="radio" name="deposit_redio_daghi" id="deposit_redio_daghi_0" value="0">
                            </div>
                            <div class="form-check form-check-inline">
                                <label class="form-check-label" for="deposit_redio_daghi_1">دارد</label>
                                <input class="form-check-input redio-cleaner deposit-redio" type="radio" name="deposit_redio_daghi" id="deposit_redio_daghi_1" value="1">
                            </div>
                        </div>
                        <div class="img-box">
                            <div class="d-flex flex-column">
                                <label class="imgbox d-flex align-items-center justify-content-center"
                                    for="deposit_slip_daghi">
                                    <span class="img-title" id="deposit_slip_daghiTitle">تصویر صورتجلسه تحویل داغی به انبار</span>
                                    <img class="img-preview" id="deposit_slip_daghiPreview" src="" />
                                </label>
                            </div>
                            <input type="file" name="deposit_slip_daghi" id="deposit_slip_daghi"
                                class="img-input d-none depo-file-daghi depo-daghi" accept=".jpg, .png, .pdf">
                        </div>
                        <div class="mt-3"><input type="text"
                            class="form-control input-text-cleaner depo-input-daghi depo-daghi depo-amount-calc"
                            name="deposit_slip_daghi_amount" id="deposit_slip_daghi_amount"
                            placeholder="مبلغ داغی (ریال)"></div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button class="cancel btn btn-danger" data-dismiss="modal" aria-label="Close">انصراف</button>
                <button class="btn btn-primary" id="insurance_receipt_cta">ثبت</button>
            </div>
        </div>
    </div>
</div>
<!-- end insurance receipt modal -->
<!-- receipt deposit documentation modal -->
<div id="deposit_documentation_modal" class="modal fade" tabindex="-1" data-bs-backdrop="static"
    data-bs-keyboard="false">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header">
                <p class="modal-title d-flex align-items-center"><i class="fa fa-address-card ml-2"></i>مدیریت
                    پرداخت</p>
                <button type="button" class="close m-0 p-0" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body modal-font-size py-3">
                <div class='row'>
                    <div class="col-7">
                        <div class="col-12 form-group">
                            <span for="">مبلغ کل خسارت برآورد شده :</span>
                        </div>
                        <div class="col-12 form-group">
                            <span for="">مبلغ کسری بیمه :</span>
                        </div>
                        <div class="col-12 form-group">
                            <span for="">مبلغ کسری داغی :</span>
                        </div>
                        <div class="col-12 form-group my-5">
                            <h5 class="text-danger">مبلغ قابل پرداخت :</h5>
                        </div>
                    </div>
                    <div class="col-5 text-center">
                        <div class="col-12 form-group">
                            <span><span id="deposit_sum_label"></span> ریال</span>
                            <input type="text" class="form-control input-text-cleaner" id="deposit_sum" hidden>
                        </div>
                        <div class="col-12 form-group">
                            <span><span id="deposit_insurance_label"></span> ریال</span>
                            <input type="text" class="form-control input-text-cleaner" id="deposit_insurance" hidden>
                        </div>
                        <div class="col-12 form-group">
                            <span><span id="deposit_daghi_label"></span> ریال</span>
                            <input type="text" class="form-control input-text-cleaner" id="deposit_daghi" hidden>
                        </div>
                        <div class="col-12 form-group my-5">
                            <h5 class="text-danger"><span id="deposit_pay_label"></span> ریال</h5>
                            <input type="text" class="form-control input-text-cleaner" id="deposit_pay" hidden>
                        </div>
                    </div>
                    <div class="col-12">
                        <button id="deposit_documentation_cta" class="btn btn-block"></button>
                        <button id="deposit_send_sms_again_cta" class="btn btn-block btn-info">ارسال مجدد پیام پرداخت</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- end receipt deposit documentation modal -->
<!-- filter part -->
<div class='parent-filter'>
    <div class="row mt-2">
        <div class="col-12 mb-2">
            <input type="text" id="filter_id" class="form-control mb-3" placeholder="کد یکتا" autocomplete="off">
            <select id="filter_province" class="form-control stylescroll mb-3">
            </select>
            <select id="filter_type_accident" class="form-control stylescroll mb-3">
                <option value="0">انتخاب نوع تصادف</option>
                <option value="1">فوتی</option>
                <option value="2">جرحی</option>
                <option value="3">خسارتی</option>
            </select>
            <select id="filter_status" class="form-control stylescroll mb-3">
                <option value="-1">انتخاب آخرین وضعیت</option>
                <option value="0">بدون اقدام</option>
                <option value="1">صدور نامه به بیمه</option>
                <option value="2">تکمیل پرداخت</option>
                <option value="3">صدور نامه آزاد سازی مدارک</option>
            </select>
            <input type="text" id="filter_date_from" class="form-control" placeholder="از تاریخ" autocomplete="off">
        </div>
        <div class="col-12 text-left"><button id="btn_filter_show" class="btn-set-filter px-2 py-1">فیلتر</button>
        </div>
    </div>
</div>
<!-- end filter part -->
<!-- receipt plaque text add modal -->
<div id="plaque_text_modal" class="modal fade" tabindex="-1" data-bs-backdrop="static" data-bs-keyboard="false">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header">
                <p class="modal-title d-flex align-items-center"><i class="fa fa-car ml-2"></i>حرف پلاک</p>
                <button type="button" class="close m-0 p-0" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body modal-font-size pt-1 pb-1">
                <input type="serach" id="serach_plaque_field" class="form-control mt-2 mb-3"
                    onkeyup="searchPlaque()" placeholder="حرف پلاک را جستجو کنید">
                <div id="plaque_text_box" class="d-flex flex-wrap plaque-box-style">
                    <button data-value="الف" class="btn list-group-item-danger select-text">الف</button>
                    <button data-value="ب" class="btn list-group-item-danger select-text">ب</button>
                    <button data-value="پ" class="btn list-group-item-danger select-text">پ</button>
                    <button data-value="ت" class="btn list-group-item-danger select-text">ت</button>
                    <button data-value="ث" class="btn list-group-item-danger select-text">ث</button>
                    <button data-value="ج" class="btn list-group-item-danger select-text">ج</button>
                    <button data-value="د" class="btn list-group-item-danger select-text">د</button>
                    <button data-value="ز" class="btn list-group-item-danger select-text">ز</button>
                    <button data-value="س" class="btn list-group-item-danger select-text">س</button>
                    <button data-value="ش" class="btn list-group-item-danger select-text">ش</button>
                    <button data-value="ص" class="btn list-group-item-danger select-text">ص</button>
                    <button data-value="ط" class="btn list-group-item-danger select-text">ط</button>
                    <button data-value="ع" class="btn list-group-item-danger select-text">ع</button>
                    <button data-value="ف" class="btn list-group-item-danger select-text">ف</button>
                    <button data-value="ق" class="btn list-group-item-danger select-text">ق</button>
                    <button data-value="ک" class="btn list-group-item-danger select-text">ک</button>
                    <button data-value="گ" class="btn list-group-item-danger select-text">گ</button>
                    <button data-value="ل" class="btn list-group-item-danger select-text">ل</button>
                    <button data-value="م" class="btn list-group-item-danger select-text">م</button>
                    <button data-value="ن" class="btn list-group-item-danger select-text">ن</button>
                    <button data-value="و" class="btn list-group-item-danger select-text">و</button>
                    <button data-value="ه" class="btn list-group-item-danger select-text">ه</button>
                    <button data-value="ی" class="btn list-group-item-danger select-text">ی</button>
                    <button data-value="*" class="btn list-group-item-danger select-text"><i
                            class="fa fa-wheelchair"></i></button>
                    <button data-value="S" class="btn list-group-item-danger select-text">S</button>
                    <button data-value="D" class="btn list-group-item-danger select-text">D</button>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- end receipt plaque text add modal -->
<!-- receipt plaque text edit modal -->
<div id="plaque_text_edit_modal" class="modal fade" tabindex="-1" data-bs-backdrop="static"
    data-bs-keyboard="false">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header">
                <p class="modal-title d-flex align-items-center"><i class="fa fa-car ml-2"></i>حرف پلاک</p>
                <button type="button" class="close m-0 p-0" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body modal-font-size pt-1 pb-1">
                <input type="serach" id="serach_plaque_field_edit" class="form-control mt-2 mb-3"
                    onkeyup="searchPlaqueEdit()" placeholder="حرف پلاک را جستجو کنید">
                <div id="plaque_text_box_edit" class="d-flex flex-wrap plaque-box-style">
                    <button data-value="الف" class="btn list-group-item-danger select-text">الف</button>
                    <button data-value="ب" class="btn list-group-item-danger select-text">ب</button>
                    <button data-value="پ" class="btn list-group-item-danger select-text">پ</button>
                    <button data-value="ت" class="btn list-group-item-danger select-text">ت</button>
                    <button data-value="ث" class="btn list-group-item-danger select-text">ث</button>
                    <button data-value="ج" class="btn list-group-item-danger select-text">ج</button>
                    <button data-value="د" class="btn list-group-item-danger select-text">د</button>
                    <button data-value="ز" class="btn list-group-item-danger select-text">ز</button>
                    <button data-value="س" class="btn list-group-item-danger select-text">س</button>
                    <button data-value="ش" class="btn list-group-item-danger select-text">ش</button>
                    <button data-value="ص" class="btn list-group-item-danger select-text">ص</button>
                    <button data-value="ط" class="btn list-group-item-danger select-text">ط</button>
                    <button data-value="ع" class="btn list-group-item-danger select-text">ع</button>
                    <button data-value="ف" class="btn list-group-item-danger select-text">ف</button>
                    <button data-value="ق" class="btn list-group-item-danger select-text">ق</button>
                    <button data-value="ک" class="btn list-group-item-danger select-text">ک</button>
                    <button data-value="گ" class="btn list-group-item-danger select-text">گ</button>
                    <button data-value="ل" class="btn list-group-item-danger select-text">ل</button>
                    <button data-value="م" class="btn list-group-item-danger select-text">م</button>
                    <button data-value="ن" class="btn list-group-item-danger select-text">ن</button>
                    <button data-value="و" class="btn list-group-item-danger select-text">و</button>
                    <button data-value="ه" class="btn list-group-item-danger select-text">ه</button>
                    <button data-value="ی" class="btn list-group-item-danger select-text">ی</button>
                    <button data-value="*" class="btn list-group-item-danger select-text"><i
                            class="fa fa-wheelchair"></i></button>
                    <button data-value="S" class="btn list-group-item-danger select-text">S</button>
                    <button data-value="D" class="btn list-group-item-danger select-text">D</button>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- end receipt plaque text edit modal -->

<div id="printthis">
    <div id="show_all_data_modal" class="modal fade" tabindex="-1" data-bs-backdrop="static" data-bs-keyboard="false">
        <div id="all_data_body_print" class="modal-dialog modal-xl modal-dialog-centered modal-dialog-scrollable">
            <div class="modal-content">
                <div class="modal-header">
                    <p class="modal-title d-flex align-items-center"><i class="fa fa-folder ml-2"></i>اطلاعات
                        تکمیلی <span> ( <span class="text-info">وضعیت: </span><span class="text-danger"
                                id="status_all"></span> ) </span></p>
                    <button type="button" class="close m-0 p-0" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                </div>
                <div class="modal-body modal-font-size pt-1 pb-1">
                    <div class="d-flex align-items-center justify-content-center mb-3">
                        <div class="col d-flex align-items-center justify-content-center">
                            <h5>تاریخ تصادف:</h5>
                            <h5 class="mr-2 empty-data-all" id="accident_date_all"></h5>
                        </div>
                        <div class="col">
                            <hr>
                            <hr>
                        </div>
                        <div class="col d-flex align-items-center justify-content-center">
                            <h5>ساعت تصادف:</h5>
                            <h5 class="mr-2 empty-data-all" id="accident_time_all"></h5>
                        </div>
                    </div>
                    <div class="d-flex align-items-center justify-content-around mb-4">
                        <div class="col d-flex align-items-center justify-content-center">
                            <h5>استان:</h5>
                            <h5 class="mr-2 empty-data-all" id="province_fa_all"></h5>
                        </div>
                        <div class="col d-flex align-items-center justify-content-center">
                            <h5>شهرستان:</h5>
                            <h5 class="mr-2 empty-data-all" id="city_fa_all"></h5>
                        </div>
                    </div>
                    <hr>
                    <div class="d-flex align-items-center justify-content-around mb-4">
                        <div class="col d-flex align-items-center justify-content-center">
                            <h5>نام راننده:</h5>
                            <h5 class="mr-2 empty-data-all" id="driver_name_all"></h5>
                        </div>
                        <div class="col d-flex align-items-center justify-content-center">
                            <h5>شماره پلاک:</h5>
                            <div class="d-flex align-items-center justify-content-center"
                                style="direction: ltr; font-weight: bold">
                                <h5 class="mr-1 empty-data-all" id="plaque_all1"></h5>
                                <h5 class="mr-1 empty-data-all" id="plaque_all2"></h5>
                                <h5 class="mr-1 empty-data-all" id="plaque_all3"></h5>--
                                <h5 class="mr-1 ml-1">ایران</h5>
                                <h5 class="mr-1 empty-data-all" id="plaque_all4"></h5>
                            </div>
                        </div>
                        <div class="col d-flex align-items-center justify-content-center">
                            <h5>نوع تصادف:</h5>
                            <h5 class="mr-2 empty-data-all" id="accident_type_fa_all"></h5>
                        </div>
                    </div>
                    <hr>
                    <div class="d-flex align-items-center justify-content-around mb-4">
                        <div class="col d-flex align-items-center justify-content-center">
                            <h5>نام محور:</h5>
                            <h5 class="mr-2 empty-data-all" id="axis_name_all"></h5>
                        </div>
                        <div class="col d-flex align-items-center justify-content-center">
                            <h5>شماره کروکی:</h5>
                            <h5 class="mr-2 empty-data-all" id="police_serial_all"></h5>
                        </div>
                        <div class="col d-flex align-items-center justify-content-center">
                            <h5>فایل کروکی آپلود شده:</h5><a class="mr-2" id="police_file_all" href="" target="_blank"
                                download><button class="btn btn-info" title="دانلود فایل آپلود شده"><i
                                        class="fa fa-download"></i></button></a>
                        </div>
                    </div>
                    <hr>
                    <div class="d-flex align-items-center justify-content-around mb-4">
                        <div class=" d-flex align-items-center justify-content-center">
                            <h5> تصاویر محل خسارات:</h5>
                        </div>
                        <div class="col-4 d-flex align-items-center justify-content-center img-box-1"
                            style="max-height: 200px;"></div>
                        <div class="col-4 d-flex align-items-center justify-content-center img-box-2"
                            style="max-height: 200px;"></div>
                    </div>
                    <hr>
                    <div class="d-flex flex-column align-items-center justify-content-center mb-4">
                        <div class="map-show-box img-thumbnail ml-2 mr-2 col-8">
                            <div class="project-map" id="map_show_all"></div>
                        </div>
                        <div class="d-flex justify-content-around align-items-center mt-3">
                            <div class="col d-flex align-items-center justify-content-center">
                                <h6 class="text-nowrap text-info">طول جغرافیایی:</h6>
                                <h6 class="mr-2 text-danger empty-data-all" id="map_lat_all"></h6>
                            </div>
                            <div class="col d-flex align-items-center justify-content-center">
                                <h6 class="text-nowrap text-info">عرض جغرافیایی:</h6>
                                <h6 class="mr-2 text-danger empty-data-all" id="map_lng_all"></h6>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div class="d-flex flex-column align-items-center justify-content-center mb-4">
                        <table class="table table-bordered table-stripped table-secondary">
                            <thead>
                                <tr>
                                    <th class="text-center">ردیف</th>
                                    <th class="text-center">عنوان خسارت</th>
                                    <th class="text-center">واحد</th>
                                    <th class="text-center">میزان خسارت</th>
                                    <th class="text-center">قیمت کل (ریال)</th>
                                </tr>
                            </thead>
                            <tbody id="table_body"></tbody>
                            <tfoot>
                                <tr>
                                    <th class="text-center" colspan="4">جمع کل (ریال)</th>
                                    <th class="text-center empty-data-all" id="sum_all"></th>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                    <div class="d-flex align-items-center mx-2 p-3 mb-4">
                        <hr class="col">  
                        <div class="d-flex mx-2">
                            <h5>اطلاعات واریز</h5>
                        </div>
                        <hr class="col">
                    </div>
                    <div class="d-flex align-items-center justify-content-around mb-4">
                        
                        <div class="col-5 p-3 border d-flex align-items-center justify-content-center">
                            <div class="col-4 d-flex align-items-center justify-content-center amount-box-deposit-insurance"
                                style="max-height: 200px;">
                            </div>
                            <div class="col-8 d-flex align-items-center justify-content-center img-box-deposit-insurance"
                                style="max-width: 100%; max-height: 200px;">
                            </div>
                        </div>
                        <div class="col-5 p-3 border d-flex align-items-center justify-content-center">
                            <div class="col-4 d-flex align-items-center justify-content-center amount-box-deposit-daghi"
                                style="max-height: 200px;">
                            </div>
                            <div class="col-8 d-flex align-items-center justify-content-center img-box-deposit-daghi"
                                style="max-width: 100%; max-height: 200px;">
                            </div>
                        </div>
                    </div>
                    <div class="d-flex align-items-center justify-content-around mb-4">
                        <div class="col-5 p-3 border d-flex align-items-center justify-content-center">
                            <div class="col-2 d-flex align-items-center justify-content-center amount-box-bill-code"
                                style="max-height: 200px;">
                                <span>
                                    شماره فاکتور: 
                                </span>
                            </div>
                            <div class="col-10 d-flex align-items-center justify-content-center text-box-bill-code"
                                style="max-width: 100%; max-height: 200px;">
                            </div>
                        </div>
                        <div class="col-5 p-3 border d-flex align-items-center justify-content-center">
                            <div class="col-4 d-flex align-items-center justify-content-center amount-box-final-amount"
                                style="max-height: 200px;">
                                <span>
                                    مبلغ واریزی: 
                                </span>
                            </div>
                            <div class="col-8 d-flex align-items-center justify-content-center text-box-final-amount"
                                style="max-width: 100%; max-height: 200px;">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button class="cancel btn btn-danger" data-dismiss="modal" aria-label="Close">انصراف</button>
                    <button class="btn btn-primary" id="show_all_data_cta">پرینت</button>
                </div>
            </div>
        </div>
    </div>
</div>

<div class='parent-excel'>
    <div class="row mt-2">
        <div class="col-12 mb-2 mb-2">
            <select id="select-province-excel" class="form-control" name="select-province-excel">
            </select>
        </div>
        <div class="form-group col-12 mb-2 mb-2">
            <input type="text" id="datapicker-from-excel-table"
                class="form-control datepicker-excel-from pwt-datepicker-input-element" placeholder="از تاریخ"
                autocomplete="off">
        </div>
        <div class="form-group col-12 mb-2 mb-2">
            <input type="text" id="datapicker-to-excel-table"
                class="form-control datepicker-excel-to pwt-datepicker-input-element" placeholder="تا تاریخ"
                autocomplete="off">
        </div>
        <div class="col-12 text-left"><button id="btn_excel-download" class="btn-set-filter px-2 py-1">دریافت
                فایل</button></div>
    </div>
</div>

@endsection
@section('scripts-body')
<!-- datatables script -->
<script src="{{ asset('plugins/datatables/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-bs4/js/dataTables.bootstrap4.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/dataTables.buttons.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/buttons.html5.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-buttons/js/buttons.print.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-responsive/js/dataTables.responsive.min.js') }}"></script>
<script src="{{ asset('plugins/datatables-responsive/js/responsive.bootstrap4.min.js') }}"></script>
<!-- map script -->
<script src="{{ asset('dist/js/leaflet.js') }}"></script>
<script src="{{ asset('dist/js/leaflet.markercluster.js') }}"></script>
<script src="{{ asset('dist/js/leaflet-routing-machine.js') }}"></script>
<!-- input mask -->
<script src="{{ asset('plugins/inputmask/min/jquery.inputmask.bundle.min.js') }}"></script>
<!-- select2 script -->
<script src="{{ asset('plugins/select2/js/select2.full.min.js') }}"></script>
<!-- date picker script -->
<script src="{{ asset('dist/js/persian-datepicker.min.js?_=v1.2') }}"></script>
<script src="{{ asset('dist/js/persian-date.min.js') }}"></script>
<script src="{{ asset('plugins/moment/moment.min.js') }}"></script>
<script src="{{ asset('dist/js/jalali-moment.browser.js') }}"></script>
<!-- page script -->
<script src="{{ asset('version2/js/dashboard_pages/receipt/list.js?_='). mt_rand(1, 99999999999) }}"></script>
@endsection