@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/rahdari_projects/finance.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 class="add-contract-btn mt-2 table-add-btn"><span class="pl-1">+</span>ثبت قرارداد جدید</button>
</div>
<table class="table table-striped table-bordered" id="main-table-contract" width="100%">
    <thead>
        <tr class="odd-header-row">
            <th rowspan="3">کد یکتا</th>
            <th colspan="9">اطلاعات شناسنامه ای</th>
            <th colspan="8">اطلاعات مالی</th>
            <th rowspan="3">تاریخ ثبت</th>
            <th rowspan="3">ویرایش</th>
            <th colspan="2">زیر پروژه های قرارداد</th>
            <!-- filter column -->
            <th rowspan="3" class="d-none">استانی</th>
            <th rowspan="3" class="d-none">وضعیت</th>
            <th rowspan="3" class="d-none">وضعیت رل</th>
            <th rowspan="3" class="d-none">پروژه دارد یا ن</th>
            <!-- filter column -->
        </tr>
        <tr class="even-header-row">
            <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 colspan="4">مجوز انعقاد قراداد</th>
            <th rowspan="2">شماره طرح های ملی</th>
            <th rowspan="2">مبلغ اعتبار استانی<br><small>(میلیون ریال)</small></th>
            <th rowspan="2">مبلغ اعتبار ملی<br><small>(میلیون ریال)</small></th>
            <th rowspan="2">مبلغ کل قرارداد<br><small>(میلیون ریال)</small></th>
            <th rowspan="2">افزودن</th>
            <th rowspan="2">نمایش</th>
        </tr>
        <tr class="odd-header-row">
            <th class="text-nowrap">ابلاغ اعتبار ملی</th>
            <th class="text-nowrap">ابلاغ اعتبار استانی</th>
            <th class="text-nowrap">مجوز صادره از ستاد</th>
            <th class="text-nowrap">مجوز صادره از استان</th>
        </tr>
    </thead>
</table>
<!-- end contract main table -->
<!-- contract add modal -->
<div id="add-contract-modal" class="modal animated zoomIn fade">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-xl">
        <div class="modal-content">
            <div class="modal-header d-flex align-items-center justify-content-between">
                <h5>ثبت اطلاعات قرارداد جدید</h5>
                <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">
                <div class="row">
                    <div class="col-12">
                        <fieldset class="fieldsetstyle mb-3">
                            <legend class="text-center">اطلاعات شناسنامه ای</legend>
                            <div class="row form-parents">
                                <!-- first row -->
                                <div class="col-12 d-flex">
                                    <div class="col-6 form-group">
                                        <label for="add-contract-administration">اداره کل</label>
                                        <select id="add-contract-administration" name="add-contract-administration"
                                            class="form-control select-add-contract">
                                            <option value="0" selected>انتخاب اداره کل</option>
                                            <option value="1">اداره کل راهداری</option>
                                            <option value="2">اداره کل راه و شهرسازی</option>
                                        </select>
                                    </div>
                                    <div class="col-6 form-group">
                                        <label for="add-contract-province">استان</label>
                                        <select id="add-contract-province" name="add-contract-province"
                                            class="form-control select-add-contract">
                                        </select>
                                    </div>
                                </div>
                                <!-- end first row -->
                                <!-- second row -->
                                <div class="col-12 d-flex justify-content-center">
                                    <div class="col-6 form-group">
                                        <label for="add-contract-title">عنوان قرارداد</label>
                                        <input type="text" class="form-control input-add-contract"
                                            name="add-contract-title" id="add-contract-title"
                                            placeholder="عنوان قرارداد" />
                                    </div>
                                </div>
                                <!-- end second row -->
                                <!-- third row -->
                                <div class="col-12 d-flex">
                                    <div class="col-4 form-group">
                                        <label for="add-contract-Condition">وضعیت قرارداد</label>
                                        <select id="add-contract-Condition" name="add-contract-Condition"
                                            class="form-control select-add-contract">
                                            <option value="0" selected>انتخاب نوع وضعیت</option>
                                            <option value="2">در دست مناقصه </option>
                                            <option value="1">منعقد شده </option>
                                            <option value="3">خاتمه یافته </option>
                                        </select>
                                    </div>
                                    <div class="col-4 form-group">
                                        <label for="add-contract-convening-date">تاریخ انعقاد قرارداد</label>
                                        <input type="text" class="form-control input-add-contract"
                                            name="add-contract-convening-date" id="add-contract-convening-date"
                                            placeholder="تاریخ قرارداد" />
                                    </div>
                                    <div class="col-4 form-group">
                                        <label for="add-contract-contract-number">شماره قرارداد</label>
                                        <input type="text" class="form-control input-add-contract"
                                            name="add-contract-contract-number" id="add-contract-contract-number"
                                            placeholder="شماره قرارداد" />
                                    </div>
                                </div>
                                <!-- end third row -->
                                <!-- forth row -->
                                <div class="col-12 d-flex">
                                    <div class="col-4 form-group">
                                        <label for="add-contract-Contractor-name">نام پیمانکار</label>
                                        <div class="input-group">
                                            <input type="text" class="form-control input-add-contract"
                                                name="add-contract-Contractor-name" id="add-contract-Contractor-name"
                                                placeholder="نام پیمانکار" aria-describedby="basic-addon2" />
                                            <div class="input-group-append">
                                                <button class="btn btn-outline-info without-Contractor-name"
                                                    type="button"><i class="fa fa-ellipsis-h"></i></button>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-4 form-group">
                                        <label for="add-contract-Consultant-design">نام مشاور طراحی</label>
                                        <div class="input-group">
                                            <input type="text" class="form-control input-add-contract"
                                                name="add-contract-Consultant-design"
                                                id="add-contract-Consultant-design" placeholder="نام مشاور طراحی" />
                                            <div class="input-group-append">
                                                <button class="btn btn-outline-info without-advisor-name"
                                                    type="button"><i class="fa fa-ellipsis-h"></i></button>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-4 form-group">
                                        <label for="add-contract-Consultant-Monitoring">نام مشاور نظارت</label>
                                        <div class="input-group">
                                            <input type="text" class="form-control input-add-contract"
                                                name="add-contract-Consultant-Monitoring"
                                                id="add-contract-Consultant-Monitoring" placeholder="نام مشاور نظارت" />
                                            <div class="input-group-append">
                                                <button class="btn btn-outline-info without-advisor-name"
                                                    type="button"><i class="fa fa-ellipsis-h"></i></button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- end forth row -->
                            </div>
                        </fieldset>
                        <fieldset class="fieldsetstyle mb-3">
                            <legend class="text-center">اسناد</legend>
                            <div class="row form-parents">
                                <div class="col-12">
                                    <div class="d-flex align-items-center">
                                        <div class="text-center px-3">
                                            <i class="fa fa-plus"></i>
                                        </div>
                                        <div class="col-5 form-group m-0">
                                            <input type="text" class="form-control input-add-ducoument"
                                                name="add-ducoument-title" id="add-ducoument-title"
                                                placeholder="عنوان سند" />
                                        </div>
                                        <div class="col-5 form-group m-0">
                                            <div>
                                                <label class="m-0" style="width: 100%;">
                                                    <input type="file"
                                                        class="d-none input-add-ducoument add-ducoument-file"
                                                        name="add-ducoument-file">
                                                    <div class="btn btn-outline-info btn-block add-ducoument-file-name"
                                                        style="font-size: 13px;">فایلی انتخاب نشده است</div>
                                                </label>
                                            </div>
                                        </div>
                                        <div class="col-1">
                                            <button class="btn btn-success btn-sm add-ducoument-btn">بارگزاری</button>
                                        </div>
                                    </div>
                                    <div class="row px-3 py-2 documents-box">
                                    </div>
                                </div>
                            </div>
                        </fieldset>
                        <fieldset class="fieldsetstyle">
                            <legend class="text-center">اطلاعات مالی</legend>
                            <div class="row form-parents">
                                <div class="col-12">
                                    <div class="col-12 form-group">
                                        <fieldset class="add-edit-contract-convening-certificate-fieldset mb-3">
                                            <legend class="add-edit-contract-convening-certificate mr-3">مجوز
                                                های انعقاد قرارداد<small
                                                    class="small-warning add-warning-lisence pr-1">(حداقل یک
                                                    مورد را انتخاب کنید)</small></legend>
                                            <div class="col-12 add-contract-checkbox-parent d-flex pb-2">
                                                <div
                                                    class="col-3 add-contract-Communicated-Credit-National-parent text-center">
                                                    <input type="checkbox"
                                                        id="add-contract-Communicated-Credit-National"
                                                        name="add-contract-Communicated-Credit-National"
                                                        class="checkbox-for-convening checkbox-contracts"
                                                        checkboxFlag="checkbox-national">
                                                    <label for="add-contract-Communicated-Credit-National">ابلاغ
                                                        اعتبار ملی</label>
                                                </div>
                                                <div
                                                    class="col-3 add-contract-Communicated-credit-province-parent text-center">
                                                    <input type="checkbox"
                                                        id="add-contract-Communicated-credit-province"
                                                        name="add-contract-Communicated-credit-province"
                                                        class="checkbox-for-convening checkbox-contracts"
                                                        checkboxFlag="checkbox-province">
                                                    <label for="add-contract-Communicated-credit-province">ابلاغ
                                                        اعتبار استانی</label>
                                                </div>
                                                <div
                                                    class="col-3 add-contract-headquarters-certificate-parent text-center">
                                                    <input type="checkbox" id="add-contract-headquarters-certificate"
                                                        name="add-contract-headquarters-certificate"
                                                        class="checkbox-for-convening checkbox-contracts"
                                                        checkboxFlag="checkbox-headquarters">
                                                    <label for="add-contract-headquarters-certificate">مجوز
                                                        صادره از ستاد</label>
                                                </div>
                                                <div
                                                    class="col-3 add-contract-Communicated-province-certificate-parent text-center">
                                                    <input type="checkbox"
                                                        id="add-contract-Communicated-province-certificate"
                                                        name="add-contract-Communicated-province-certificate"
                                                        class="checkbox-for-convening checkbox-contracts">
                                                    <label for="add-contract-Communicated-province-certificate">مجوز
                                                        صادره از استان</label>
                                                </div>
                                            </div>
                                            <div class="inputs-refers-checkbox">
                                                <div class="checkbox-national tripple-amount">
                                                    <hr>
                                                    <div class="col-12 d-flex">
                                                        <div class="col-6 form-group">
                                                            <label for="add-contract-Communicated-national-amount">مبلغ
                                                                اعتبار ملی<small class="pr-1">(میلیون
                                                                    ریال)</small></label>
                                                            <div class="d-flex align-items-center">
                                                                <input type="number"
                                                                    class="col form-control input-add-contract"
                                                                    name="add-contract-Communicated-national-amount"
                                                                    id="add-contract-Communicated-national-amount"
                                                                    placeholder="مبلغ اعتبار ملی">
                                                                <span class="col text-center add-contract-span"
                                                                    style="color: #810000;">0</span>
                                                            </div>
                                                        </div>
                                                        <div class="col-6 form-group">
                                                            <label for="add-contract-Plan-num">شماره طرح</label>
                                                            <select
                                                                class="Plan-number-filing select2-add-contract select2-contract-Plan"
                                                                name="add-contract-Plan-num" id="add-contract-Plan-num"
                                                                multiple="multiple"></select>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="checkbox-province tripple-amount">
                                                    <hr>
                                                    <div class="col-12 d-flex">
                                                        <div class="col-6 form-group">
                                                            <label for="add-contract-Communicated-province-amount">مبلغ
                                                                اعتبار استانی<small class="pr-1">(میلیون
                                                                    ریال)</small></label>
                                                            <div class="d-flex align-items-center">
                                                                <input type="number"
                                                                    class="col form-control input-add-contract"
                                                                    name="add-contract-Communicated-province-amount"
                                                                    id="add-contract-Communicated-province-amount"
                                                                    placeholder="مبلغ اعتبار استانی">
                                                                <span class="col text-center add-contract-span"
                                                                    style="color: #810000;">0</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="checkbox-headquarters tripple-amount">
                                                    <hr>
                                                    <div class="col-12 d-flex">
                                                        <div class="col-6 form-group">
                                                            <label
                                                                for="add-contract-headquarters-certificate-amount">مبلغ
                                                                مجوز صادره از ستاد<small class="pr-1">(میلیون
                                                                    ریال)</small></label>
                                                            <div class="d-flex align-items-center">
                                                                <input type="number"
                                                                    class="col form-control input-add-contract"
                                                                    name="add-contract-headquarters-certificate-amount"
                                                                    id="add-contract-headquarters-certificate-amount"
                                                                    placeholder="مبلغ مجوز صادره از ستاد">
                                                                <span class="col text-center add-contract-span"
                                                                    style="color: #810000;">0</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </fieldset>
                                        <div class="col-12 d-flex justify-content-center">
                                            <div class="col-8 form-group">
                                                <label for="add-contract-allcontract-amount">مبلغ کل
                                                    قرارداد<small class="pr-1">(میلیون
                                                        ریال)</small></label>
                                                <div class="d-flex align-items-center">
                                                    <div class="col">
                                                        <input type="number" class="form-control input-add-contract"
                                                            name="add-contract-allcontract-amount"
                                                            id="add-contract-allcontract-amount"
                                                            placeholder="مبلغ کل قرارداد" />
                                                    </div>
                                                    <div class="input-group-append col">
                                                        <span class="col text-center add-contract-span"
                                                            style="color: #810000;">0</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </fieldset>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button class="cancel btn btn-danger">انصراف</button>
                <button class="btn btn-primary" id="add-contract-cta">ثبت</button>
            </div>
        </div>
    </div>
