@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/proposal.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="mb-5 table-box">
        <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 id="table_projects" dir="rtl" class="table table-striped table-bordered table-project"
            style="width: 100%;">
            <thead>
                <tr class="odd-header-row">
                    <th rowspan="2">ردیف</th>
                    <th rowspan="2">کد یکتا</th>
                    <th colspan="9">اطلاعات شناسنامه ای</th>
                    <th colspan="2">اطلاعات مالی</th>
                    <th rowspan="2">عملیات</th>
                </tr>
                <tr class="even-header-row">
                    <th>عنوان پروژه</th>
                    <th>ماهیت پروژه</th>
                    <th>نوع عملیات</th>
                    <th>درجه اهمیت پروژه</th>
                    <th>درجه اهمیت پیگیری پروژه</th>
                    <th>اداره کل</th>
                    <th>استان</th>
                    <th>نام محور</th>
                    <th>نوع محور</th>
                    <th>مبلغ اعتبار مورد نیاز</th>
                    <th>مبلغ اعتبار استانی</th>
                </tr>
            </thead>
        </table>
    </div>
    <div id="modal_add_project" class="modal animated zoomIn fade modal_same_work">
        <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">
                        ثبت پروژه جدید
                    </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 pl-0">
                                            <div class="col-12 form-group">
                                                <label for="add-project-title">عنوان پروژه</label>
                                                <input type="text" class="form-control input-project"
                                                    name="add_project_title" id="add_project_title"
                                                    placeholder="عنوان پروژه" />
                                            </div>
                                            <div class="col-12 form-group">
                                                <label for="add-project-type">ماهیت پروژه</label>
                                                <select class="form-control select-project select-project-type"
                                                    name="add_project_type" id="add_project_type">
                                                    <option value="0">انتخاب ماهیت پروژه</option>
                                                    <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 form-group">
                                                <label for="add-project-opration-type">نوع عملیات <small>(حداقل یک نوع
                                                        انتخاب کنید)</small></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>
                                                        <tr class="box-project-opration" data-box-index="0">
                                                            <td class="w-50">
                                                                <select id="add_project_opration_type_id_1"
                                                                    name="add_project_opration_type_1"
                                                                    class="form-control select-project-opration">
                                                                </select>
                                                            </td>
                                                            <td class="w-25">
                                                                <input type="number"
                                                                    class="form-control text-center input-project-opration"
                                                                    name="add_project_opration_type_amount_1"
                                                                    id="add_project_opration_type_amount_1"
                                                                    placeholder="مقدار">
                                                                <input type="hidden" class="hidden-project-opration"
                                                                    id="add_project_opration_type_amountable_1"
                                                                    value="0">
                                                            </td>
                                                            <td class="w-25 input-project-opration-type-unit"
                                                                id="add_project_opration_type_unit_1"></td>
                                                        </tr>
                                                        <tr class="box-project-opration" data-box-index="1">
                                                            <td class="w-50">
                                                                <select id="add_project_opration_type_id_2"
                                                                    name="add_project_opration_type_2"
                                                                    class="form-control select-project-opration">
                                                                </select>
                                                            </td>
                                                            <td class="w-25">
                                                                <input type="number"
                                                                    class="form-control text-center input-project-opration"
                                                                    name="add_project_opration_type_amount_2"
                                                                    id="add_project_opration_type_amount_2"
                                                                    placeholder="مقدار">
                                                                <input type="hidden" class="hidden-project-opration"
                                                                    id="add_project_opration_type_amountable_2"
                                                                    value="0">
                                                            </td>
                                                            <td class="w-25 input-project-opration-type-unit"
                                                                id="add_project_opration_type_unit_2"></td>
                                                        </tr>
                                                        <tr class="box-project-opration" data-box-index="2">
                                                            <td class="w-50">
                                                                <select id="add_project_opration_type_id_3"
                                                                    name="add_project_opration_type_3"
                                                                    class="form-control select-project-opration">
                                                                </select>
                                                            </td>
                                                            <td class="w-25">
                                                                <input type="number"
                                                                    class="form-control text-center input-project-opration"
                                                                    name="add_project_opration_type_amount_3"
                                                                    id="add_project_opration_type_amount_3"
                                                                    placeholder="مقدار">
                                                                <input type="hidden" class="hidden-project-opration"
                                                                    id="add_project_opration_type_amountable_3"
                                                                    value="0">
                                                            </td>
                                                            <td class="w-25 input-project-opration-type-unit"
                                                                id="add_project_opration_type_unit_3"></td>
                                                        </tr>
                                                        <tr class="box-project-opration" data-box-index="3">
                                                            <td class="w-50">
                                                                <select id="add_project_opration_type_id_4"
                                                                    name="add_project_opration_type_4"
                                                                    class="form-control select-project-opration">
                                                                </select>
                                                            </td>
                                                            <td class="w-25">
                                                                <input type="number"
                                                                    class="form-control text-center input-project-opration"
                                                                    name="add_project_opration_type_amount_4"
                                                                    id="add_project_opration_type_amount_4"
                                                                    placeholder="مقدار">
                                                                <input type="hidden" class="hidden-project-opration"
                                                                    id="add_project_opration_type_amountable_4"
                                                                    value="0">
                                                            </td>
                                                            <td class="w-25 input-project-opration-type-unit"
                                                                id="add_project_opration_type_unit_4"></td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                        <div class="col-6 pr-0">
                                            <div class="col-12 mb-3">
                                                <div id="add_map" class="project-map"></div>
                                            </div>
                                            <div class="col-12">
                                                <label>مختصات دستی</label>
                                            </div>
                                            <div class="d-flex flex-row-reverse">
                                                <div class="col-6 form-group">
                                                    <input type="text" class="form-control input-project"
                                                        name="add_project_start_map" id="add_project_start_map"
                                                        data-inputmask="'mask': '(99.999999) - (99.999999)'" data-mask
                                                        placeholder="(شروع) => (عرض جغرافیایی) - (طول جغرافیایی)" />
                                                </div>
                                                <div class="col-6 form-group">
                                                    <input type="text" class="form-control input-project"
                                                        name="add_project_end_map" id="add_project_end_map"
                                                        data-inputmask="'mask': '(99.999999) - (99.999999)'" data-mask
                                                        placeholder="(پایان) => (عرض جغرافیایی) - (طول جغرافیایی)" />
                                                </div>
                                            </div>
                                            <div class="col-12 form-group">
                                                <label for="add_project_follower_person">مقام پیگیر کننده (مرجع پیشنهاد
                                                    دهنده)</label>
                                                <select id="add_project_follower_person"
                                                    name="add_project_follower_person"
                                                    class="form-control select-project">
                                                    <option value="0">انتخاب مقام پیگیر کننده</option>
                                                    <option value="1">درخواست نماینده</option>
                                                    <option value="2">ساکنین بومی</option>
                                                    <option value="3">اداره کل استان</option>
                                                    <option value="4">مصوبات سفر ستادی</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 d-flex">
                                            <div class="col-6 form-group">
                                                <label for="add_project_priority">درجه اهمیت پروژه</label>
                                                <select id="add_project_priority" name="add_project_priority"
                                                    class="form-control select-project">
                                                    <option value="0">انتخاب درجه اهمیت پروژه</option>
                                                    <option value="1">کم(تاثیر گزاری محلی)</option>
                                                    <option value="2">متوسط(تاثیر گزار در در سطح استان یا شهرستان)
                                                    </option>
                                                    <option value="3">زیاد(تاثیر گزار در سطح ملی)</option>
                                                </select>
                                            </div>
                                            <div class="col-6 form-group">
                                                <label for="add_project_followup_priority">درجه اهمیت پیگیری
                                                    پروژه</label>
                                                <select id="add_project_followup_priority"
                                                    name="add_project_followup_priority"
                                                    class="form-control select-project">
                                                    <option value="0">انتخاب درجه اهمیت پیگیری پروژه</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-6 form-group">
                                                <label for="add_project_office">اداره کل</label>
                                                <select class="form-control select-project" name="add_project_office"
                                                    id="add_project_office">
                                                    <option value="0">انتخاب اداره کل</option>
                                                    <option value="1">اداره کل راهداری</option>
                                                    <option value="2">اداره کل راه و شهرسازی</option>
                                                </select>
                                            </div>
                                            <div class="col-6 form-group">
                                                <label for="add_project_province">استان</label>
                                                <select class="form-control select-project" name="add_project_province"
                                                    id="add_project_province"></select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 d-flex">
                                            <div class="col-6 form-group">
                                                <label for="add_project_axis_name">نام محور</label>
                                                <input type="text" class="form-control input-project"
                                                    name="add_project_axis_name" id="add_project_axis_name"
                                                    placeholder="نام محور" />
                                            </div>
                                            <div class="col-6 form-group">
                                                <label for="add_project_axis_type">نوع محور</label>
                                                <select class="form-control select-project" name="add_project_axis_type"
                                                    id="add_project_axis_type">
                                                    <option value="0">انتخاب نوع محور</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 class="row">
                                        <div class="col-12 d-flex">
                                            <div class="col-12 form-group">
                                                <label for="add_project_user_description">توضیحات
                                                    <small>(اختیاری)</small></label>
                                                <textarea class="form-control input-project"
                                                    name="add_project_user_description"
                                                    id="add_project_user_description" rows="3"></textarea>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </fieldset>
                            <fieldset class="fieldsetstyle mb-3">
                                <legend class="text-center">اطلاعات مالی</legend>
                                <div class="col-12 form-parents">
                                    <div class="col-12 form-group d-flex align-items-center project-credit-box">
                                        <div class="col-4">
                                            <label for="add_project_national_credit">مبلغ اعتبار مورد نیاز
                                                <small>(میلیون ریال)</small></label>
                                        </div>
                                        <div class="col-4">
                                            <input data-opration-id='1' type="number"
                                                class="form-control text-center input-project-credit"
                                                name="add_project_national_credit" id="add_project_national_credit"
                                                placeholder="مبلغ اعتبار مورد نیاز" />
                                        </div>
                                        <div class="col-4 text-center">
                                            <span class="col text-center span-project-credit"
                                                id="add_project_national_credit_span" style="color: #810000;">0</span>
                                        </div>
                                    </div>
                                    <div class="col-12 form-group d-flex align-items-center project-credit-box">
                                        <div class="col-4">
                                            <label for="add_project_province_credit">مبلغ اعتبار استانی <small>(میلیون
                                                    ریال)</small></label>
                                            <label for="add_project_province_credit"><small>(در صورت وجود اعتبار استانی
                                                    مبلغ را وارد کنید)</small></label>
                                        </div>
                                        <div class="col-4">
                                            <input type="number" class="form-control text-center input-project-credit"
                                                name="add_project_province_credit" id="add_project_province_credit"
                                                placeholder="مبلغ اعتبار استانی" />
                                        </div>
                                        <div class="col-4 text-center">
                                            <span class="col text-center span-project-credit"
                                                id="add_project_province_credit_span" style="color: #810000;">0</span>
                                        </div>
                                    </div>
                                </div>
                            </fieldset>
                            <fieldset class="fieldsetstyle">
                                <legend class="text-center">مستندات</legend>
                                <div class="col-12 form-parents">
                                    <div class="row">
                                        <div class="col-4 d-flex flex-column align-items-center pb-3">
                                            <label for="">تصویر</label>
                                            <div class="file col d-flex justify-content-center">
                                                <div class="d-flex flex-column">
                                                    <label
                                                        class="img-box d-flex align-items-center justify-content-center"
                                                        id="add_project_document_image_label"
                                                        for="add_project_document_image">
                                                        <span class="img-title"
                                                            id="add_project_document_image_title">انتخاب تصویر</span>
                                                        <img class="img-preview" id="add_project_document_image_preview"
                                                            src="" alt="" />
                                                    </label>
                                                </div>
                                                <input type="file" name="add_project_document_image"
                                                    id="add_project_document_image" class="img-input d-none"
                                                    accept=".jpg, .png">
                                            </div>
                                        </div>
                                        <div class="col-4 d-flex flex-column align-items-center pb-3">
                                            <label for="">ویدیو <small>(اختیاری)</small></label>
                                            <div class="file col d-flex justify-content-center">
                                                <div class="d-flex flex-column">
                                                    <label
                                                        class="file-box d-flex align-items-center justify-content-center"
                                                        id="add_project_document_video_label"
                                                        for="add_project_document_video">
                                                        <span class="file-title" data-default-text="انتخاب ویدیو"
                                                            id="add_project_document_video_title">انتخاب ویدیو</span>
                                                    </label>
                                                    <button class="btn-delete-file btn btn-danger btn-sm"
                                                        id="add_project_document_video_delete" disabled>حذف</button>
                                                </div>
                                                <input type="file" name="add_project_document_video"
                                                    id="add_project_document_video" class="file-input d-none"
                                                    accept=".mp4">
                                            </div>
                                        </div>
                                        <div class="col-4 d-flex flex-column align-items-center pb-3">
                                            <label for="">فایل <small>(اختیاری)</small></label>
                                            <div class="file col d-flex justify-content-center">
                                                <div class="d-flex flex-column">
                                                    <label
                                                        class="file-box d-flex align-items-center justify-content-center"
                                                        id="add_project_document_technical_label"
                                                        for="add_project_document_technical">
                                                        <span class="file-title" data-default-text="انتخاب فایل"
                                                            id="add_project_document_technical_title">انتخاب فایل</span>
                                                    </label>
                                                    <button class="btn-delete-file btn btn-danger btn-sm"
                                                        id="add_project_document_technical_delete" disabled>حذف</button>
                                                </div>
                                                <input type="file" name="add_project_document_technical"
                                                    id="add_project_document_technical" class="file-input d-none"
                                                    accept=".pdf, .doc, .docx">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </fieldset>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button class="cancel btn btn-danger" data-dismiss="modal" aria-label="Close">انصراف</button>
                    <button class="btn btn-primary" id="btn_add_project">ثبت پروژه</button>
                </div>
            </div>
        </div>
    </div>
    <div id="modal_edit_project" class="modal animated zoomIn fade modal_same_work">
        <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 class="pl-2">ویرایش پروژه</span>(<span id="modal_edit_uniqe_code"></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 pl-0">
                                            <div class="col-12 form-group">
                                                <label for="edit-project-title">عنوان پروژه</label>
                                                <input type="text" class="form-control input-project"
                                                    name="edit_project_title" id="edit_project_title"
                                                    placeholder="عنوان پروژه" />
                                            </div>
                                            <div class="col-12 form-group">
                                                <label for="edit-project-type">ماهیت پروژه</label>
                                                <select class="form-control select-project select-project-type"
                                                    name="edit_project_type" id="edit_project_type">
                                                    <option value="0">انتخاب ماهیت پروژه</option>
                                                    <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 form-group">
                                                <label for="edit-project-opration-type">نوع عملیات <small>(حداقل یک نوع
                                                        انتخاب کنید)</small></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>
                                                        <tr class="box-project-opration" data-box-index="0">
                                                            <td class="w-50">
                                                                <select id="edit_project_opration_type_id_1"
                                                                    name="edit_project_opration_type_1"
                                                                    class="form-control select-project-opration">
                                                                </select>
                                                            </td>
                                                            <td class="w-25">
                                                                <input type="number"
                                                                    class="form-control text-center input-project-opration"
                                                                    name="edit_project_opration_type_amount_1"
                                                                    id="edit_project_opration_type_amount_1"
                                                                    placeholder="مقدار">
                                                                <input type="hidden" class="hidden-project-opration"
                                                                    id="edit_project_opration_type_amountable_1"
                                                                    value="0">
                                                            </td>
                                                            <td class="w-25 input-project-opration-type-unit"
                                                                id="edit_project_opration_type_unit_1"></td>
                                                        </tr>
                                                        <tr class="box-project-opration" data-box-index="1">
                                                            <td class="w-50">
                                                                <select id="edit_project_opration_type_id_2"
                                                                    name="edit_project_opration_type_2"
                                                                    class="form-control select-project-opration">
                                                                </select>
                                                            </td>
                                                            <td class="w-25">
                                                                <input type="number"
                                                                    class="form-control text-center input-project-opration"
                                                                    name="edit_project_opration_type_amount_2"
                                                                    id="edit_project_opration_type_amount_2"
                                                                    placeholder="مقدار">
                                                                <input type="hidden" class="hidden-project-opration"
                                                                    id="edit_project_opration_type_amountable_2"
                                                                    value="0">
                                                            </td>
                                                            <td class="w-25 input-project-opration-type-unit"
                                                                id="edit_project_opration_type_unit_2"></td>
                                                        </tr>
                                                        <tr class="box-project-opration" data-box-index="2">
                                                            <td class="w-50">
                                                                <select id="edit_project_opration_type_id_3"
                                                                    name="edit_project_opration_type_3"
                                                                    class="form-control select-project-opration">
                                                                </select>
                                                            </td>
                                                            <td class="w-25">
                                                                <input type="number"
                                                                    class="form-control text-center input-project-opration"
                                                                    name="edit_project_opration_type_amount_3"
                                                                    id="edit_project_opration_type_amount_3"
                                                                    placeholder="مقدار">
                                                                <input type="hidden" class="hidden-project-opration"
                                                                    id="edit_project_opration_type_amountable_3"
                                                                    value="0">
                                                            </td>
                                                            <td class="w-25 input-project-opration-type-unit"
                                                                id="edit_project_opration_type_unit_3"></td>
                                                        </tr>
                                                        <tr class="box-project-opration" data-box-index="3">
                                                            <td class="w-50">
                                                                <select id="edit_project_opration_type_id_4"
                                                                    name="edit_project_opration_type_4"
                                                                    class="form-control select-project-opration">
                                                                </select>
                                                            </td>
                                                            <td class="w-25">
                                                                <input type="number"
                                                                    class="form-control text-center input-project-opration"
                                                                    name="edit_project_opration_type_amount_4"
                                                                    id="edit_project_opration_type_amount_4"
                                                                    placeholder="مقدار">
                                                                <input type="hidden" class="hidden-project-opration"
                                                                    id="edit_project_opration_type_amountable_4"
                                                                    value="0">
                                                            </td>
                                                            <td class="w-25 input-project-opration-type-unit"
                                                                id="edit_project_opration_type_unit_4"></td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                        <div class="col-6 pr-0">
                                            <div class="col-12 mb-3">
                                                <div id="edit_map" class="project-map"></div>
                                            </div>
                                            <div class="col-12">
                                                <label>مختصات دستی</label>
                                            </div>
                                            <div class="d-flex flex-row-reverse">
                                                <div class="col-6 form-group">
                                                    <input type="text" class="form-control input-project"
                                                        name="edit_project_start_map" id="edit_project_start_map"
                                                        data-inputmask="'mask': '(99.999999) - (99.999999)'" data-mask
                                                        placeholder="(شروع) => (عرض جغرافیایی) - (طول جغرافیایی)" />
                                                </div>
                                                <div class="col-6 form-group">
                                                    <input type="text" class="form-control input-project"
                                                        name="edit_project_end_map" id="edit_project_end_map"
                                                        data-inputmask="'mask': '(99.999999) - (99.999999)'" data-mask
                                                        placeholder="(پایان) => (عرض جغرافیایی) - (طول جغرافیایی)" />
                                                </div>
                                            </div>
                                            <div class="col-12 form-group">
                                                <label for="edit_project_follower_person">مقام پیگیر کننده (مرجع پیشنهاد
                                                    دهنده)</label>
                                                <select id="edit_project_follower_person"
                                                    name="edit_project_follower_person"
                                                    class="form-control select-project">
                                                    <option value="0">انتخاب مقام پیگیر کننده</option>
                                                    <option value="1">درخواست نماینده</option>
                                                    <option value="2">ساکنین بومی</option>
                                                    <option value="3">اداره کل استان</option>
                                                    <option value="4">مصوبات سفر ستادی</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 d-flex">
                                            <div class="col-6 form-group">
                                                <label for="edit_project_priority">درجه اهمیت پروژه</label>
                                                <select id="edit_project_priority" name="edit_project_priority"
                                                    class="form-control select-project">
                                                    <option value="0">انتخاب درجه اهمیت پروژه</option>
                                                    <option value="1">کم(تاثیر گزاری محلی)</option>
                                                    <option value="2">متوسط(تاثیر گزار در در سطح استان یا شهرستان)
                                                    </option>
                                                    <option value="3">زیاد(تاثیر گزار در سطح ملی)</option>
                                                </select>
                                            </div>
                                            <div class="col-6 form-group">
                                                <label for="edit_project_followup_priority">درجه اهمیت پیگیری
                                                    پروژه</label>
                                                <select id="edit_project_followup_priority"
                                                    name="edit_project_followup_priority"
                                                    class="form-control select-project">
                                                    <option value="0">انتخاب درجه اهمیت پیگیری پروژه</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-6 form-group">
                                                <label for="edit_project_office">اداره کل</label>
                                                <select class="form-control select-project" name="edit_project_office"
                                                    id="edit_project_office">
                                                    <option value="0">انتخاب اداره کل</option>
                                                    <option value="1">اداره کل راهداری</option>
                                                    <option value="2">اداره کل راه و شهرسازی</option>
                                                </select>
                                            </div>
                                            <div class="col-6 form-group">
                                                <label for="edit_project_province">استان</label>
                                                <select class="form-control select-project" name="edit_project_province"
                                                    id="edit_project_province"></select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 d-flex">
                                            <div class="col-6 form-group">
                                                <label for="edit_project_axis_name">نام محور</label>
                                                <input type="text" class="form-control input-project"
                                                    name="edit_project_axis_name" id="edit_project_axis_name"
                                                    placeholder="نام محور" />
                                            </div>
                                            <div class="col-6 form-group">
                                                <label for="edit_project_axis_type">نوع محور</label>
                                                <select class="form-control select-project"
                                                    name="edit_project_axis_type" id="edit_project_axis_type">
                                                    <option value="0">انتخاب نوع محور</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 class="row">
                                        <div class="col-12 d-flex">
                                            <div class="col-12 form-group">
                                                <label for="edit_project_user_description">توضیحات
                                                    <small>(اختیاری)</small></label>
                                                <textarea class="form-control input-project"
                                                    name="edit_project_user_description"
                                                    id="edit_project_user_description" rows="3"></textarea>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </fieldset>
                            <fieldset class="fieldsetstyle mb-3">
                                <legend class="text-center">اطلاعات مالی</legend>
                                <div class="col-12 form-parents">
                                    <div class="col-12 form-group d-flex align-items-center project-credit-box">
                                        <div class="col-4">
                                            <label for="edit_project_national_credit">مبلغ اعتبار مورد نیاز
                                                <small>(میلیون ریال)</small></label>
                                        </div>
                                        <div class="col-4">
                                            <input data-opration-id='1' type="number"
                                                class="form-control text-center input-project-credit"
                                                name="edit_project_national_credit" id="edit_project_national_credit"
                                                placeholder="مبلغ اعتبار مورد نیاز" />
                                        </div>
                                        <div class="col-4 text-center">
                                            <span class="col text-center span-project-credit"
                                                id="edit_project_national_credit_span" style="color: #810000;">0</span>
                                        </div>
                                    </div>
                                    <div class="col-12 form-group d-flex align-items-center project-credit-box">
                                        <div class="col-4">
                                            <label for="edit_project_province_credit">مبلغ اعتبار استانی <small>(میلیون
                                                    ریال)</small></label>
                                            <label for="edit_project_province_credit"><small>(در صورت وجود اعتبار استانی
                                                    مبلغ را وارد کنید)</small></label>
                                        </div>
                                        <div class="col-4">
                                            <input type="number" class="form-control text-center input-project-credit"
                                                name="edit_project_province_credit" id="edit_project_province_credit"
                                                placeholder="مبلغ اعتبار استانی" />
                                        </div>
                                        <div class="col-4 text-center">
                                            <span class="col text-center span-project-credit"
                                                id="edit_project_province_credit_span" style="color: #810000;">0</span>
                                        </div>
                                    </div>
                                </div>
                            </fieldset>
                            <fieldset class="fieldsetstyle">
                                <legend class="text-center">مستندات</legend>
                                <div class="col-12 form-parents">
                                    <div class="row">
                                        <div class="col-4 d-flex flex-column align-items-center pb-3">
                                            <label for="">تصویر</label>
                                            <div class="file col d-flex justify-content-center">
                                                <div class="d-flex flex-column">
                                                    <label
                                                        class="img-box d-flex align-items-center justify-content-center"
                                                        id="edit_project_document_image_label"
                                                        for="edit_project_document_image">
                                                        <span class="img-title"
                                                            id="edit_project_document_image_title">انتخاب تصویر</span>
                                                        <img class="img-preview"
                                                            id="edit_project_document_image_preview" src="" alt="" />
                                                    </label>
                                                </div>
                                                <input type="file" name="edit_project_document_image"
                                                    id="edit_project_document_image" class="img-input d-none"
                                                    accept=".jpg, .png">
                                            </div>
                                        </div>
                                        <div class="col-4 d-flex flex-column align-items-center pb-3">
                                            <label for="">ویدیو <small>(اختیاری)</small></label>
                                            <div class="file col d-flex justify-content-center">
                                                <div class="d-flex flex-column">
                                                    <label
                                                        class="file-box d-flex align-items-center justify-content-center"
                                                        id="edit_project_document_video_label"
                                                        for="edit_project_document_video">
                                                        <span class="file-title" data-default-text="انتخاب ویدیو"
                                                            id="edit_project_document_video_title">انتخاب ویدیو</span>
                                                    </label>
                                                    <button class="btn-delete-file btn btn-danger btn-sm"
                                                        id="edit_project_document_video_delete" disabled>حذف</button>
                                                </div>
                                                <input type="file" name="edit_project_document_video"
                                                    id="edit_project_document_video" class="file-input d-none"
                                                    accept=".mp4">
                                            </div>
                                        </div>
                                        <div class="col-4 d-flex flex-column align-items-center pb-3">
                                            <label for="">فایل <small>(اختیاری)</small></label>
                                            <div class="file col d-flex justify-content-center">
                                                <div class="d-flex flex-column">
                                                    <label
                                                        class="file-box d-flex align-items-center justify-content-center"
                                                        id="edit_project_document_technical_label"
                                                        for="edit_project_document_technical">
                                                        <span class="file-title" data-default-text="انتخاب فایل"
                                                            id="edit_project_document_technical_title">انتخاب
                                                            فایل</span>
                                                    </label>
                                                    <button class="btn-delete-file btn btn-danger btn-sm"
                                                        id="edit_project_document_technical_delete"
                                                        disabled>حذف</button>
                                                </div>
                                                <input type="file" name="edit_project_document_technical"
                                                    id="edit_project_document_technical" class="file-input d-none"
                                                    accept=".pdf, .doc, .docx">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </fieldset>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button class="cancel btn btn-danger" data-dismiss="modal" aria-label="Close">انصراف</button>
                    <button class="btn btn-primary" id="btn_edit_project">ویرایش پروژه</button>
                    <input type="hidden" name="edit_project_id" id="edit_project_id">
                </div>
            </div>
        </div>
    </div>
    <div tabindex="-1" role="dialog" id="modal_oprations" class="modal animated zoomIn fade">
        <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg">
            <div class="modal-content">
                <div class="modal-header d-flex align-items-center justify-content-between">
                    <p class="modal-title">
                        <span class="pl-2">نمایش نوع عملیات</span>(<span id="modal_unique_code"></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 form-parents">
                    <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>
                    <div class="row mb-3">
                        <div class="col">
                            <input class="form-control" type="text" id="modal_oprations_type_fa1" disabled>
                        </div>
                        <div class="col">
                            <input class="form-control" type="text" id="modal_oprations_type_amount1" disabled>
                        </div>
                        <div class="col">
                            <input class="form-control" type="text" id="modal_oprations_type_unit1" disabled>
                        </div>
                    </div>
                    <div class="row mb-3">
                        <div class="col">
                            <input class="form-control" type="text" id="modal_oprations_type_fa2" disabled>
                        </div>
                        <div class="col">
                            <input class="form-control" type="text" id="modal_oprations_type_amount2" disabled>
                        </div>
                        <div class="col">
                            <input class="form-control" type="text" id="modal_oprations_type_unit2" disabled>
                        </div>
                    </div>
                    <div class="row mb-3">
                        <div class="col">
                            <input class="form-control" type="text" id="modal_oprations_type_fa3" disabled>
                        </div>
                        <div class="col">
                            <input class="form-control" type="text" id="modal_oprations_type_amount3" disabled>
                        </div>
                        <div class="col">
                            <input class="form-control" type="text" id="modal_oprations_type_unit3" disabled>
                        </div>
                    </div>
                    <div class="row mb-3">
                        <div class="col">
                            <input class="form-control" type="text" id="modal_oprations_type_fa4" disabled>
                        </div>
                        <div class="col">
                            <input class="form-control" type="text" id="modal_oprations_type_amount4" disabled>
                        </div>
                        <div class="col">
                            <input class="form-control" type="text" id="modal_oprations_type_unit4" disabled>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class='parent-excel filter-box'>
        <div class="row mt-2 form-parents">
            <div class="col-12 mb-2 mb-2">
                <select id="province_excel" class="form-control select-filter-province" name="province_excel">
                </select>
            </div>
            <div class="col-12 text-left">
                <button id="btn_excel_download" class="btn-set-filter btn-set-excel 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>
<!-- 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/proposal.js?_='). mt_rand(1, 99999999999) }}"></script>
@endsection