@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/lawmakers.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-lawmaker-btn mt-2 table-add-btn"><span class="pl-1">+</span>ثبت مکاتبه جدید</button>
        </div>
        <table id="table_lawmakers" dir="rtl" class="table table-striped table-bordered table-project" style="width: 100%;">
            <thead>
                <tr>
                    <th>ردیف</th>
                    <th>کد پیگیری</th>
                    <th>استان</th>
                    <th>حوزه انتخابیه</th>
                    <th>نام نماینده</th>
                    <th>پروژه یا موضوع درخواستی</th>
                    <th>واحد</th>
                    <th>مقدار</th>
                    <th>اعتبار مورد نیاز<br /><small>(میلیارد ریال)</small></th>
                    <th>اعتبار ملی<br /><small>(میلیارد ریال)</small></th>
                    <th>اعتبار استانی<br /><small>(میلیارد ریال)</small></th>
                    <th>مجوز ابلاغی<br /><small>(میلیارد ریال)</small></th>
                    <th>اقدامات انجام شده توسط ستاد</th>
                    <th>اقدامات انجام شده توسط استان</th>
                    <th>اقدامات آتی لازم</th>
                    <th>آخرین وضعیت</th>
                    <th>تاریخ آخرین بروزرسانی</th>
                    <th>عملیات</th>
                </tr>
            </thead>
        </table>
    </div>

    <div id="modal_add_lawmaker" 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-4 form-group">
                                            <label for="add_lawmaker_province">استان</label>
                                            <select class="form-control select-lawmaker select-lawmaker-province" name="add_lawmaker_province" id="add_lawmaker_province"></select>
                                        </div>
                                        <div class="col-4 form-group">
                                            <label for="add_lawmaker_constituency">حوزه انتخابیه</label>
                                            <select class="form-control select-lawmaker select-lawmaker-constituency" name="add_lawmaker_constituency" id="add_lawmaker_constituency"></select>
                                        </div>
                                        <div class="col-4 form-group">
                                            <label for="add_lawmaker_name">نام نماینده</label>
                                            <input type="text" class="form-control input-lawmaker" name="add_lawmaker_name"
                                                id="add_lawmaker_name" placeholder="نام نماینده" />
                                        </div>
                                    </div>
                                </div>
                            </fieldset>
                            <fieldset class="fieldsetstyle mb-3">
                                <legend class="text-center">اطلاعات پروژه</legend>
                                <div class="col-12 form-parents">
                                    <div class="row">
                                        <div class="col-6 form-group">
                                            <label for="add_lawmaker_project_name">پروژه یا موضوع درخواستی</label>
                                            <input type="text" class="form-control input-lawmaker" name="add_lawmaker_project_name"
                                                id="add_lawmaker_project_name" placeholder="پروژه یا موضوع درخواستی" />
                                        </div>
                                        <div class="col-3 form-group">
                                            <label for="add_lawmaker_unit">واحد</label>
                                            <select class="form-control select-lawmaker" name="add_lawmaker_unit" id="add_lawmaker_unit"></select>
                                        </div>
                                        <div class="col-3 form-group">
                                            <label for="add_lawmaker_amount">مقدار</label>
                                            <input type="number" class="form-control text-center input-lawmaker" name="add_lawmaker_amount" id="add_lawmaker_amount" placeholder="مقدار">
                                        </div>
                                    </div>
                                </div>
                            </fieldset>
                            <fieldset class="fieldsetstyle mb-3">
                                <legend class="text-center">اطلاعات مالی</legend>
                                <div class="col-12 form-parents">
                                    <div class="row">
                                        <div class="col-12 form-group d-flex align-items-center lawmaker-credit-box">
                                            <div class="col-4">
                                                <label for="add_lawmaker_total_credit">مبلغ اعتبار مورد نیاز <small>(میلیارد ریال)</small></label>
                                            </div>
                                            <div class="col-4">
                                                <input type="number" class="form-control text-center input-lawmaker-credit" name="add_lawmaker_total_credit"
                                                id="add_lawmaker_total_credit" placeholder="مبلغ اعتبار مورد نیاز" />
                                            </div>
                                            <div class="col-4 text-center">
                                                <span class="col text-center span-lawmaker-credit" id="add_lawmaker_total_credit_span" style="color: #810000;">0</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 form-group d-flex align-items-center lawmaker-credit-box">
                                            <div class="col-4">
                                                <label for="add_lawmaker_national_credit">مبلغ اعتبار ملی <small>(میلیارد ریال)</small></label>
                                            </div>
                                            <div class="col-4">
                                                <input type="number" class="form-control text-center input-lawmaker-credit" name="add_lawmaker_national_credit"
                                                id="add_lawmaker_national_credit" placeholder="مبلغ اعتبار ملی" />
                                            </div>
                                            <div class="col-4 text-center">
                                                <span class="col text-center span-lawmaker-credit" id="add_lawmaker_national_credit_span" style="color: #810000;">0</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 form-group d-flex align-items-center lawmaker-credit-box">
                                            <div class="col-4">
                                                <label for="add_lawmaker_province_credit">مبلغ اعتبار استانی <small>(میلیارد ریال)</small></label>
                                            </div>
                                            <div class="col-4">
                                                <input type="number" class="form-control text-center input-lawmaker-credit" name="add_lawmaker_province_credit"
                                                id="add_lawmaker_province_credit" placeholder="مبلغ اعتبار استانی" />
                                            </div>
                                            <div class="col-4 text-center">
                                                <span class="col text-center span-lawmaker-credit" id="add_lawmaker_province_credit_span" style="color: #810000;">0</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 form-group d-flex align-items-center lawmaker-credit-box">
                                            <div class="col-4">
                                                <label for="add_lawmaker_licence_credit">مبلغ مجوز ابلاغی <small>(میلیارد ریال)</small></label>
                                            </div>
                                            <div class="col-4">
                                                <input type="number" class="form-control text-center input-lawmaker-credit" name="add_lawmaker_licence_credit"
                                                id="add_lawmaker_licence_credit" placeholder="مبلغ مجوز ابلاغی" />
                                            </div>
                                            <div class="col-4 text-center">
                                                <span class="col text-center span-lawmaker-credit" id="add_lawmaker_licence_credit_span" style="color: #810000;">0</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </fieldset>
                            <fieldset class="fieldsetstyle mb-3">
                                <legend class="text-center">اقدامات</legend>
                                <div class="col-12 form-parents">
                                    <div class="row">
                                        <div class="col-6 form-group">
                                            <label for="add_lawmaker_preaction_by_setad">اقدامات انجام شده توسط ستاد</label>
                                            <textarea class="form-control input-lawmaker" name="add_lawmaker_preaction_by_setad" id="add_lawmaker_preaction_by_setad" rows="3"></textarea>
                                        </div>
                                        <div class="col-6 form-group">
                                            <label for="add_lawmaker_action_by_province">اقدامات انجام شده توسط استان</label>
                                            <textarea class="form-control input-lawmaker" name="add_lawmaker_action_by_province" id="add_lawmaker_action_by_province" rows="3"></textarea>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 form-group">
                                            <label for="add_lawmaker_needed_actions">اقدامات آتی لازم</label>
                                            <textarea class="form-control input-lawmaker" name="add_lawmaker_needed_actions" id="add_lawmaker_needed_actions" rows="3"></textarea>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 form-group">
                                            <label for="add_lawmaker_last_action">آخرین وضعیت</label>
                                            <textarea class="form-control input-lawmaker" name="add_lawmaker_last_action" id="add_lawmaker_last_action" rows="3"></textarea>
                                        </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_lawmaker">ثبت مکاتبه</button>
                </div>
            </div>
        </div>
    </div>

    <div id="modal_edit_lawmaker" 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-4 form-group">
                                            <label for="edit_lawmaker_province">استان</label>
                                            <select class="form-control select-lawmaker select-lawmaker-province" name="edit_lawmaker_province" id="edit_lawmaker_province"></select>
                                        </div>
                                        <div class="col-4 form-group">
                                            <label for="edit_lawmaker_constituency">حوزه انتخابیه</label>
                                            <select class="form-control select-lawmaker select-lawmaker-constituency" name="edit_lawmaker_constituency" id="edit_lawmaker_constituency"></select>
                                        </div>
                                        <div class="col-4 form-group">
                                            <label for="edit_lawmaker_name">نام نماینده</label>
                                            <input type="text" class="form-control input-lawmaker" name="edit_lawmaker_name"
                                                id="edit_lawmaker_name" placeholder="نام نماینده" />
                                        </div>
                                    </div>
                                </div>
                            </fieldset>
                            <fieldset class="fieldsetstyle mb-3">
                                <legend class="text-center">اطلاعات پروژه</legend>
                                <div class="col-12 form-parents">
                                    <div class="row">
                                        <div class="col-6 form-group">
                                            <label for="edit_lawmaker_project_name">پروژه یا موضوع درخواستی</label>
                                            <input type="text" class="form-control input-lawmaker" name="edit_lawmaker_project_name"
                                                id="edit_lawmaker_project_name" placeholder="پروژه یا موضوع درخواستی" />
                                        </div>
                                        <div class="col-3 form-group">
                                            <label for="edit_lawmaker_unit">واحد</label>
                                            <select class="form-control select-lawmaker" name="edit_lawmaker_unit" id="edit_lawmaker_unit"></select>
                                        </div>
                                        <div class="col-3 form-group">
                                            <label for="edit_lawmaker_amount">مقدار</label>
                                            <input type="number" class="form-control text-center input-lawmaker" name="edit_lawmaker_amount" id="edit_lawmaker_amount" placeholder="مقدار">
                                        </div>
                                    </div>
                                </div>
                            </fieldset>
                            <fieldset class="fieldsetstyle mb-3">
                                <legend class="text-center">اطلاعات مالی</legend>
                                <div class="col-12 form-parents">
                                    <div class="row">
                                        <div class="col-12 form-group d-flex align-items-center lawmaker-credit-box">
                                            <div class="col-4">
                                                <label for="edit_lawmaker_total_credit">مبلغ اعتبار مورد نیاز <small>(میلیارد ریال)</small></label>
                                            </div>
                                            <div class="col-4">
                                                <input type="number" class="form-control text-center input-lawmaker-credit" name="edit_lawmaker_total_credit"
                                                id="edit_lawmaker_total_credit" placeholder="مبلغ اعتبار مورد نیاز" />
                                            </div>
                                            <div class="col-4 text-center">
                                                <span class="col text-center span-lawmaker-credit" id="edit_lawmaker_total_credit_span" style="color: #810000;">0</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 form-group d-flex align-items-center lawmaker-credit-box">
                                            <div class="col-4">
                                                <label for="edit_lawmaker_national_credit">مبلغ اعتبار ملی <small>(میلیارد ریال)</small></label>
                                            </div>
                                            <div class="col-4">
                                                <input type="number" class="form-control text-center input-lawmaker-credit" name="edit_lawmaker_national_credit"
                                                id="edit_lawmaker_national_credit" placeholder="مبلغ اعتبار ملی" />
                                            </div>
                                            <div class="col-4 text-center">
                                                <span class="col text-center span-lawmaker-credit" id="edit_lawmaker_national_credit_span" style="color: #810000;">0</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 form-group d-flex align-items-center lawmaker-credit-box">
                                            <div class="col-4">
                                                <label for="edit_lawmaker_province_credit">مبلغ اعتبار استانی <small>(میلیارد ریال)</small></label>
                                            </div>
                                            <div class="col-4">
                                                <input type="number" class="form-control text-center input-lawmaker-credit" name="edit_lawmaker_province_credit"
                                                id="edit_lawmaker_province_credit" placeholder="مبلغ اعتبار استانی" />
                                            </div>
                                            <div class="col-4 text-center">
                                                <span class="col text-center span-lawmaker-credit" id="edit_lawmaker_province_credit_span" style="color: #810000;">0</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 form-group d-flex align-items-center lawmaker-credit-box">
                                            <div class="col-4">
                                                <label for="edit_lawmaker_licence_credit">مبلغ مجوز ابلاغی <small>(میلیارد ریال)</small></label>
                                            </div>
                                            <div class="col-4">
                                                <input type="number" class="form-control text-center input-lawmaker-credit" name="edit_lawmaker_licence_credit"
                                                id="edit_lawmaker_licence_credit" placeholder="مبلغ مجوز ابلاغی" />
                                            </div>
                                            <div class="col-4 text-center">
                                                <span class="col text-center span-lawmaker-credit" id="edit_lawmaker_licence_credit_span" style="color: #810000;">0</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </fieldset>
                            <fieldset class="fieldsetstyle mb-3">
                                <legend class="text-center">اقدامات</legend>
                                <div class="col-12 form-parents">
                                    <div class="row">
                                        <div class="col-6 form-group">
                                            <label for="edit_lawmaker_preaction_by_setad">اقدامات انجام شده توسط ستاد</label>
                                            <textarea class="form-control input-lawmaker" name="edit_lawmaker_preaction_by_setad" id="edit_lawmaker_preaction_by_setad" rows="3"></textarea>
                                        </div>
                                        <div class="col-6 form-group">
                                            <label for="edit_lawmaker_action_by_province">اقدامات انجام شده توسط استان</label>
                                            <textarea class="form-control input-lawmaker" name="edit_lawmaker_action_by_province" id="edit_lawmaker_action_by_province" rows="3"></textarea>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 form-group">
                                            <label for="edit_lawmaker_needed_actions">اقدامات آتی لازم</label>
                                            <textarea class="form-control input-lawmaker" name="edit_lawmaker_needed_actions" id="edit_lawmaker_needed_actions" rows="3"></textarea>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 form-group">
                                            <label for="edit_lawmaker_last_action">آخرین وضعیت</label>
                                            <textarea class="form-control input-lawmaker" name="edit_lawmaker_last_action" id="edit_lawmaker_last_action" rows="3"></textarea>
                                        </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_lawmaker">ویرایش مکاتبه</button>
                    <input type="hidden" name="edit_lawmaker_id" id="edit_lawmaker_id">
                </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 mb-2 mb-2">
                <select id="constituency_excel" class="form-control select-filter-constituency" name="constituency_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>
<!-- 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/lawmakers.js?_='). mt_rand(1, 99999999999) }}"></script>
@endsection