</div>
<!-- end contract add modal -->
<!-- contract edit modal -->
<div id="edit-contract-modal" class="modal animated zoomIn fade">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-xl">
        <div class="modal-content">
            <div class="modal-header d-flex align-items-center justify-content-between">
                <h5>ویرایش اطلاعات قرارداد</h5>
                <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">
                <div class="row">
                    <div class="col-12">
                        <fieldset class="fieldsetstyle mb-3">
                            <legend class="text-center">اطلاعات شناسنامه ای</legend>
                            <div class="row form-parents">
                                <!-- first row -->
                                <div class="col-12 d-flex">
                                    <div class="col-6 form-group">
                                        <label for="edit-contract-administration">اداره کل</label>
                                        <select id="edit-contract-administration" name="edit-contract-administration"
                                            class="form-control select-edit-contract">
                                            <option value="0" selected>انتخاب اداره کل</option>
                                            <option value="1">اداره کل راهداری</option>
                                            <option value="2">اداره کل راه و شهرسازی</option>
                                        </select>
                                    </div>
                                    <div class="col-6 form-group">
                                        <label for="edit-contract-province">استان</label>
                                        <select id="edit-contract-province" name="edit-contract-province"
                                            class="form-control select-edit-contract">
                                        </select>
                                    </div>
                                </div>
                                <!-- end first row -->
                                <!-- second row -->
                                <div class="col-12 d-flex justify-content-center">
                                    <div class="col-6 form-group">
                                        <label for="edit-contract-title">عنوان قرارداد</label>
                                        <input type="text" class="form-control input-edit-contract"
                                            name="edit-contract-title" id="edit-contract-title"
                                            placeholder="عنوان قرارداد" />
                                    </div>
                                </div>
                                <!-- end second row -->
                                <!-- third row -->
                                <div class="col-12 d-flex">
                                    <div class="col-4 form-group">
                                        <label for="edit-contract-Condition">وضعیت قرارداد</label>
                                        <select id="edit-contract-Condition" name="edit-contract-Condition"
                                            class="form-control select-edit-contract">
                                            <option value="0" selected>انتخاب نوع وضعیت</option>
                                            <option value="2">در دست مناقصه </option>
                                            <option value="1">منعقد شده </option>
                                            <option value="3">خاتمه یافته </option>
                                        </select>
                                    </div>
                                    <div class="col-4 form-group">
                                        <label for="edit-contract-convening-date">تاریخ انعقاد قرارداد</label>
                                        <input type="text" class="form-control  input-edit-contract"
                                            name="edit-contract-convening-date" id="edit-contract-convening-date"
                                            placeholder="تاریخ قرارداد" />
                                    </div>
                                    <div class="col-4 form-group">
                                        <label for="edit-contract-contract-number">شماره قرارداد</label>
                                        <input type="text" class="form-control input-edit-contract"
                                            name="edit-contract-contract-number" id="edit-contract-contract-number"
                                            placeholder="شماره قرارداد" />
                                    </div>
                                </div>
                                <!-- end third row -->
                                <!-- forth row -->
                                <div class="col-12 d-flex">
                                    <div class="col-4 form-group">
                                        <label for="edit-contract-Contractor-name">نام پیمانکار</label>
                                        <div class="input-group">
                                            <input type="text" class="form-control  input-edit-contract"
                                                name="edit-contract-Contractor-name" id="edit-contract-Contractor-name"
                                                placeholder="نام پیمانکار" aria-describedby="basic-editon2" />
                                            <div class="input-group-append">
                                                <button class="btn btn-outline-info without-Contractor-name"
                                                    type="button"><i class="fa fa-ellipsis-h"></i></button>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-4 form-group">
                                        <label for="edit-contract-Consultant-design">نام مشاور طراحی</label>
                                        <div class="input-group">
                                            <input type="text" class="form-control  input-edit-contract"
                                                name="edit-contract-Consultant-design"
                                                id="edit-contract-Consultant-design" placeholder="نام مشاور طراحی" />
                                            <div class="input-group-append">
                                                <button class="btn btn-outline-info without-advisor-name"
                                                    type="button"><i class="fa fa-ellipsis-h"></i></button>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-4 form-group">
                                        <label for="edit-contract-Consultant-Monitoring">نام مشاور نظارت</label>
                                        <div class="input-group">
                                            <input type="text" class="form-control  input-edit-contract"
                                                name="edit-contract-Consultant-Monitoring"
                                                id="edit-contract-Consultant-Monitoring"
                                                placeholder="نام مشاور نظارت" />
                                            <div class="input-group-append">
                                                <button class="btn btn-outline-info without-advisor-name"
                                                    type="button"><i class="fa fa-ellipsis-h"></i></button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- end forth row -->
                            </div>
                        </fieldset>
                        <fieldset class="fieldsetstyle mb-3">
                            <legend class="text-center">اسناد</legend>
                            <div class="row form-parents">
                                <div class="col-12">
                                    <div class="d-flex align-items-center">
                                        <div class="text-center px-3">
                                            <i class="fa fa-plus"></i>
                                        </div>
                                        <div class="col-5 form-group m-0">
                                            <input type="text" class="form-control input-add-ducoument"
                                                name="add-ducoument-title" id="add-ducoument-title"
                                                placeholder="عنوان سند" />
                                        </div>
                                        <div class="col-5 form-group m-0">
                                            <div>
                                                <label class="m-0" style="width: 100%;">
                                                    <input type="file"
                                                        class="d-none input-add-ducoument add-ducoument-file"
                                                        name="add-ducoument-file" />
                                                    <div class="btn btn-outline-info btn-block add-ducoument-file-name"
                                                        style="font-size: 13px;">فایلی انتخاب نشده است</div>
                                                </label>
                                            </div>
                                        </div>
                                        <div class="col-1">
                                            <button class="btn btn-success btn-sm add-ducoument-btn">بارگزاری</button>
                                        </div>
                                    </div>
                                    <div class="row px-3 py-2 documents-box">
                                    </div>
                                </div>
                            </div>
                        </fieldset>
                        <fieldset class="fieldsetstyle">
                            <legend class="text-center">اطلاعات مالی</legend>
                            <div class="row form-parents">
                                <div class="col-12">
                                    <div class="col-12 form-group">
                                        <fieldset class="add-edit-contract-convening-certificate-fieldset mb-3">
                                            <legend class="add-edit-contract-convening-certificate mr-3">مجوز
                                                های انعقاد قرارداد<small
                                                    class="small-warning edit-warning-lisence pr-1">(حداقل یک
                                                    مورد را انتخاب کنید)</small></legend>
                                            <div class="col-12 edit-contract-checkbox-parent d-flex pb-2">
                                                <div
                                                    class="col-3 edit-contract-Communicated-Credit-National-parent text-center">
                                                    <input type="checkbox"
                                                        id="edit-contract-Communicated-Credit-National"
                                                        name="edit-contract-Communicated-Credit-National"
                                                        class="checkbox-for-convening-edit checkbox-contracts-edit"
                                                        checkboxFlag="checkbox-national-edit">
                                                    <label for="edit-contract-Communicated-Credit-National">ابلاغ
                                                        اعتبار ملی</label>
                                                </div>
                                                <div
                                                    class="col-3 edit-contract-Communicated-credit-province-parent text-center">
                                                    <input type="checkbox"
                                                        id="edit-contract-Communicated-credit-province"
                                                        name="edit-contract-Communicated-credit-province"
                                                        class="checkbox-for-convening-edit checkbox-contracts-edit"
                                                        checkboxFlag="checkbox-province-edit">
                                                    <label for="edit-contract-Communicated-credit-province">ابلاغ
                                                        اعتبار استانی</label>
                                                </div>
                                                <div
                                                    class="col-3 edit-contract-headquarters-certificate-parent text-center">
                                                    <input type="checkbox" id="edit-contract-headquarters-certificate"
                                                        name="edit-contract-headquarters-certificate"
                                                        class="checkbox-for-convening-edit checkbox-contracts-edit"
                                                        checkboxFlag="checkbox-headquarters-edit">
                                                    <label for="edit-contract-headquarters-certificate">مجوز
                                                        صادره از ستاد</label>
                                                </div>
                                                <div
                                                    class="col-3 edit-contract-Communicated-province-certificate-parent text-center">
                                                    <input type="checkbox"
                                                        id="edit-contract-Communicated-province-certificate"
                                                        name="edit-contract-Communicated-province-certificate"
                                                        class="checkbox-for-convening-edit checkbox-contracts-edit">
                                                    <label for="edit-contract-Communicated-province-certificate">مجوز
                                                        صادره از استان</label>
                                                </div>
                                            </div>
                                            <div>
                                                <div class="checkbox-national-edit tripple-amount-edit">
                                                    <hr>
                                                    <div class="col-12 d-flex">
                                                        <div class="col-6 form-group">
                                                            <label for="edit-contract-Communicated-national-amount">مبلغ
                                                                اعتبار ملی<small class="pr-1">(میلیون
                                                                    ریال)</small></label>
                                                            <div class="d-flex align-items-center">
                                                                <input type="number"
                                                                    class="col form-control input-edit-contract"
                                                                    name="edit-contract-Communicated-national-amount"
                                                                    id="edit-contract-Communicated-national-amount"
                                                                    placeholder="مبلغ اعتبار ملی">
                                                                <span class="col text-center edit-contract-span"
                                                                    id="edit-contract-Communicated-national-amount-span"
                                                                    style="color: #810000;">0</span>
                                                            </div>
                                                        </div>
                                                        <div class="col-6 form-group">
                                                            <label for="edit-contract-Plan-num">شماره
                                                                طرح</label>
                                                            <select
                                                                class="Plan-number-filing select2-edit-contract select2-contract-Plan"
                                                                name="edit-contract-Plan-num"
                                                                id="edit-contract-Plan-num"
                                                                multiple="multiple"></select>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="checkbox-province-edit tripple-amount-edit">
                                                    <hr>
                                                    <div class="col-12 d-flex">
                                                        <div class="col-6 form-group">
                                                            <label for="edit-contract-Communicated-province-amount">مبلغ
                                                                اعتبار استانی<small class="pr-1">(میلیون
                                                                    ریال)</small></label>
                                                            <div class="d-flex align-items-center">
                                                                <input type="number"
                                                                    class="col form-control input-edit-contract"
                                                                    name="edit-contract-Communicated-province-amount"
                                                                    id="edit-contract-Communicated-province-amount"
                                                                    placeholder="مبلغ اعتبار استانی">
                                                                <span class="col text-center edit-contract-span"
                                                                    id="edit-contract-Communicated-province-amount-span"
                                                                    style="color: #810000;">0</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="checkbox-headquarters-edit tripple-amount-edit">
                                                    <hr>
                                                    <div class="col-12 d-flex">
                                                        <div class="col-6 form-group">
                                                            <label
                                                                for="edit-contract-headquarters-certificate-amount">مبلغ
                                                                مجوز صادره از ستاد<small class="pr-1">(میلیون
                                                                    ریال)</small></label>
                                                            <div class="d-flex align-items-center">
                                                                <input type="number"
                                                                    class="col form-control input-edit-contract"
                                                                    name="edit-contract-headquarters-certificate-amount"
                                                                    id="edit-contract-headquarters-certificate-amount"
                                                                    placeholder="مبلغ مجوز صادره از ستاد">
                                                                <span class="col text-center edit-contract-span"
                                                                    id="edit-contract-headquarters-certificate-amount-span"
                                                                    style="color: #810000;">0</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </fieldset>
                                        <div class="col-12 d-flex justify-content-center">
                                            <div class="col-8 form-group">
                                                <label for="edit-contract-allcontract-amount">مبلغ کل
                                                    قرارداد<small class="pr-1">(میلیون
                                                        ریال)</small></label>
                                                <div class="d-flex align-items-center">
                                                    <div class="col">
                                                        <input type="number" class="form-control input-edit-contract"
                                                            name="edit-contract-allcontract-amount"
                                                            id="edit-contract-allcontract-amount"
                                                            placeholder="مبلغ کل قرارداد" />
                                                    </div>
                                                    <div class="input-group-append col">
                                                        <span class="col text-center edit-contract-span"
                                                            id="edit-contract-allcontract-amount-span"
                                                            style="color: #810000;">0</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </fieldset>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button class="cancel btn btn-danger">انصراف</button>
                <button class="btn btn-primary" id="edit-contract-cta">ویرایش</button>
            </div>
        </div>
    </div>
</div>
<!-- end contract add modal -->
<!-- how add subcontract modal -->
<div id="how-add-subcontract-modal" class="modal animated zoomIn fade">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal">
        <div class="modal-content">
            <div class="modal-header d-flex align-items-center justify-content-between">
                <p class="modal-title"><span> ثبت اطلاعات زیر پروژه قرارداد شماره (</span><span
                        class="how-add-subcontract-modal-title"></span><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 d-flex justify-content-center pl-5 pr-5">
                <button id="add_new_subcontract" class="new-project btn">ایجاد زیر پروژه جدید</button>
                {{-- <button class="choose-project-type btn">انتخاب ماهیت پروژه</button> --}}
            </div>
        </div>
    </div>
</div>
<!-- end how add subcontract modal -->
<!-- subcontract add modal (choose project) -->
<div id="choose-project-type-modal" class="modal animated zoomIn fade">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-xl">
        <div class="modal-content">
            <div class="modal-header d-flex align-items-center justify-content-between">
                <p class="modal-title"><span>انتخاب ماهیت پروژه قرارداد شماره (</span><span
                        class="add-subcontract-modal-title"></span><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">
                <div class="col-12">
                    <div class="d-flex content-center-dataTable w-25 ml-auto mr-auto">
                        <select class="form-control mb-4" name="choose_project_type" id="choose_project_type">
                            <option value="1">روکش آسفالت</option>
                            <option value="2">رفع نقاط حادثه خیز</option>
                            <option value="3">ایمنی راه</option>
                            <option value="4">ابنیه فنی</option>
                            <option value="5">راهدارخانه</option>
                        </select>
                    </div>
                    <table id="choose_pro_type_table" dir="rtl" class="table table-striped table-bordered" width="100%">
                        <thead>
                            <tr class="odd-header-row">
                                <th>
                                    ردیف
                                </th>
                                <th class="text-nowrap">
                                    استان /اداره کل
                                </th>
                                <th>
                                    شهرستان
                                </th>
                                <th class="text-nowrap">
                                    نام محور
                                </th>
                                <th class="text-nowrap">
                                    نوع محور
                                </th>
                                <th class="text-nowrap">
                                    عنوان پروژه
                                </th>
                                <th>
                                    پیمانکار
                                </th>

                                <th class="text-nowrap">
                                    سال شروع
                                </th>

                                <th class="text-nowrap">
                                    تاریخ ثبت
                                </th>
                                <th class="text-nowrap">
                                    زیر قرارداد
                                </th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <button class="cancel btn btn-danger">انصراف</button>
            </div>
        </div>
    </div>
</div>
<!-- end subcontract add modal (choose project) -->
<!-- subcontract add modal -->
<div id="add-subcontract-modal" class="modal animated zoomIn fade">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-xl">
        <div class="modal-content">
            <div class="modal-header d-flex align-items-center justify-content-between">
                <p class="modal-title"><span>ثبت اطلاعات زیر پروژه قرارداد شماره (</span><span
                        class="add-subcontract-modal-title"></span><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">
                <div class="row">
                    <div class="col-12">
                        <fieldset class="fieldsetstyle mb-3">
                            <legend class="text-center">اطلاعات شناسنامه ای</legend>
                            <div class="col-12 form-parents">
                                <div class="row">
                                    <div class="col-6">
                                        <div class="col-12 form-group">
                                            <label for="add-subcontract-title">عنوان پروژه</label>
                                            <input type="text" class="form-control  input-add-subcontract"
                                                name="add-subcontract-title" id="add-subcontract-title"
                                                placeholder="عنوان پروژه" />
                                        </div>
                                        <div class="col-12 form-group">
                                            <label for="add-subcontract-nature">ماهیت پروژه</label>
                                            <select class="form-control  select-add-subcontract"
                                                name="add-subcontract-nature" id="add-subcontract-nature">
                                            </select>
                                        </div>
                                        <div class="col-12 form-group">
                                            <label for="add-subcontract-action-type">نوع عملیات</label>
                                            <table class="table table-secondary table-bordered">
                                                <thead>
                                                    <tr>
                                                        <th class="text-center">انتخاب نوع عملیات</th>
                                                        <th class="text-center">مقدار</th>
                                                        <th class="text-center">واحد</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <!-- first row -->
                                                    <tr data-box-index="0">
                                                        <td class="w-50">
                                                            <select id="add-subcontract-action-type-first"
                                                                name="add-subcontract-action-type-first"
                                                                data-subcontract-action="1"
                                                                class="form-control add-subcontract-action-type-all"
                                                                disabled>
                                                            </select>
                                                        </td>
                                                        <td class="w-25">
                                                            <input type="number" data-subcontract-amount="1"
                                                                class="col form-control text-center input-add-subcontract add-subcontract-action-type-amount-all"
                                                                name="add-subcontract-action-type-amount-first"
                                                                id="add-subcontract-action-type-amount-first" disabled
                                                                placeholder="مقدار">
                                                            <input type="hidden"
                                                                id="add-subcontract-action-type-amountable-first">
                                                        </td>
                                                        <td class="w-25 add-subcontract-action-type-unit-all"
                                                            id="add-subcontract-action-type-unit-first">
                                                        </td>
                                                    </tr>
                                                    <!-- first row -->
                                                    <!-- second row -->
                                                    <tr data-box-index="1">
                                                        <td class="w-50">
                                                            <select id="add-subcontract-action-type-second"
                                                                name="add-subcontract-action-type-second"
                                                                data-subcontract-action="2"
                                                                class="form-control add-subcontract-action-type-all"
                                                                disabled>
                                                            </select>
                                                        </td>
                                                        <td class="w-25">
                                                            <input type="number" data-subcontract-amount="2"
                                                                class="col form-control text-center input-add-subcontract add-subcontract-action-type-amount-all"
                                                                name="add-subcontract-action-type-amount-second"
                                                                id="add-subcontract-action-type-amount-second" disabled
                                                                placeholder="مقدار">
                                                            <input type="hidden"
                                                                id="add-subcontract-action-type-amountable-second">
                                                        </td>
                                                        <td class="w-25 add-subcontract-action-type-unit-all"
                                                            id="add-subcontract-action-type-unit-second">
                                                        </td>
                                                    </tr>
                                                    <!-- second row -->
                                                    <!-- third row -->
                                                    <tr data-box-index="2">
                                                        <td class="w-50">
                                                            <select id="add-subcontract-action-type-third"
                                                                name="add-subcontract-action-type-third"
                                                                data-subcontract-action="3"
                                                                class="form-control add-subcontract-action-type-all"
                                                                disabled>
                                                            </select>
                                                        </td>
                                                        <td class="w-25">
                                                            <input type="number" data-subcontract-amount="3"
                                                                class="col form-control text-center input-add-subcontract add-subcontract-action-type-amount-all"
                                                                name="add-subcontract-action-type-amount-third"
                                                                id="add-subcontract-action-type-amount-third" disabled
                                                                placeholder="مقدار">
                                                            <input type="hidden"
                                                                id="add-subcontract-action-type-amountable-third">
                                                        </td>
                                                        <td class="w-25 add-subcontract-action-type-unit-all"
                                                            id="add-subcontract-action-type-unit-third">
                                                        </td>
                                                    </tr>
                                                    <!-- third row -->
                                                    <!-- forth row -->
                                                    <tr data-box-index="3">
                                                        <td class="w-50">
                                                            <select id="add-subcontract-action-type-forth"
                                                                name="add-subcontract-action-type-forth"
                                                                data-subcontract-action="4"
                                                                class="form-control add-subcontract-action-type-all"
                                                                disabled>
                                                            </select>
                                                        </td>
                                                        <td class="w-25">
                                                            <input type="number" data-subcontract-amount="4"
                                                                class="col form-control text-center input-add-subcontract add-subcontract-action-type-amount-all"
                                                                name="add-subcontract-action-type-amount-forth"
                                                                id="add-subcontract-action-type-amount-forth" disabled
                                                                placeholder="مقدار">
                                                            <input type="hidden"
                                                                id="add-subcontract-action-type-amountable-forth">
                                                        </td>
                                                        <td class="w-25 add-subcontract-action-type-unit-all"
                                                            id="add-subcontract-action-type-unit-forth">
                                                        </td>
                                                    </tr>
                                                    <!-- forth row -->
                                                </tbody>
                                                <tfoot class="d-none">
                                                    <tr>
                                                        <td colspan="3" class="text-center"><button
                                                                id="pre_distance_choose"
                                                                class="previus-action-types btn btn-primary">عملیات
                                                                های پیشین</button></td>
                                                    </tr>
                                                </tfoot>
                                            </table>
                                        </div>
                                        <div id="add-required-bitumen-box" class="col-12 form-group">
                                            <label for="add-required-bitumen">تناژ قیر مورد نیاز</label>
                                            <input type="text" class="form-control input-add-subcontract" name="add-required-bitumen" id="add-required-bitumen"
                                                placeholder="تناژ قیر مورد نیاز"/>
                                        </div>
                                        <div id="add-bridge-number-box" class="col-12 form-group">
                                            <label for="add-bridge-number">کد پل در سامانه BMS</label>
                                            <input type="text" class="form-control input-add-subcontract en-input" name="add-bridge-number" id="add-bridge-number"
                                                placeholder="کد پل در سامانه BMS" />
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="abrar-map-layout mt-2">
                                            <div class="col-12">
                                                <span class="map-record-title">ثبت موقعیت پروژه روی نقشه</span>
                                            </div>
                                            <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"
                                                            name="add_project_start_map" id="add_project_start_map"
                                                            data-inputmask="'mask': '(99.999999) - (99.999999)'"
                                                            data-mask
                                                            placeholder="(شروع) => (عرض جغرافیایی) - (طول جغرافیایی)" />
                                                    </div>
                                                    <div class="form-group">
                                                        <input type="text" class="form-control input-map-project"
                                                            name="add_project_end_map" id="add_project_end_map"
                                                            data-inputmask="'mask': '(99.999999) - (99.999999)'"
                                                            data-mask
                                                            placeholder="(پایان) => (عرض جغرافیایی) - (طول جغرافیایی)" />
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12 form-group mt-5">
                                            <label for="add-Supervisor-name">کارشناس ناظر پروژه</label>
                                            <input type="text" class="form-control  input-add-subcontract"
                                                name="add-Supervisor-name" id="add-Supervisor-name"
                                                placeholder="کارشناس ناظر پروژه" />
                                        </div>
                                        <div class="col-12 form-group">
                                            <label for="add-Supervisor-number">شماره کارشناس ناظر پروژه <span
                                                    class="attent_num" style="color: #810000; font-size: 11px;">(شماره
                                                    تماس باید
                                                    یازده رقم باشد)</span></label>
                                            <input type="number" class="form-control number-validity"
                                                name="add-Supervisor-number" id="add-Supervisor-number"
                                                onkeypress="return event.charCode >= 46;" onkeyup="phone_checker();"
                                                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'}"
                                                maxlength="11" placeholder="شماره کارشناس ناظر پروژه" />
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-12 d-flex">
                                        <div class="col-6 form-group">
                                            <label for="add-subcontract-importance-degree">درجه اهمیت
                                                پروژه</label>
                                            <select id="add-subcontract-importance-degree"
                                                name="add-subcontract-importance-degree"
                                                class="form-control select-add-subcontract">
                                                <option value="0" selected>درجه اهمیت پروژه</option>
                                                <option value="1">کم(تاثیر گزاری محلی)</option>
                                                <option value="2">متوسط(تاثیر گزار در در سطح استان یا شهرستان)
                                                </option>
                                                <option value="3">زیاد(تاثیر گزار در سطح ملی)</option>
                                            </select>
                                        </div>
                                        <div class="col-6 form-group">
                                            <label for="add-subcontract-monitoring-degree">درجه اهمیت پیگیری
                                                پروژه</label>
                                            <select id="add-subcontract-monitoring-degree"
                                                name="add-subcontract-monitoring-degree"
                                                class="form-control select-add-subcontract">
                                                <option value="0" selected>درجه اهمیت پیگیری پروژه</option>
                                                <option value="1">کم(ماهیت محلی و منطقه ای بدون پیگیری های ویژه
                                                    در سطح ملی)</option>
                                                <option value="2">متوسط(ماهیت ملی یا استانی)</option>
                                                <option value="3">زیاد(مورد تاکید و پیگیری ویژه مسئولین محلی یا
                                                    ملی)</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-12 d-flex">
                                        <div class="col-4 form-group">
                                            <label for="add-subcontract-province">شهرستان <span
                                                    class="show-city-past d-none"><span
                                                        class="past-details-style mr-2">(پیشین: </span><span
                                                        class="chooseProTypeTable_city past-details-style"></span><span
                                                        class="past-details-style">)</span></label>
                                            <select class="form-control  select-add-subcontract"
                                                name="add-subcontract-province" id="add-subcontract-province"></select>
                                        </div>
                                        <div class="col-4 form-group">
                                            <label for="add-subcontract-axisName">نام محور <span
                                                    class="show-axisName-past d-none"><span
                                                        class="past-details-style mr-2">(پیشین: </span><span
                                                        class="chooseProTypeTable_axisName past-details-style"></span><span
                                                        class="past-details-style">)</span></label>
                                            <input type="text" class="form-control  input-add-subcontract"
                                                name="add-subcontract-axisName" id="add-subcontract-axisName"
                                                placeholder="نام محور" />
                                        </div>
                                        <div class="col-4 form-group">
                                            <label for="add-subcontract-axisType">نوع محور <span
                                                    class="show-axisTypeFa-past d-none"><span
                                                        class="past-details-style mr-2">(پیشین: </span><span
                                                        class="chooseProTypeTable_axisTypeFa past-details-style"></span><span
                                                        class="past-details-style">)</span></label>
                                            <select class="form-control  select-add-subcontract"
                                                name="add-subcontract-axisType" id="add-subcontract-axisType">
                                                <option value="0" selected>انتخاب نوع محور</option>
                                                <option value="1">آزادراه</option>
                                                <option value="2">بزرگراه</option>
                                                <option value="3">اصلی</option>
                                                <option value="4">فرعی</option>
                                                <option value="5">روستایی</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </fieldset>
                        <fieldset class="fieldsetstyle">
                            <legend class="text-center">اطلاعات پیشرفت فیزیکی و مالی</legend>
                            <div class="col-12 form-parents">
                                <div class="col-12 row align-items-start">
                                    <div class="col-6 row">
                                        <div class="col-6 form-group">
                                            <label for="add-subcontract-last-project-position">آخرین وضعیت
                                                پروژه</label>
                                            <select class="form-control  select-add-subcontract"
                                                name="add-subcontract-last-project-position"
                                                id="add-subcontract-last-project-position">
                                                <option value="0" selected>انتخاب وضعیت پروژه</option>
                                                <option value="1">درحال تجهیز کارگاه</option>
                                                <option value="2">درحال اجرا</option>
                                                <option value="3">خاتمه یافته</option>
                                                <option value="4" class="d-none">در دست مناقصه</option>
                                            </select>
                                        </div>
                                        <div class="col-6 form-group">
                                            <label for="add-subcontract-progress-mainpercent">پیشرفت کلی پروژه
                                                <small>(درصد)</small><small class="d-none pr-1"
                                                    id="limit_percentage">عدد بین 11 تا 99 باشد</small></label>
                                            <input type="number" class="form-control  input-add-subcontract"
                                                name="add-subcontract-progress-mainpercent"
                                                oninput="javascript: if (this.value.length > 2) this.value = 99; if(this.value<0) this.value='0'; if(this.value == 0){this.value='';}"
                                                id="add-subcontract-progress-mainpercent"
                                                placeholder="پیشرفت کلی پروژه" />
                                        </div>
                                        <div id="add-used-bitumen-box" class="col-12 form-group">
                                            <label for="add-used-bitumen">تناژ قیر دریافتی</label>
                                            <input type="text" class="form-control  input-edit-subcontract" name="add-used-bitumen" id="add-used-bitumen"
                                                placeholder="تناژ قیر دریافتی" />
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <fieldset class="add-edit-subcontract-upload-fieldset pb-3">
                                            <legend class="add-edit-subcontract-upload">آپلود تصاویر پروژه
                                            </legend>
                                            <div class="col-12 d-flex">
                                                <div class="col-6">
                                                    <div class="img-box col d-flex justify-content-center">
                                                        <div class="d-flex flex-column">
                                                            <small id="deviceImg1load"
                                                                class="text-info text-center mb-2">منتظر نمایش
                                                                تصویر بمانید!</small>
                                                            <label
                                                                class="imgbox d-flex align-items-center justify-content-center"
                                                                for="deviceImg1">
                                                                <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="deviceImg1"
                                                            class="img-input d-none" 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">
                                                            <small id="deviceImg2load"
                                                                class="text-info text-center mb-2">منتظر نمایش
                                                                تصویر بمانید!</small>
                                                            <label
                                                                class="imgbox d-flex align-items-center justify-content-center"
                                                                for="deviceImg2">
                                                                <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="deviceImg2"
                                                            class="img-input d-none" accept=".jpg, .png">
                                                    </div>
                                                </div>
                                            </div>
                                        </fieldset>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="col-12 form-group">
                                        <label for="add-subcontract-action-type">اطلاعات تکمیلی نوع
                                            عملیات</label>
                                        <table class="table table-secondary table-bordered financial-part-table">
                                            <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 tonaj d-none">تناژ</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td class="w-50 add-subcontract-action-type-show-all"
                                                        id="add-subcontract-action-type-first-show" class=""></td>
                                                    <td id="add-subcontract-action-type-amount-first-show"
                                                        class="add-subcontract-type-amount-show-all"></td>
                                                    <td id="add-subcontract-action-type-unit-first-show"
                                                        class="add-subcontract-type-unit-show-all"></td>
                                                    <td>
                                                        <input type="number" min="0" max="100" maxlength="3"
                                                            class="col form-control text-center input-add-subcontract add-subcontract-action-type-progress-all"
                                                            name="add-subcontract-action-type-progress-first"
                                                            id="add-subcontract-action-type-progress-first"
                                                            placeholder="پیشرفت">
                                                    </td>
                                                    <td class="tonaj d-none">
                                                        <input type="number"
                                                            class="col form-control text-center add-subcontract-action-type-tonaj-all"
                                                            name="add-subcontract-action-type-tonaj-first"
                                                            id="add-subcontract-action-type-tonaj-first"
                                                            placeholder="تناژ" disabled="disabled">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="w-50 add-subcontract-action-type-show-all"
                                                        id="add-subcontract-action-type-second-show"></td>
                                                    <td id="add-subcontract-action-type-amount-second-show"
                                                        class="add-subcontract-type-amount-show-all"></td>
                                                    <td id="add-subcontract-action-type-unit-second-show"
                                                        class="add-subcontract-type-unit-show-all"></td>
                                                    <td>
                                                        <input type="number" min="0" max="100" maxlength="3"
                                                            class="col form-control text-center input-add-subcontract add-subcontract-action-type-progress-all"
                                                            name="add-subcontract-action-type-progress-second"
                                                            id="add-subcontract-action-type-progress-second"
                                                            placeholder="پیشرفت">
                                                    </td>
                                                    <td class="tonaj d-none">
                                                        <input type="number"
                                                            class="col form-control text-center add-subcontract-action-type-tonaj-all"
                                                            name="add-subcontract-action-type-tonaj-second"
                                                            id="add-subcontract-action-type-tonaj-second"
                                                            placeholder="تناژ" disabled="disabled">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="w-50 add-subcontract-action-type-show-all"
                                                        id="add-subcontract-action-type-third-show"></td>
                                                    <td id="add-subcontract-action-type-amount-third-show"
                                                        class="add-subcontract-type-amount-show-all"></td>
                                                    <td id="add-subcontract-action-type-unit-third-show"
                                                        class="add-subcontract-type-unit-show-all"></td>
                                                    <td>
                                                        <input type="number" min="0" max="100" maxlength="3"
                                                            class="col form-control text-center input-add-subcontract add-subcontract-action-type-progress-all"
                                                            name="add-subcontract-action-type-progress-third"
                                                            id="add-subcontract-action-type-progress-third"
                                                            placeholder="پیشرفت">
                                                    </td>
                                                    <td class="tonaj d-none">
                                                        <input type="number"
                                                            class="col form-control text-center add-subcontract-action-type-tonaj-all"
                                                            name="add-subcontract-action-type-tonaj-third"
                                                            id="add-subcontract-action-type-tonaj-third"
                                                            placeholder="تناژ" disabled="disabled">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="w-50 add-subcontract-action-type-show-all"
                                                        id="add-subcontract-action-type-forth-show"></td>
                                                    <td id="add-subcontract-action-type-amount-forth-show"
                                                        class="add-subcontract-type-amount-show-all"></td>
                                                    <td id="add-subcontract-action-type-unit-forth-show"
                                                        class="add-subcontract-type-unit-show-all"></td>
                                                    <td>
                                                        <input type="number" min="0" max="100" maxlength="3"
                                                            class="col form-control text-center input-add-subcontract add-subcontract-action-type-progress-all"
                                                            name="add-subcontract-action-type-progress-forth"
                                                            id="add-subcontract-action-type-progress-forth"
                                                            placeholder="پیشرفت">
                                                    </td>
                                                    <td class="tonaj d-none">
                                                        <input type="number"
                                                            class="col form-control text-center add-subcontract-action-type-tonaj-all"
                                                            name="add-subcontract-action-type-tonaj-forth"
                                                            id="add-subcontract-action-type-tonaj-forth"
                                                            placeholder="تناژ" disabled="disabled">
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div class="col-12 form-group d-flex align-items-center">
                                    <div class="col-4">
                                        <label for="add-subcontract-last-riali-digit-project">آخرین رقم ریالی
                                            پروژه <small>(میلیون ریال)</small></label>
                                    </div>
                                    <div class="col-4">
                                        <input type="number" class="form-control  input-add-subcontract"
                                            name="add-subcontract-last-riali-digit-project"
                                            id="add-subcontract-last-riali-digit-project"
                                            placeholder="آخرین رقم ریالی پروژه" />
                                    </div>
                                    <div class="col-4 text-center">
                                        <span class="col text-center span-add-subcontract"
                                            id="add-subcontract-last-riali-digit-project-span"
                                            style="color: #810000;">0</span>
                                    </div>
                                </div>
                                <div class="col-12 form-group d-flex align-items-center">
                                    <div class="col-4">
                                        <label for="add-subcontract-last-amount-worker-function">مبلغ آخرین
                                            کارکرد پیمانکار <small>(میلیون ریال)</small></label>
                                    </div>
                                    <div class="col-4">
                                        <input type="number" class="form-control  input-add-subcontract"
                                            name="add-subcontract-last-amount-worker-function"
                                            id="add-subcontract-last-amount-worker-function"
                                            placeholder="مبلغ آخرین کارکرد پیمانکار" />
                                    </div>
                                    <div class="col-4 text-center">
                                        <span class="col text-center span-add-subcontract"
                                            id="add-subcontract-last-amount-worker-function-span"
                                            style="color: #810000;">0</span>
                                    </div>
                                </div>
                                <div class="col-12 form-group d-flex align-items-center">
                                    <div class="col-4">
                                        <label for="add-subcontract-last-payable-amount-worker">مبلغ پرداختی به
                                            پیمانکار <small>(میلیون ریال)</small></label>
                                    </div>
                                    <div class="col-4">
                                        <input type="number" class="form-control  input-add-subcontract"
                                            name="add-subcontract-last-payable-amount-worker"
                                            id="add-subcontract-last-payable-amount-worker"
                                            placeholder="مبلغ پرداختی به پیمانکار" />
                                    </div>
                                    <div class="col-4 text-center">
                                        <span class="col text-center span-add-subcontract"
                                            id="add-subcontract-last-payable-amount-worker-span"
                                            style="color: #810000;">0</span>
                                    </div>
                                </div>
                                <div class="col-12 form-group d-flex align-items-center">
                                    <div class="col-4">
                                        <label for="add-subcontract-amount-for-ending-project">مبلغ مورد نیاز
                                            برای تکمیل پروژه <small>(میلیون ریال)</small></label>
                                    </div>
                                    <div class="col-4">
                                        <input type="number" class="form-control  input-add-subcontract"
                                            name="add-subcontract-amount-for-ending-project"
                                            id="add-subcontract-amount-for-ending-project"
                                            placeholder="مبلغ مورد نیاز برای تکمیل پروژه" />
                                    </div>
                                    <div class="col-4 text-center">
                                        <span class="col text-center span-add-subcontract"
                                            id="add-subcontract-amount-for-ending-project-span"
                                            style="color: #810000;">0</span>
                                    </div>
                                </div>
                            </div>
                        </fieldset>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button class="cancel btn btn-danger">انصراف</button>
                <button class="btn btn-primary" id="add-subcontract-cta">ثبت</button>
            </div>
        </div>
    </div>
</div>
<!-- end subcontract add modal -->
<!-- show subcontract table -->
<div id="show_subcontract_table" class="upnext row pt-3 mb-5" style="display: none;">
    <div class="card" id="update-card">
        <div class="card-tools">
            <div class="title-update">
                <span class="pl-1">زیر پروژه های قرارداد</span><span id="title_update_unique">
                </span>
            </div>
            <div class="col-12 my-3">
                <table class="table table-striped table-bordered projects" id="subcontractTable" style="width: 100%;">
                    <thead>
                        <tr class="odd-header-row">
                            <th colspan="9" class="text-center">اطلاعات شناسایی پروژه</th>
                            <th colspan="6" class="text-center">اطلاعات فنی و مالی پروژه</th>
                            <th colspan="6" class="text-center">اطلاعات تکمیلی پروژه</th>
                        </tr>
                        <tr class="even-header-row">
                            <th class="th-head">کد یکتای پروژه</th>
                            <th class="th-head">عنوان پروژه</th>
                            <th class="th-head">ماهیت پروژه</th>
                            <th class="th-head">نوع عملیات</th>
                            <th class="th-head">شهرستان</th>
                            <th class="th-head">نوع محور</th>
                            <th class="th-head">نام محور</th>
                            <th class="th-head">درجه اهمیت پیگیری پروژه</th>
                            <th class="th-head">درجه اهمیت پروژه</th>
                            <th class="th-head">پیشرفت کلی پروژه<br><small>(درصد)</small></th>
                            <th class="th-head">آخرین وضعیت پروژه</th>
                            <th class="th-head">آخرین رقم ریالی<br><small>(میلیون ریالی)</small></th>
                            <th class="th-head">مبلغ آخرین کارکرد پیمانکار<br><small>(میلیون ریال)</small></th>
                            <th class="th-head">مبلغ پرداختی به پیمانکار<br><small>(میلیون ریال)</small></th>
                            <th class="th-head">مبلغ مورد نیاز برای تکمیل پروژه<br><small>(میلیون ریال)</small></th>
                            <th class="th-head">کارشناس ناظر</th>
                            <th class="th-head">مختصات پروژه</th>
                            <th class="th-head">تصاویر پروژه</th>
                            <th class="th-head">تاریخ آخرین بروزرسانی</th>
                            <th class="th-head">بروزسانی</th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
</div>
<!-- end show subcontract table -->
<!-- subcontract edit modal -->
<div id="edit-subcontract-modal" class="modal animated zoomIn fade">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-xl">
        <div class="modal-content">
            <div class="modal-header d-flex align-items-center justify-content-between">
                <p class="modal-title"><span>ویرایش اطلاعات زیر پروژه قرارداد شماره (</span><span
                        class="edit-subcontract-modal-title"></span><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">
                <div class="row">
                    <div class="col-12">
                        <fieldset class="fieldsetstyle mb-3">
                            <legend class="text-center">اطلاعات شناسنامه ای</legend>
                            <div class="col-12 form-parents">
                                <div class="row">
                                    <div class="col-6">
                                        <div class="col-12 form-group">
                                            <label for="edit-subcontract-title">عنوان پروژه</label>
                                            <input type="text" class="form-control  input-edit-subcontract"
                                                name="edit-subcontract-title" id="edit-subcontract-title"
                                                placeholder="عنوان پروژه" />
                                        </div>
                                        <div class="col-12 form-group">
                                            <label for="edit-subcontract-nature">ماهیت پروژه</label>
                                            <select class="form-control  select-edit-subcontract"
                                                name="edit-subcontract-nature" id="edit-subcontract-nature">
                                                <option value="0">انتخاب ماهیت پروژه</option>
                                                <option class="limitAmount" value="1">روکش آسفالت</option>
                                                <option value="2">رفع نقاط حادثه خیز</option>
                                                <option class="limitAmount" value="3">ایمنی راه</option>
                                                <option value="4">ابنیه فنی</option>
                                                <option value="5">راهدارخانه</option>
                                                <option class="limitAmount" value="6">راه روستایی</option>
                                            </select>
                                        </div>
                                        <div class="col-12 form-group">
                                            <label for="edit-subcontract-action-type">نوع عملیات</label>
                                            <table class="table table-secondary table-bordered">
                                                <thead>
                                                    <tr>
                                                        <th class="text-center">انتخاب نوع عملیات</th>
                                                        <th class="text-center">مقدار</th>
                                                        <th class="text-center">واحد</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <!-- first row -->
                                                    <tr data-box-index="0">
                                                        <td class="w-50">
                                                            <select id="edit-subcontract-action-type-first"
                                                                name="edit-subcontract-action-type-first"
                                                                data-subcontract-action="1"
                                                                class="form-control edit-subcontract-action-type-all"
                                                                disabled>
                                                            </select>
                                                        </td>
                                                        <td class="w-25">
                                                            <input type="number" data-subcontract-amount="1"
                                                                onkeypress="return event.charCode >= 46"
                                                                class="col form-control text-center input-edit-subcontract edit-subcontract-action-type-amount-all"
                                                                name="edit-subcontract-action-type-amount-first"
                                                                id="edit-subcontract-action-type-amount-first" disabled
                                                                placeholder="مقدار">
                                                            <input type="hidden"
                                                                id="edit-subcontract-action-type-amountable-first">
                                                        </td>
                                                        <td class="w-25 edit-subcontract-action-type-unit-all"
                                                            id="edit-subcontract-action-type-unit-first">
                                                        </td>
                                                    </tr>
                                                    <!-- first row -->
                                                    <!-- second row -->
                                                    <tr data-box-index="1">
                                                        <td class="w-50">
                                                            <select id="edit-subcontract-action-type-second"
                                                                name="edit-subcontract-action-type-second"
                                                                data-subcontract-action="2"
                                                                class="form-control edit-subcontract-action-type-all"
                                                                disabled>
                                                            </select>
                                                        </td>
                                                        <td class="w-25">
                                                            <input type="number" data-subcontract-amount="2"
                                                                onkeypress="return event.charCode >= 46"
                                                                class="col form-control text-center input-edit-subcontract edit-subcontract-action-type-amount-all"
                                                                name="edit-subcontract-action-type-amount-second"
                                                                id="edit-subcontract-action-type-amount-second" disabled
                                                                placeholder="مقدار">
                                                            <input type="hidden"
                                                                id="edit-subcontract-action-type-amountable-second">
                                                        </td>
                                                        <td class="w-25 edit-subcontract-action-type-unit-all"
                                                            id="edit-subcontract-action-type-unit-second">
                                                        </td>
                                                    </tr>
                                                    <!-- second row -->
                                                    <!-- third row -->
                                                    <tr data-box-index="2">
                                                        <td class="w-50">
                                                            <select id="edit-subcontract-action-type-third"
                                                                name="edit-subcontract-action-type-third"
                                                                data-subcontract-action="3"
                                                                class="form-control edit-subcontract-action-type-all"
                                                                disabled>
                                                            </select>
                                                        </td>
                                                        <td class="w-25">
                                                            <input type="number" data-subcontract-amount="3"
                                                                onkeypress="return event.charCode >= 46"
                                                                class="col form-control text-center input-edit-subcontract edit-subcontract-action-type-amount-all"
                                                                name="edit-subcontract-action-type-amount-third"
                                                                id="edit-subcontract-action-type-amount-third" disabled
                                                                placeholder="مقدار">
                                                            <input type="hidden"
                                                                id="edit-subcontract-action-type-amountable-third">
                                                        </td>
                                                        <td class="w-25 edit-subcontract-action-type-unit-all"
                                                            id="edit-subcontract-action-type-unit-third">
                                                        </td>
                                                    </tr>
                                                    <!-- third row -->
                                                    <!-- forth row -->
                                                    <tr data-box-index="3">
                                                        <td class="w-50">
                                                            <select id="edit-subcontract-action-type-forth"
                                                                name="edit-subcontract-action-type-forth"
                                                                data-subcontract-action="4"
                                                                class="form-control edit-subcontract-action-type-all"
                                                                disabled>
                                                            </select>
                                                        </td>
                                                        <td class="w-25">
                                                            <input type="number" data-subcontract-amount="4"
                                                                onkeypress="return event.charCode >= 46"
                                                                class="col form-control text-center input-edit-subcontract edit-subcontract-action-type-amount-all"
                                                                name="edit-subcontract-action-type-amount-forth"
                                                                id="edit-subcontract-action-type-amount-forth" disabled
                                                                placeholder="مقدار">
                                                            <input type="hidden"
                                                                id="edit-subcontract-action-type-amountable-forth">
                                                        </td>
                                                        <td class="w-25 edit-subcontract-action-type-unit-all"
                                                            id="edit-subcontract-action-type-unit-forth">
                                                        </td>
                                                    </tr>
                                                    <!-- forth row -->
                                                </tbody>
                                            </table>
                                        </div>
                                        <div id="edit-required-bitumen-box" class="col-12 form-group">
                                            <label for="edit-required-bitumen">تناژ قیر مورد نیاز</label>
                                            <input type="text" class="form-control  input-edit-subcontract" name="edit-required-bitumen" id="edit-required-bitumen"
                                                placeholder="تناژ قیر مورد نیاز" />
                                        </div>
                                        <div id="edit-bridge-number-box" class="col-12 form-group">
                                            <label for="edit-bridge-number">کد پل در سامانه BMS</label>
                                            <input type="text" class="form-control input-edit-subcontract en-input" name="edit-bridge-number"
                                                id="edit-bridge-number" placeholder="کد پل در سامانه BMS" />
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="abrar-map-layout mt-2">
                                            <div class="col-12">
                                                <span class="map-record-title">ثبت موقعیت پروژه روی نقشه</span>
                                            </div>
                                            <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"
                                                            name="edit_project_start_map" id="edit_project_start_map"
                                                            data-inputmask="'mask': '(99.999999) - (99.999999)'"
                                                            data-mask
                                                            placeholder="(شروع) => (عرض جغرافیایی) - (طول جغرافیایی)" />
                                                    </div>
                                                    <div class="form-group">
                                                        <input type="text" class="form-control input-map-project"
                                                            name="edit_project_end_map" id="edit_project_end_map"
                                                            data-inputmask="'mask': '(99.999999) - (99.999999)'"
                                                            data-mask
                                                            placeholder="(پایان) => (عرض جغرافیایی) - (طول جغرافیایی)" />
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12 form-group mt-5">
                                            <label for="edit-Supervisor-name">کارشناس ناظر پروژه</label>
                                            <input type="text" class="form-control  input-edit-subcontract"
                                                name="edit-Supervisor-name" id="edit-Supervisor-name"
                                                placeholder="کارشناس ناظر پروژه" />
                                        </div>
                                        <div class="col-12 form-group">
                                            <label for="edit-Supervisor-number">شماره کارشناس ناظر پروژه <span
                                                    class="edit-attent_num"
                                                    style="color: #810000; font-size: 11px;">(شماره تماس باید
                                                    یازده رقم باشد)</span></label>
                                            <input type="number" class="form-control edit-number-validity"
                                                name="edit-Supervisor-number" id="edit-Supervisor-number"
                                                onkeypress="return event.charCode >= 46;"
                                                onkeyup="edit_phone_checker();"
                                                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'}"
                                                maxlength="11" placeholder="شماره کارشناس ناظر پروژه" />
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-12 d-flex">
                                        <div class="col-6 form-group">
                                            <label for="edit-subcontract-importance-degree">درجه اهمیت
                                                پروژه</label>
                                            <select id="edit-subcontract-importance-degree"
                                                name="edit-subcontract-importance-degree"
                                                class="form-control select-edit-subcontract">
                                                <option value="0" selected>درجه اهمیت پروژه</option>
                                                <option value="1">کم(تاثیر گزاری محلی)</option>
                                                <option value="2">متوسط(تاثیر گزار در در سطح استان یا شهرستان)
                                                </option>
                                                <option value="3">زیاد(تاثیر گزار در سطح ملی)</option>
                                            </select>
                                        </div>
                                        <div class="col-6 form-group">
                                            <label for="edit-subcontract-monitoring-degree">درجه اهمیت پیگیری
                                                پروژه</label>
                                            <select id="edit-subcontract-monitoring-degree"
                                                name="edit-subcontract-monitoring-degree"
                                                class="form-control select-edit-subcontract">
                                                <option value="0" selected>درجه اهمیت پیگیری پروژه</option>
                                                <option value="1">کم(ماهیت محلی و منطقه ای بدون پیگیری های ویژه
                                                    در سطح ملی)</option>
                                                <option value="2">متوسط(ماهیت ملی یا استانی)</option>
                                                <option value="3">زیاد(مورد تاکید و پیگیری ویژه مسئولین محلی یا
                                                    ملی)</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-12 d-flex">
                                        <div class="col-4 form-group">
                                            <label for="edit-subcontract-province">شهرستان </label><span
                                                class="show-city-past d-none"><span
                                                    class="past-details-style mr-2">(پیشین: </span><span
                                                    class="chooseProTypeTable_city past-details-style"></span><span
                                                    class="past-details-style">)</span></span>
                                            <select class="form-control  select-edit-subcontract"
                                                name="edit-subcontract-province"
                                                id="edit-subcontract-province"></select>
                                        </div>
                                        <div class="col-4 form-group">
                                            <label for="edit-subcontract-axisName">نام محور </label><span
                                                class="show-axisName-past d-none"><span
                                                    class="past-details-style mr-2">(پیشین: </span><span
                                                    class="chooseProTypeTable_axisName past-details-style"></span><span
                                                    class="past-details-style">)</span></span>
                                            <input type="text" class="form-control  input-edit-subcontract"
                                                name="edit-subcontract-axisName" id="edit-subcontract-axisName"
                                                placeholder="نام محور" />
                                        </div>
                                        <div class="col-4 form-group">
                                            <label for="edit-subcontract-axisType">نوع محور </label><span
                                                class="show-axisTypeFa-past d-none"><span
                                                    class="past-details-style mr-2">(پیشین: </span><span
                                                    class="chooseProTypeTable_axisTypeFa past-details-style"></span><span
                                                    class="past-details-style">)</span></span>
                                            <select class="form-control  select-edit-subcontract"
                                                name="edit-subcontract-axisType" id="edit-subcontract-axisType">
                                                <option value="0" selected>انتخاب نوع محور</option>
                                                <option value="1">آزادراه</option>
                                                <option value="2">بزرگراه</option>
                                                <option value="3">اصلی</option>
                                                <option value="4">فرعی</option>
                                                <option value="5">روستایی</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </fieldset>
                        <fieldset class="fieldsetstyle">
                            <legend class="text-center">اطلاعات پیشرفت فیزیکی و مالی</legend>
                            <div class="col-12 form-parents">
                                <div class="col-12 row align-items-start">
                                    <div class="col-6 row">
                                        <div class="col-6 form-group">
                                            <label for="edit-subcontract-last-project-position">آخرین وضعیت
                                                پروژه</label>
                                            <select class="form-control  select-edit-subcontract"
                                                name="edit-subcontract-last-project-position"
                                                id="edit-subcontract-last-project-position">
                                                <option value="0" selected>انتخاب وضعیت پروژه</option>
                                                <option value="1">درحال تجهیز کارگاه</option>
                                                <option value="2">درحال اجرا</option>
                                                <option value="3">خاتمه یافته</option>
                                                <option value="4" class="d-none">در دست مناقصه</option>
                                            </select>
                                        </div>
                                        <div class="col-6 form-group">
                                            <label for="edit-subcontract-progress-mainpercent">پیشرفت کلی پروژه
                                                <small>(درصد)</small><small class="d-none pr-1"
                                                    id="edit_limit_percentage">عدد بین 11 تا 99
                                                    باشد</small></label>
                                            <input type="number" class="form-control  input-edit-subcontract"
                                                name="edit-subcontract-progress-mainpercent"
                                                oninput="javascript: if (this.value.length > 2) this.value = 99; if(this.value<0) this.value='0'; if(this.value == 0){this.value='';}"
                                                id="edit-subcontract-progress-mainpercent"
                                                placeholder="پیشرفت کلی پروژه" />
                                        </div>
                                        <div id="edit-used-bitumen-box" class="col-12 form-group">
                                            <label for="edit-used-bitumen">تناژ قیر دریافتی</label>
                                            <input type="text" class="form-control  input-edit-subcontract" name="edit-used-bitumen" id="edit-used-bitumen"
                                                placeholder="تناژ قیر دریافتی" />
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <fieldset class="add-edit-subcontract-upload-fieldset pb-3">
                                            <legend class="add-edit-subcontract-upload">آپلود تصاویر پروژه
                                            </legend>
                                            <div class="col-12 d-flex">
                                                <div class="col-6">
                                                    <div class="img-box col d-flex justify-content-center">
                                                        <div class="d-flex flex-column">
                                                            <small class="text-info text-center mb-2">منتظر
                                                                نمایش تصویر بمانید!</small>
                                                            <label
                                                                class="imgbox d-flex align-items-center justify-content-center"
                                                                for="edit-deviceImg1">
                                                                <span class="img-title" id="edit-deviceImg1Title">انتخاب
                                                                    کنید</span>
                                                                <img class="img-preview" id="edit-deviceImg1Preview"
                                                                    src="" />
                                                            </label>
                                                            <button class="btn-delete-img btn btn-danger btn-sm"
                                                                id="edit-deleteDeviceImg1" disabled><i
                                                                    class="fa fa-trash"
                                                                    style="color: #fff;"></i></button>
                                                        </div>
                                                        <input type="file" name="edit-deviceImg1" id="edit-deviceImg1"
                                                            class="img-input d-none" 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">
                                                            <small class="text-info text-center mb-2">منتظر
                                                                نمایش تصویر بمانید!</small>
                                                            <label
                                                                class="imgbox d-flex align-items-center justify-content-center"
                                                                for="edit-deviceImg2">
                                                                <span class="img-title" id="edit-deviceImg2Title">انتخاب
                                                                    کنید</span>
                                                                <img class="img-preview" id="edit-deviceImg2Preview"
                                                                    src="" />
                                                            </label>
                                                            <button class="btn-delete-img btn btn-danger btn-sm"
                                                                id="edit-deleteDeviceImg2" disabled><i
                                                                    class="fa fa-trash"
                                                                    style="color: #fff;"></i></button>
                                                        </div>
                                                        <input type="file" name="edit-deviceImg2" id="edit-deviceImg2"
                                                            class="img-input d-none" accept=".jpg, .png">
                                                    </div>
                                                </div>
                                            </div>
                                        </fieldset>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="col-12 form-group">
                                        <label for="edit-subcontract-action-type">اطلاعات تکمیلی نوع
                                            عملیات</label>
                                        <table class="table table-secondary table-bordered financial-part-table">
                                            <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 tonaj d-none">تناژ</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td class="w-50 edit-subcontract-action-type-show-all"
                                                        id="edit-subcontract-action-type-first-show" class=""></td>
                                                    <td id="edit-subcontract-action-type-amount-first-show"
                                                        class="edit-subcontract-type-amount-show-all"></td>
                                                    <td id="edit-subcontract-action-type-unit-first-show"
                                                        class="edit-subcontract-type-unit-show-all"></td>
                                                    <td>
                                                        <input type="number" min="0" max="100" maxlength="3"
                                                            class="col form-control text-center input-edit-subcontract edit-subcontract-action-type-progress-all"
                                                            name="edit-subcontract-action-type-progress-first"
                                                            id="edit-subcontract-action-type-progress-first"
                                                            placeholder="پیشرفت">
                                                    </td>
                                                    <td class="tonaj d-none">
                                                        <input type="number"
                                                            class="col form-control text-center edit-subcontract-action-type-tonaj-all"
                                                            name="edit-subcontract-action-type-tonaj-first"
                                                            id="edit-subcontract-action-type-tonaj-first"
                                                            placeholder="تناژ" disabled="disabled">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="w-50 edit-subcontract-action-type-show-all"
                                                        id="edit-subcontract-action-type-second-show"></td>
                                                    <td id="edit-subcontract-action-type-amount-second-show"
                                                        class="edit-subcontract-type-amount-show-all"></td>
                                                    <td id="edit-subcontract-action-type-unit-second-show"
                                                        class="edit-subcontract-type-unit-show-all"></td>
                                                    <td>
                                                        <input type="number" min="0" max="100" maxlength="3"
                                                            class="col form-control text-center input-edit-subcontract edit-subcontract-action-type-progress-all"
                                                            name="edit-subcontract-action-type-progress-second"
                                                            id="edit-subcontract-action-type-progress-second"
                                                            placeholder="پیشرفت">
                                                    </td>
                                                    <td class="tonaj d-none">
                                                        <input type="number"
                                                            class="col form-control text-center edit-subcontract-action-type-tonaj-all"
                                                            name="edit-subcontract-action-type-tonaj-second"
                                                            id="edit-subcontract-action-type-tonaj-second"
                                                            placeholder="تناژ" disabled="disabled">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="w-50 edit-subcontract-action-type-show-all"
                                                        id="edit-subcontract-action-type-third-show"></td>
                                                    <td id="edit-subcontract-action-type-amount-third-show"
                                                        class="edit-subcontract-type-amount-show-all"></td>
                                                    <td id="edit-subcontract-action-type-unit-third-show"
                                                        class="edit-subcontract-type-unit-show-all"></td>
                                                    <td>
                                                        <input type="number" min="0" max="100" maxlength="3"
                                                            class="col form-control text-center input-edit-subcontract edit-subcontract-action-type-progress-all"
                                                            name="edit-subcontract-action-type-progress-third"
                                                            id="edit-subcontract-action-type-progress-third"
                                                            placeholder="پیشرفت">
                                                    </td>
                                                    <td class="tonaj d-none">
                                                        <input type="number"
                                                            class="col form-control text-center edit-subcontract-action-type-tonaj-all"
                                                            name="edit-subcontract-action-type-tonaj-third"
                                                            id="edit-subcontract-action-type-tonaj-third"
                                                            placeholder="تناژ" disabled="disabled">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="w-50 edit-subcontract-action-type-show-all"
                                                        id="edit-subcontract-action-type-forth-show"></td>
                                                    <td id="edit-subcontract-action-type-amount-forth-show"
                                                        class="edit-subcontract-type-amount-show-all"></td>
                                                    <td id="edit-subcontract-action-type-unit-forth-show"
                                                        class="edit-subcontract-type-unit-show-all"></td>
                                                    <td>
                                                        <input type="number" min="0" max="100" maxlength="3"
                                                            class="col form-control text-center input-edit-subcontract edit-subcontract-action-type-progress-all"
                                                            name="edit-subcontract-action-type-progress-forth"
                                                            id="edit-subcontract-action-type-progress-forth"
                                                            placeholder="پیشرفت">
                                                    </td>
                                                    <td class="tonaj d-none">
                                                        <input type="number"
                                                            class="col form-control text-center edit-subcontract-action-type-tonaj-all"
                                                            name="edit-subcontract-action-type-tonaj-forth"
                                                            id="edit-subcontract-action-type-tonaj-forth"
                                                            placeholder="تناژ" disabled="disabled">
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div class="col-12 form-group d-flex align-items-center">
                                    <div class="col-4">
                                        <label for="edit-subcontract-last-riali-digit-project">آخرین رقم ریالی
                                            پروژه <small>(میلیون ریال)</small></label>
                                    </div>
                                    <div class="col-4">
                                        <input type="number" class="form-control  input-edit-subcontract"
                                            name="edit-subcontract-last-riali-digit-project"
                                            id="edit-subcontract-last-riali-digit-project"
                                            placeholder="آخرین رقم ریالی پروژه" />
                                    </div>
                                    <div class="col-4 text-center">
                                        <span class="col text-center span-edit-subcontract"
                                            id="edit-subcontract-last-riali-digit-project-span"
                                            style="color: #810000;">0</span>
                                    </div>
                                </div>
                                <div class="col-12 form-group d-flex align-items-center">
                                    <div class="col-4">
                                        <label for="edit-subcontract-last-amount-worker-function">مبلغ آخرین
                                            کارکرد پیمانکار <small>(میلیون ریال)</small></label>
                                    </div>
                                    <div class="col-4">
                                        <input type="number" class="form-control  input-edit-subcontract"
                                            name="edit-subcontract-last-amount-worker-function"
                                            id="edit-subcontract-last-amount-worker-function"
                                            placeholder="مبلغ آخرین کارکرد پیمانکار" />
                                    </div>
                                    <div class="col-4 text-center">
                                        <span class="col text-center span-edit-subcontract"
                                            id="edit-subcontract-last-amount-worker-function-span"
                                            style="color: #810000;">0</span>
                                    </div>
                                </div>
                                <div class="col-12 form-group d-flex align-items-center">
                                    <div class="col-4">
                                        <label for="edit-subcontract-last-payable-amount-worker">مبلغ پرداختی به
                                            پیمانکار <small>(میلیون ریال)</small></label>
                                    </div>
                                    <div class="col-4">
                                        <input type="number" class="form-control  input-edit-subcontract"
                                            name="edit-subcontract-last-payable-amount-worker"
                                            id="edit-subcontract-last-payable-amount-worker"
                                            placeholder="مبلغ پرداختی به پیمانکار" />
                                    </div>
                                    <div class="col-4 text-center">
                                        <span class="col text-center span-edit-subcontract"
                                            id="edit-subcontract-last-payable-amount-worker-span"
                                            style="color: #810000;">0</span>
                                    </div>
                                </div>
                                <div class="col-12 form-group d-flex align-items-center">
                                    <div class="col-4">
                                        <label for="edit-subcontract-amount-for-ending-project">مبلغ مورد نیاز
                                            برای تکمیل پروژه <small>(میلیون ریال)</small></label>
                                    </div>
                                    <div class="col-4">
                                        <input type="number" class="form-control  input-edit-subcontract"
                                            name="edit-subcontract-amount-for-ending-project"
                                            id="edit-subcontract-amount-for-ending-project"
                                            placeholder="مبلغ مورد نیاز برای تکمیل پروژه" />
                                    </div>
                                    <div class="col-4 text-center">
                                        <span class="col text-center span-edit-subcontract"
                                            id="edit-subcontract-amount-for-ending-project-span"
                                            style="color: #810000;">0</span>
                                    </div>
                                </div>
                            </div>
                        </fieldset>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button class="cancel btn btn-danger">انصراف</button>
                <button class="btn btn-primary" id="edit-subcontract-cta">ویرایش</button>
            </div>
        </div>
    </div>
</div>
<!-- end subcontract edit modal -->
<!-- subcontract modals -->
<!-- actionType modal -->
<div tabindex="-1" role="dialog" id="subItemModal_actionType" 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 justify-content-between">
                <h5 class="modal-title">نوع عملیات</h5>
                <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">
                <div class="row mb-2 text-center">
                    <div class="col">
                        <span>نوع عملیات</span>
                    </div>
                    <div class="col">
                        <span>مقدار</span>
                    </div>
                    <div class="col">
                        <span>واحد</span>
                    </div>
                    <div class="col">
                        <span>پیشرفت</span>
                    </div>
                    <div class="col modal-op-tonaj">
                        <span>تناژ</span>
                    </div>
                </div>
                <div class="row mb-3">
                    <div class="col">
                        <input class="form-control input-subcontract-table text-center" type="text"
                            id="subItemModal_type_fa1" disabled>
                    </div>
                    <div class="col">
                        <input class="form-control input-subcontract-table text-center" type="text"
                            id="subItemModal_type_amount1" disabled>
                    </div>
                    <div class="col">
                        <input class="form-control input-subcontract-table text-center" type="text"
                            id="subItemModal_type_unit1" disabled>
                    </div>
                    <div class="col">
                        <input class="form-control input-subcontract-table text-center" type="text"
                            id="subItemModal_type_progress1" disabled>
                    </div>
                    <div class="col modal-op-tonaj">
                        <input class="form-control input-subcontract-table text-center" type="text"
                            id="subItemModal_type_tonaj1" disabled>
                    </div>
                </div>
                <div class="row mb-3">
                    <div class="col">
                        <input class="form-control input-subcontract-table text-center" type="text"
                            id="subItemModal_type_fa2" disabled>
                    </div>
                    <div class="col">
                        <input class="form-control input-subcontract-table text-center" type="text"
                            id="subItemModal_type_amount2" disabled>
                    </div>
                    <div class="col">
                        <input class="form-control input-subcontract-table text-center" type="text"
                            id="subItemModal_type_unit2" disabled>
                    </div>
                    <div class="col">
                        <input class="form-control input-subcontract-table text-center" type="text"
                            id="subItemModal_type_progress2" disabled>
                    </div>
                    <div class="col modal-op-tonaj">
                        <input class="form-control input-subcontract-table text-center" type="text"
                            id="subItemModal_type_tonaj2" disabled>
                    </div>
                </div>
                <div class="row mb-3">
                    <div class="col">
                        <input class="form-control input-subcontract-table text-center" type="text"
                            id="subItemModal_type_fa3" disabled>
                    </div>
                    <div class="col">
                        <input class="form-control input-subcontract-table text-center" type="text"
                            id="subItemModal_type_amount3" disabled>
                    </div>
                    <div class="col">
                        <input class="form-control input-subcontract-table text-center" type="text"
                            id="subItemModal_type_unit3" disabled>
                    </div>
                    <div class="col">
                        <input class="form-control input-subcontract-table text-center" type="text"
                            id="subItemModal_type_progress3" disabled>
                    </div>
                    <div class="col modal-op-tonaj">
                        <input class="form-control input-subcontract-table text-center" type="text"
                            id="subItemModal_type_tonaj3" disabled>
                    </div>
                </div>
                <div class="row mb-3">
                    <div class="col">
                        <input class="form-control input-subcontract-table text-center" type="text"
                            id="subItemModal_type_fa4" disabled>
                    </div>
                    <div class="col">
                        <input class="form-control input-subcontract-table text-center" type="text"
                            id="subItemModal_type_amount4" disabled>
                    </div>
                    <div class="col">
                        <input class="form-control input-subcontract-table text-center" type="text"
                            id="subItemModal_type_unit4" disabled>
                    </div>
                    <div class="col">
                        <input class="form-control input-subcontract-table text-center" type="text"
                            id="subItemModal_type_progress4" disabled>
                    </div>
                    <div class="col modal-op-tonaj">
                        <input class="form-control input-subcontract-table text-center" type="text"
                            id="subItemModal_type_tonaj4" disabled>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- end actionType modal  -->
<!-- operator data modal -->
<div tabindex="-1" role="dialog" id="subItemOpratorModal" class="modal animated zoomIn fade">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">کارشناس ناظر</h5>
                <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">
                <div class="row mb-2 text-center">
                    <div class="col-sm-7">
                        <span>نام</span>
                    </div>
                    <div class="col">
                        <span>شماره تماس</span>
                    </div>
                </div>
                <div class="row mb-3">
                    <div class="col-sm-7">
                        <input class="form-control input-subcontract-table" type="text"
                            id="subItemOpratorModal_operator_name" disabled>
                    </div>
                    <div class="col">
                        <input class="form-control input-subcontract-table" type="text"
                            id="subItemOpratorModal_operator_phone" disabled>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- end operator modal data -->
<!-- image show modal -->
<div tabindex="-1" role="dialog" id="subItemImgModal" 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">
                <h5 class="modal-title">تصاویر</h5>
                <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">
                <div class="row">
                    <div class="col text-center">
                        <small class="text-info text-center mb-2">منتظر نمایش تصویر بمانید!</small>
                        <img id="imgSubItem1" class="img-thumbnail" src="" alt="">
                    </div>
                    <div class="col text-center">
                        <small class="text-info text-center mb-2">منتظر نمایش تصویر بمانید!</small>
                        <img id="imgSubItem2" class="img-thumbnail" src="" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- end image show modal -->
<!-- previus action types data modal -->
<div id="modal_distance" class="modal animated zoomIn fade modal-end">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-m">
        <div class="modal-content">
            <div class="modal-header align-items-center">
                <h5 class="modal-title">
                    عملیات های پیشین
                </h5>
                <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">
                <div class="data_appender">
                    <table class="table table-bordered table-secondary">
                        <thead>
                            <tr class="appendhead"></tr>
                            <tr class="appendheadsecond" style="background-color: #ff5c0f;"></tr>
                        </thead>
                        <tbody class="appendbody"></tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- end previus action types data modal -->
<!-- end subcontract modals -->
<!-- filters -->
<div class='parent-filter'>
    <div class="row mt-2">
        <div class="col-12 mb-2">
            <input type="text" class="id_search form-control-me" placeholder="کد یکتا">
        </div>
        <div class="col-12 mb-2">
            <input type="text" class="title_search form-control-me" placeholder="عنوان قرارداد">
        </div>
        <div class="col-12 mb-2">
            <input type="text" class="contract_number_search form-control-me" placeholder="شماره قرارداد">
        </div>
        <div class="col-12 mb-2">
            <input type="text" class="contract_peymankar_search form-control-me" placeholder="نام پیمانکار">
        </div>
        <div class="col-12 mb-2">
            <select id="select-province" class="select-province form-control-me stylescroll">
            </select>
        </div>
        <div class="col-12 mt-2 mb-2">
            <select class="last_statusfilter form-control" name="states[]" multiple="multiple">
                <option value="1">
                    منعقد شده
                </option>
                <option value="2">
                    در دست مناقصه
                </option>
                <option value="3">
                    خاتمه یافته
                </option>
                <option value="4">
                    در حال تجهیز کارگاه
                </option>
            </select>
        </div>
        <div class="col-12 mt-2 mb-2">
            <select class="project-type form-control" name="projecttype[]" multiple="multiple">
                {{-- yasi --}}
                {{-- <option value="1">
                    روکش آسفالت
                </option>
                <option value="2">
                    رفع نقاط حادثه خیز
                </option>
                <option value="3">
                    ایمنی راه
                </option>
                <option value="4">
                    ابنیه فنی
                </option>
                <option value="5">
                    راهدارخانه
                </option>
                <option value="6">
                    راه روستایی
                </option> --}}
            </select>
        </div>
        <div class="col-12 mb-2">
            <select class="contain_project form-control">
                <option value="0">
                    انتخاب حالت
                </option>
                <option value="1">
                    بدون پروژه
                </option>
                <option value="2">
                    دارای پروژه
                </option>
            </select>
        </div>
        <div class="col-12 mb-2">
            <select class="yearfilter form-control" name="yearfilter">
            </select>
        </div>
        <div class="col-12 text-left"><button id="btn_filter_show" class="btn-set-filter px-2 py-1">فیلتر</button></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="col-12 mt-2 mb-2">
            <select class="form-control" name="select-status-excel">
                <option value="0">
                    انتخاب وضعیت قرارداد
                </option>
                <option value="1">
                    منعقد شده
                </option>
                <option value="2">
                    در دست مناقصه
                </option>
                <option value="3">
                    خاتمه یافته
                </option>
            </select>
        </div> --}}
        <div class="col-12 mt-2 mb-2">
            <select class="form-control" id="select_project_type_excel" name="select-project-type-excel"
                data-active-date='["dangerpoint","technical","tollhouse"]'>
                {{-- <option value="maintanance">
                    روکش آسفالت
                </option>
                <option value="dangerpoint">
                    رفع نقاط حادثه خیز
                </option>
                <option value="upgradesaifty">
                    ایمنی راه
                </option>
                <option value="technical">
                    ابنیه فنی
                </option>
                <option value="tollhouse">
                    راهدارخانه
                </option>
                <option value="village">
                    راه روستایی
                </option> --}}
            </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>
<div class='parent-word'>
    <div class="row mt-2">
        <div class="col-12 mb-2 mb-2">
            <select id="select-province-word" class="form-control" name="select-province-word">
            </select>
        </div>
        <div class="col-12 text-left"><button id="btn_word_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/rahdari_projects/finance.js?_='). mt_rand(1, 99999999999) }}"></script>
@endsection