@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_points/create.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 id="add-project-button" class="mt-2 table-add-btn"><span class="pl-1">+</span>راهدارخانه جدید</button>
        </div>
        <table class="table table-striped table-bordered projects" id="example" style="width: 100%">
            <thead>
                <tr class="headercolortable">
                    <th class="tablefontheader" style="width: 3%; padding-right: 10px">
                        ردیف
                    </th>
                    <th class="tablefontheader" style="width: 8%">
                        نام راهدارخانه
                    </th>
                    <th class="tablefontheader" style="width: 6%">
                        استان /اداره کل
                    </th>
                    <th class="tablefontheader" style="width: 3%">
                        شهرستان
                    </th>
                    <th class="tablefontheader" style="width: 3%">
                        وضعیت
                    </th>
                    <th class="tablefontheader" style="width: 3%">
                        نوع
                    </th>
                    <th class="tablefontheader" style="width: 4%">
                        تلفن
                    </th>
                    <th class="tablefontheader" style="width: 4%; font-size: 11px">
                        تعداد اکیپ
                    </th>

                    <th class="tablefontheader" style="width: 6%">
                        تعداد پرسنل
                    </th>

                    <th class="tablefontheader" style="width: 7%">
                        مسئول
                    </th>
                    <th class="tablefontheader" style="width: 6%">
                        شماره مسئول
                    </th>
                    <th class="tablefontheader" style="width: 8%">
                        جانشین
                    </th>
                    <th class="tablefontheader" style="width: 6%">
                        شماره جانشین
                    </th>
                    <th class="tablefontheader" style="width: 6%">
                        ماشین آلات سبک
                    </th>
                    <th class="tablefontheader" style="width: 8%">
                        ماشین آلات نیمه سنگین
                    </th>
                    <th class="tablefontheader" style="width: 6%">
                        ماشین آلات سنگین
                    </th>
                    <th class="tablefontheader" style="width: 1%">
                        عرض جغرافیایی
                    </th>
                    <th class="tablefontheader" style="width: 1%">
                        طول جغرافیایی
                    </th>
                    <th class="tablefontheader text-nowrap" style="width: 6%">
                        آخرین تاریخ بروزرسانی
                    </th>
                    <th class="tablefontheader" style="width: 18%">
                        عملیات
                    </th>
                </tr>
            </thead>
        </table>
    </div>
    <div class="update-main" id="update-main" style="display: none">
        <!-- Default box -->
        <div id="projectupdate-list-card" class="card">
            <div class="card-header" id="update-title">
                <!-- <h3 class="card-title">
                      بروزرسانی آخرین وضعیت پروژه
                    </h3> -->
            </div>
            <div class="card-body table-responsive p-4">
                <table class="table table-striped table-bordered projects" id="exampleupdate">
                    <thead>
                        <tr class="headercolortable">
                            <th colspan="2" class="tablefontheader" style="width: 3%; padding-right: 10px">
                                روکش آسفالت
                            </th>
                            <th colspan="2" class="tablefontheader" style="width: 8%">
                                ماسه آسفالت و رگلاژی
                            </th>
                            <th colspan="2" class="tablefontheader" style="width: 8%">
                                بازیافت سرد/گرم
                            </th>
                            <th colspan="2" class="tablefontheader" style="width: 12%">
                                میکروسرفیسینگ
                            </th>
                            <th colspan="2" class="tablefontheader" style="width: 7%">
                                چیپ سیل
                            </th>
                            <th colspan="2" class="tablefontheader" style="width: 9%">
                                اسلاری سیل
                            </th>
                            <th colspan="2" class="tablefontheader" style="width: 8%; font-size: 11px">
                                اسکراب سیل
                            </th>
                            <th colspan="2" class="tablefontheader" style="width: 7%">
                                فوگ سیل
                            </th>
                            <th colspan="2" class="tablefontheader" style="width: 6%">
                                سیل کت
                            </th>
                            <th colspan="2" class="tablefontheader" style="width: 6%; white-space: nowrap">
                                کیپ سیل
                            </th>
                            <th colspan="2" class="tablefontheader" style="width: 6%">
                                آسفالت سرد/ردمیکس
                            </th>
                            <th colspan="3" class="tablefontheader" style="width: 6%">
                                لکه گیری
                            </th>
                            <th colspan="2" class="tablefontheader" style="width: 6%">
                                درز گیری
                            </th>
                            <th rowspan="2" class="tablefontheader" style="width: 10%">
                                آخرین وضعیت پروژه
                            </th>
                            <th rowspan="2" class="tablefontheader" style="width: 6%">
                                درصد پیشرفت فیزیکی
                            </th>
                            <th rowspan="2" class="tablefontheader" style="width: 8%">
                                عملیات
                            </th>
                        </tr>
                        <tr style="background-color: #9abbd3">
                            <th style="font-size: 10px; font-weight: 500">
                                <small>کیلومتر</small>
                            </th>
                            <th style="font-size: 10px; font-weight: 500">
                                <small>تناژ</small>
                            </th>
                            <th style="font-size: 10px; font-weight: 500">
                                <small>کیلومتر</small>
                            </th>
                            <th style="
                                font-size: 10px;
                                font-weight: 500;
                                width: 3%;
                              ">
                                <small>تناژ</small>
                            </th>
                            <th style="font-size: 10px; font-weight: 500">
                                <small>کیلومتر</small>
                            </th>
                            <th style="font-size: 10px; font-weight: 500">
                                <small>تناژ</small>
                            </th>
                            <th style="font-size: 10px; font-weight: 500">
                                <small>کیلومتر</small>
                            </th>
                            <th style="
                                font-size: 10px;
                                font-weight: 500;
                                width: 3%;
                              ">
                                <small>تناژ</small>
                            </th>
                            <th style="font-size: 10px; font-weight: 500">
                                <small>کیلومتر</small>
                            </th>
                            <th style="font-size: 10px; font-weight: 500">
                                <small>تناژ</small>
                            </th>
                            <th style="font-size: 10px; font-weight: 500">
                                <small>کیلومتر</small>
                            </th>
                            <th style="
                                font-size: 10px;
                                font-weight: 500;
                                width: 3%;
                              ">
                                <small>تناژ</small>
                            </th>
                            <th style="font-size: 10px; font-weight: 500">
                                <small>کیلومتر</small>
                            </th>
                            <th style="
                                font-size: 10px;
                                font-weight: 500;
                                width: 3%;
                              ">
                                <small>تناژ</small>
                            </th>
                            <th style="font-size: 10px; font-weight: 500">
                                <small>کیلومتر</small>
                            </th>
                            <th style="
                                font-size: 10px;
                                font-weight: 500;
                                width: 3%;
                              ">
                                <small>تناژ</small>
                            </th>
                            <th style="font-size: 10px; font-weight: 500">
                                <small>کیلومتر</small>
                            </th>
                            <th style="
                                font-size: 10px;
                                font-weight: 500;
                                width: 3%;
                              ">
                                <small>تناژ</small>
                            </th>
                            <th style="font-size: 10px; font-weight: 500">
                                <small>کیلومتر</small>
                            </th>
                            <th style="
                                font-size: 10px;
                                font-weight: 500;
                                width: 3%;
                              ">
                                <small>تناژ</small>
                            </th>
                            <th style="font-size: 10px; font-weight: 500">
                                <small>کیلومتر</small>
                            </th>
                            <th style="
                                font-size: 10px;
                                font-weight: 500;
                                width: 3%;
                              ">
                                <small>تناژ</small>
                            </th>
                            <th style="font-size: 10px; font-weight: 500">
                                <small>کیلومتر</small>
                            </th>
                            <th style="
                                font-size: 10px;
                                font-weight: 500;
                                width: 3%;
                              ">
                                <small>متر مربع</small>
                            </th>
                            <th style="
                                font-size: 10px;
                                font-weight: 500;
                                width: 3%;
                              ">
                                <small> تناژ</small>
                            </th>
                            <th style="
                                font-size: 10px;
                                font-weight: 500;
                                width: 3%;
                              ">
                                <small> کیلومتر</small>
                            </th>
                        </tr>
                    </thead>
                </table>
            </div>
            <!-- /.card-body -->
        </div>
        <!-- /.card -->
    </div>
    <div class="tool-main up" id="tool-main" style="display: none">
        <!-- Default box -->
        <div id="projecttool-list-card" class="card">
            <div class="card-header" id="distance-title">
                <!-- <h3 class="card-title" id="distance-title">
                      طول پروژه به کیلومتر
                    </h3> -->
            </div>
            <div class="card-body table-responsive p-4">
                <table class="table table-striped table-bordered projects" id="exampletool" style="width: 100%">
                    <thead>
                        <tr class="headercolortable">
                            <th class="tablefontheader" style="width: 6%">
                                روکش آسفالت
                            </th>
                            <th class="tablefontheader" style="width: 6%">
                                ماسه آسفالت
                            </th>
                            <th class="tablefontheader" style="width: 7%">
                                بازیافت سرد و گرم
                            </th>
                            <th class="tablefontheader" style="width: 5%">
                                میگروسرفیسینگ
                            </th>
                            <th class="tablefontheader" style="width: 5%">
                                چیپ سیل
                            </th>
                            <th class="tablefontheader" style="width: 6%">
                                اسلاری سیل
                            </th>
                            <th class="tablefontheader" style="width: 6%">
                                اسکراب سیل
                            </th>
                            <th class="tablefontheader" style="width: 5%">
                                فوگ سیل
                            </th>
                            <th class="tablefontheader" style="width: 5%">
                                سیل کت
                            </th>
                            <th class="tablefontheader" style="width: 5%">
                                کیپ سیل
                            </th>
                            <th class="tablefontheader" style="width: 9%">
                                آسفالت سرد/رد میکس
                            </th>
                            <th class="tablefontheader" style="width: 5%">
                                لگه گیری
                            </th>
                            <th class="tablefontheader" style="width: 5%">
                                درزگیری
                            </th>
                            <th class="tablefontheader" style="width: 12%; text-align: center">
                                عملیات
                            </th>
                        </tr>
                    </thead>
                </table>
            </div>
            <!-- /.card-body -->
        </div>
        <!-- /.card -->
    </div>
    <div class="update-main upnext" id="update-table" style="display: none">
        <div class="card" id="update-card">
            <div class="card-header">
                <!-- <h3 class="card-title" >
                                      بروزرسانی آخرین وضعیت پروژه
                                    </h3> -->
                <div id="title-update"></div>
                <div class="card-tools">
                    <button class="btn btn-success btn-sm" id="add-project-update">
                        <i class="fas fa-plus" style="font-size: 16px; vertical-align: middle"></i>
                        <span style="font-size: 14px"><b>بروزرسانی</b></span>
                    </button>
                </div>
            </div>
            <div class="card-body table-responsive p-5">
                <table class="table table-striped table-bordered projects" id="example-update" style="width: 100%">
                    <thead>
                        <tr class="colorset">
                            <th rowspan="2" style="width: 3%">ردیف</th>
                            <th rowspan="2" style="width: 7%">
                                تاریخ به روز رسانی
                            </th>
                            <th colspan="3" style="width: 5%">روکش آسفالت</th>
                            <th colspan="3" style="width: 5%">
                                ماسه آسفالت و رگلاژی
                            </th>
                            <th colspan="3" style="width: 5%">
                                بازیافت سرد و گرم
                            </th>
                            <th colspan="3" style="width: 5%">میکروسرفیسینگ</th>
                            <th colspan="3" style="width: 5%">چیپ سیل</th>
                            <th colspan="3" style="width: 5%">اسلاری سیل</th>
                            <th colspan="3" style="width: 5%">اسکراب سیل</th>
                            <th colspan="3" style="width: 5%">فوگ سیل</th>
                            <th colspan="3" style="width: 5%">سیل کت</th>
                            <th colspan="3" style="width: 5%">کیپ سیل</th>
                            <th colspan="3" style="width: 5%">
                                آسفالت سرد / ردمیکس
                            </th>
                            <th colspan="4" style="width: 5%">لکه گیری</th>
                            <th colspan="2" style="width: 5%">درزگیری</th>

                            <th rowspan="2" style="width: 5%">
                                آخرین وضعیت پروژه
                            </th>

                            <th rowspan="2" style="width: 10%">
                                موقعیت قرارگیری اکیپ
                            </th>
                        </tr>
                        <tr style="background-color: #9abbd3">
                            <th>کیلومتر</th>
                            <th>تناژ</th>
                            <th>درصد</th>
                            <th>کیلومتر</th>
                            <th>تناژ</th>
                            <th>درصد</th>
                            <th>کیلومتر</th>
                            <th>تناژ</th>
                            <th>درصد</th>
                            <th>کیلومتر</th>
                            <th>تناژ</th>
                            <th>درصد</th>
                            <th>کیلومتر</th>
                            <th>تناژ</th>
                            <th>درصد</th>
                            <th>کیلومتر</th>
                            <th>تناژ</th>
                            <th>درصد</th>
                            <th>کیلومتر</th>
                            <th>تناژ</th>
                            <th>درصد</th>
                            <th>کیلومتر</th>
                            <th>تناژ</th>
                            <th>درصد</th>
                            <th>کیلومتر</th>
                            <th>تناژ</th>
                            <th>درصد</th>
                            <th>کیلومتر</th>
                            <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>
    </div>

    <div class="modal fade" id="rahdaredit">
        <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
            <div class="modal-content">
                <!-- Modal Header -->
                <div class="modal-header">
                    <h4 class="modal-title">ویرایش راهدارخانه</h4>
                    <button type="button" class="close" data-dismiss="modal">
                        &times;
                    </button>
                </div>

                <!-- Modal body -->

                <div class="modal-body">
                    <form>
                        <input type="hidden" class="form-control" />
                        <div class="form-row">
                            <div class="form-group col-md-4">
                                <label for="inputCity"> راهدارخانه </label>
                                <input type="text" class="form-control" id="houserahdar" name="houserahdar" disabled />

                                </select>

                            </div>
                            <div class="form-group col-md-4">
                                <label for="inputCity"> اداره کل </label>
                                <!-- {{-- <input type="text" class="form-control" id="edarekol" name="edarekol" readonly="readonly" disabled /> --}} -->
                                <select class="form-control" name="edarekol" id="edarekol" disabled></select>
                            </div>
                            <div class="form-group col-md-4">
                                <label>
                                    شهرستان
                                </label>
                                <select class="form-control" style="font-size:12px" name="mainCity" id="mainCity">
                                    <!-- {{-- <option value="0" style="font-size:10px">انتخاب شهرستان</option> --}} -->
                                </select>
                                <!-- {{-- <label for="inputCity">شهرستان </label> --}} {{-- <input type="text" class="form-control" id="mainCity" name="mainCity" readonly="readonly" disabled /> --}} -->
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group col-md-4">
                                <label for="inputCity"> وضعیت </label>
                                <!-- <input type="text" class="form-control" id="sit" name="sit" /> -->
                                <select class="form-control" name="sit" id="sit">
                                    <option value="-1">وضعیت</option>
                                    <option value="1">فعال</option>
                                    <option value="0">غیر فعال</option>
                                </select>
                            </div>
                            <div class="form-group col-md-4">
                                <label for="inputCity">نوع </label>
                                <!-- <input type="text" class="form-control" id="type" name="type" /> -->
                                <select class="form-control" name="type" id="type">
                                    <option value="0">نوع</option>
                                    <option value="1">دائمی</option>
                                    <option value="3">موقت</option>
                                    <option value="2">فصلی</option>
                                </select>
                            </div>
                            <div class="form-group col-md-4">
                                <label for="inputCity"> تلفن</label>
                                <input type="number" class="form-control" id="phone" name="phone"
                                    onkeypress="preventNonNumericalInput(event)" />
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group col-md-6">
                                <label for="inputCity"> تعداد اکیپ </label>
                                <input type="number" min="0" class="form-control" id="ekipnum" name="ekipnum"
                                    onkeypress="preventNonNumericalInput(event)" />
                            </div>
                            <div class="form-group col-md-6">
                                <label for="inputCity">تعداد پرسنل </label>
                                <input type="number" min="0" class="form-control" id="personelnum" name="personelnum"
                                    onkeypress="preventNonNumericalInput(event)" />
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group col-md-6">
                                <label for="inputCity"> مسئول </label>
                                <input type="text" class="form-control" id="masol" name="masol" />
                            </div>
                            <div class="form-group col-md-6">
                                <label for="inputCity"> شماره تلفن مسئول </label>
                                <input type="number" class="form-control" id="masolmobile" name="masolmobile"
                                    onkeypress="preventNonNumericalInput(event)" />
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group col-md-6">
                                <label for="inputCity"> جانشین </label>
                                <input type="text" class="form-control" id="janeshin" name="janeshin" />
                            </div>
                            <div class="form-group col-md-6">
                                <label for="inputCity"> شماره تلفن جانشین </label>
                                <input type="number" class="form-control" id="janeshinmobile" name="janeshinmobile"
                                    onkeypress="preventNonNumericalInput(event)" />
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group col-md-4">
                                <label for="inputCity"> ماشین آلات سبک </label>
                                <input type="number" min="0" class="form-control" id="lightmachin" name="lightmachine"
                                    onkeypress="preventNonNumericalInput(event)" />
                            </div>
                            <div class="form-group col-md-4">
                                <label for="inputCity">
                                    ماشین آلات نیمه سنگین
                                </label>
                                <input type="number" min="0" class="form-control" id="mediummachin" name="meduimachin"
                                    onkeypress="preventNonNumericalInput(event)" />
                            </div>
                            <div class="form-group col-md-4">
                                <label for="inputCity"> ماشین آلات سنگین </label>
                                <input type="number" min="0" class="form-control" id="bigmachin" name="bigmachin"
                                    onkeypress="preventNonNumericalInput(event)" />
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="col-md-12 mb-3">
                                <div class="abrar-map-layout">
                                    <span class="abrar-map-title d-inline">ثبت موقعیت پروژه روی
                                        نقشه</span>
                                    <div id="edit-map"></div>
                                    <div class="row map-latlng-input-row">
                                        <div class="col-md-12">
                                            <div class="form-group map-latlng-form">
                                                <label class="required-label d-block text-center map-latlng-label">
                                                    ثبت دستی مختصات
                                                </label>
                                                <input name="abrar-project-latlng-start" type="text"
                                                    class="form-control input-cord map-latlng-input map-latlng-first-input-edit"
                                                    data-inputmask="'mask': '(99.999999) - (99.999999)'" data-mask
                                                    placeholder="(شروع) => (طول جغرافیایی) - (عرض جغرافیایی)" />
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-row">
                            <!-- mohammad added -->
                            <div class="col-6" style="float: right;">
                                <div class="img-box col d-flex justify-content-center" style="margin-bottom: 17px;">
                                    <div class="d-flex flex-column">
                                        <label class="imgbox d-flex align-items-center justify-content-center"
                                            for="deviceImg1">
                                            <span class="img-title" id="deviceImg1Title">نمای کلی از
                                                راهدارخانه</span>
                                            <img class="img-preview" id="deviceImg1Preview" src="" alt="" />
                                        </label>
                                        <button class="btn-delete-img btn btn-danger btn-sm" id="deleteDeviceImg1"
                                            type="button" disabled value="1"><i class="fa fa-trash"
                                                style="color: #fff;"></i></button>
                                    </div>
                                    <input type="file" name="deviceImg1" id="deviceImg1" class="img-input d-none"
                                        accept=".jpg, .png">
                                </div>
                            </div>
                            <div class="col-6" style="float: right;">
                                <div class="img-box col d-flex justify-content-center" style="margin-bottom: 17px;">
                                    <div class="d-flex flex-column">
                                        <label class="imgbox d-flex align-items-center justify-content-center"
                                            for="deviceImg2">
                                            <span class="img-title" id="deviceImg2Title">آشیانه ماشین آلات</span>
                                            <img class="img-preview" id="deviceImg2Preview" src="" alt="" />
                                        </label>
                                        <button class="btn-delete-img btn btn-danger btn-sm" id="deleteDeviceImg2"
                                            type="button" disabled value="2"><i class="fa fa-trash"
                                                style="color: #fff;"></i></button>
                                    </div>
                                    <input type="file" name="deviceImg2" id="deviceImg2" class="img-input d-none"
                                        accept=".jpg, .png">
                                </div>
                            </div>
                            <div class="col-6" style="float: right;">
                                <div class="img-box col d-flex justify-content-center" style="margin-bottom: 17px;">
                                    <div class="d-flex flex-column">
                                        <label class="imgbox d-flex align-items-center justify-content-center"
                                            for="deviceImg3">
                                            <span class="img-title" id="deviceImg3Title">انبار شن و ماسه</span>
                                            <img class="img-preview" id="deviceImg3Preview" src="" alt="" />
                                        </label>
                                        <button class="btn-delete-img btn btn-danger btn-sm" id="deleteDeviceImg3"
                                            type="button" disabled value="3"><i class="fa fa-trash"
                                                style="color: #fff;"></i></button>
                                    </div>
                                    <input type="file" name="deviceImg3" id="deviceImg3" class="img-input d-none"
                                        accept=".jpg, .png">
                                </div>
                            </div>
                            <div class="col-6" style="float: right;">
                                <div class="img-box col d-flex justify-content-center" style="margin-bottom: 17px;">
                                    <div class="d-flex flex-column">
                                        <label class="imgbox d-flex align-items-center justify-content-center"
                                            for="deviceImg4">
                                            <span class="img-title" id="deviceImg4Title">محیط کاری</span>
                                            <img class="img-preview" id="deviceImg4Preview" src="" alt="" />
                                        </label>
                                        <button class="btn-delete-img btn btn-danger btn-sm" id="deleteDeviceImg4"
                                            type="button" disabled value="4"><i class="fa fa-trash"
                                                style="color: #fff;"></i></button>
                                    </div>
                                    <input type="file" name="deviceImg4" id="deviceImg4" class="img-input d-none"
                                        accept=".jpg, .png">
                                </div>
                            </div>
                            <div class="col-6" style="float: right;">
                                <div class="img-box col d-flex justify-content-center" style="margin-bottom: 17px;">
                                    <div class="d-flex flex-column">
                                        <label class="imgbox d-flex align-items-center justify-content-center"
                                            for="deviceImg5">
                                            <span class="img-title" id="deviceImg5Title">سایر تصاویر</span>
                                            <img class="img-preview" id="deviceImg5Preview" src="" alt="" />
                                        </label>
                                        <button class="btn-delete-img btn btn-danger btn-sm" id="deleteDeviceImg5"
                                            type="button" disabled value="5"><i class="fa fa-trash"
                                                style="color: #fff;"></i></button>
                                    </div>
                                    <input type="file" name="deviceImg5" id="deviceImg5" class="img-input d-none"
                                        accept=".jpg, .png">
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-primary float-left" id="editrahdar">
                                ثبت تغییرات
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- </div> -->
    <!-- for edit end -->
    <!-- for add -->
    <div class="modal fade" id="rahdariadd">
        <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
            <div class="modal-content">
                <!-- Modal Header -->
                <div class="modal-header">
                    <h4 class="modal-title">افزودن راهدارخانه</h4>
                    <button type="button" class="close" data-dismiss="modal">
                        &times;
                    </button>
                </div>

                <!-- Modal body -->

                <div class="modal-body">
                    <form>
                        <input type="hidden" class="form-control" id="rahdarid" />
                        <div class="form-row">
                            <div class="form-group col-md-4">
                                <label for="inputCity"> راهدارخانه </label>
                                <input type="text" class="form-control addrahdar" id="houserahdaradd"
                                    name="houserahdaradd" />
                                </select>

                            </div>
                            <div class="form-group col-md-4">
                                <label for="inputCity"> اداره کل </label>
                                <!-- {{-- <input type="text" class="form-control" id="edarekol" name="edarekol" readonly="readonly" disabled /> --}} -->
                                <select class="form-control addrahdar" name="edarekoladd" id="edarekoladd"></select>
                            </div>
                            <div class="form-group col-md-4">
                                <label>
                                    شهرستان
                                </label>
                                <select class="form-control addrahdar" style="font-size:12px" name="mainCityadd"
                                    id="mainCityadd">
                                    <!-- {{-- <option value="0" style="font-size:10px">انتخاب شهرستان</option> --}} -->
                                </select>
                                <!-- {{-- <label for="inputCity">شهرستان </label> --}} {{-- <input type="text" class="form-control" id="mainCity" name="mainCity" readonly="readonly" disabled /> --}} -->
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group col-md-4">
                                <label for="inputCity"> وضعیت </label>
                                <!-- <input type="text" class="form-control" id="sit" name="sit" /> -->
                                <select class="form-control addrahdar" name="sitadd" id="sitadd">
                                    <option value="-1">وضعیت</option>
                                    <option value="1">فعال</option>
                                    <option value="0">غیر فعال</option>
                                </select>
                            </div>
                            <div class="form-group col-md-4">
                                <label for="inputCity">نوع </label>
                                <!-- <input type="text" class="form-control" id="type" name="type" /> -->
                                <select class="form-control addrahdar" name="typeadd" id="typeadd">
                                    <option value="0">نوع</option>
                                    <option value="1">دائمی</option>
                                    <option value="3">موقت</option>
                                    <option value="2">فصلی</option>
                                </select>
                            </div>
                            <div class="form-group col-md-4">
                                <label for="inputCity"> تلفن</label>
                                <input type="number" class="form-control addrahdar" id="phoneadd" name="phoneadd"
                                    onkeypress="preventNonNumericalInput(event)" />
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group col-md-6">
                                <label for="inputCity"> تعداد اکیپ </label>
                                <input type="number" min="0" class="form-control addrahdar" id="ekipnumadd"
                                    name="ekipnumadd" onkeypress="preventNonNumericalInput(event)" />
                            </div>
                            <div class="form-group col-md-6">
                                <label for="inputCity">تعداد پرسنل </label>
                                <input type="number" min="0" class="form-control addrahdar" id="personelnumadd"
                                    name="personelnumadd" onkeypress="preventNonNumericalInput(event)" />
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group col-md-6">
                                <label for="inputCity"> مسئول </label>
                                <input type="text" class="form-control addrahdar" id="masoladd" name="masoladd" />
                            </div>
                            <div class="form-group col-md-6">
                                <label for="inputCity"> شماره تلفن مسئول </label>
                                <input type="number" class="form-control addrahdar" id="masolmobileadd"
                                    name="masolmobileadd" onkeypress="preventNonNumericalInput(event)" />
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group col-md-6">
                                <label for="inputCity"> جانشین </label>
                                <input type="text" class="form-control addrahdar" id="janeshinadd" name="janeshinadd" />
                            </div>
                            <div class="form-group col-md-6">
                                <label for="inputCity"> شماره تلفن جانشین </label>
                                <input type="number" class="form-control addrahdar" id="janeshinmobileadd"
                                    name="janeshinmobileadd" onkeypress="preventNonNumericalInput(event)" />
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group col-md-4">
                                <label for="inputCity"> ماشین آلات سبک </label>
                                <input type="number" min="0" class="form-control addrahdar" id="lightmachinadd"
                                    name="lightmachineadd" onkeypress="preventNonNumericalInput(event)" />
                            </div>
                            <div class="form-group col-md-4">
                                <label for="inputCity">
                                    ماشین آلات نیمه سنگین
                                </label>
                                <input type="number" min="0" class="form-control addrahdar" id="mediummachinadd"
                                    name="meduimachinadd" onkeypress="preventNonNumericalInput(event)" />
                            </div>
                            <div class="form-group col-md-4">
                                <label for="inputCity"> ماشین آلات سنگین </label>
                                <input type="number" min="0" class="form-control addrahdar" id="bigmachinadd"
                                    name="bigmachinadd" onkeypress="preventNonNumericalInput(event)" />
                            </div>
                        </div>
                        <!-- set map  -->
                        <div class="form-row">
                            <div class="col-md-12 mb-3">
                                <div class="abrar-map-layout">
                                    <span class="abrar-map-title d-inline">ثبت موقعیت پروژه روی
                                        نقشه</span>
                                    <div id="abrar-map"></div>
                                    <div class="row map-latlng-input-row">
                                        <div class="col-md-12">
                                            <div class="form-group map-latlng-form">
                                                <label class="required-label d-block text-center map-latlng-label">
                                                    ثبت دستی مختصات
                                                </label>
                                                <input name="abrar-project-latlng-start" type="text"
                                                    class="form-control input-cord map-latlng-input map-latlng-first-input"
                                                    data-inputmask="'mask': '(99.999999) - (99.999999)'" data-mask
                                                    placeholder="(شروع) => (طول جغرافیایی) - (عرض جغرافیایی)" />
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-row">
                            <!-- mohammad added -->
                            <div class="col-6" style="float: right;">
                                <div class="img-box col d-flex justify-content-center" style="margin-bottom: 17px;">
                                    <div class="d-flex flex-column">
                                        <label class="imgbox d-flex align-items-center justify-content-center"
                                            for="deviceImg1add">
                                            <span class="img-title" id="deviceImg1Titleadd">نمای کلی از
                                                راهدارخانه</span>
                                            <img class="img-preview" id="deviceImg1Previewadd" src="" alt="" />
                                        </label>
                                        <button class="btn-delete-img btn btn-danger btn-sm" type="button"
                                            id="deleteDeviceImg1add" disabled><i class="fa fa-trash"
                                                style="color: #fff;"></i></button>
                                    </div>
                                    <input type="file" name="deviceImg1add" id="deviceImg1add" class="img-input d-none"
                                        accept=".jpg, .png">
                                </div>
                            </div>
                            <div class="col-6" style="float: right;">
                                <div class="img-box col d-flex justify-content-center" style="margin-bottom: 17px;">
                                    <div class="d-flex flex-column">
                                        <label class="imgbox d-flex align-items-center justify-content-center"
                                            for="deviceImg2add">
                                            <span class="img-title" id="deviceImg2Titleadd">آشیانه ماشین آلات</span>
                                            <img class="img-preview" id="deviceImg2Previewadd" src="" alt="" />
                                        </label>
                                        <button class="btn-delete-img btn btn-danger btn-sm" type="button"
                                            id="deleteDeviceImg2add" disabled><i class="fa fa-trash"
                                                style="color: #fff;"></i></button>
                                    </div>
                                    <input type="file" name="deviceImg2add" id="deviceImg2add" class="img-input d-none"
                                        accept=".jpg, .png">
                                </div>
                            </div>
                            <div class="col-6" style="float: right;">
                                <div class="img-box col d-flex justify-content-center" style="margin-bottom: 17px;">
                                    <div class="d-flex flex-column">
                                        <label class="imgbox d-flex align-items-center justify-content-center"
                                            for="deviceImg3add">
                                            <span class="img-title" id="deviceImg3Titleadd">انبار شن و ماسه</span>
                                            <img class="img-preview" id="deviceImg3Previewadd" src="" alt="" />
                                        </label>
                                        <button class="btn-delete-img btn btn-danger btn-sm" type="button"
                                            id="deleteDeviceImg3add" disabled><i class="fa fa-trash"
                                                style="color: #fff;"></i></button>
                                    </div>
                                    <input type="file" name="deviceImg3add" id="deviceImg3add" class="img-input d-none"
                                        accept=".jpg, .png">
                                </div>
                            </div>
                            <div class="col-6" style="float: right;">
                                <div class="img-box col d-flex justify-content-center" style="margin-bottom: 17px;">
                                    <div class="d-flex flex-column">
                                        <label class="imgbox d-flex align-items-center justify-content-center"
                                            for="deviceImg4add">
                                            <span class="img-title" id="deviceImg4Titleadd">محیط کاری</span>
                                            <img class="img-preview" id="deviceImg4Previewadd" src="" alt="" />
                                        </label>
                                        <button class="btn-delete-img btn btn-danger btn-sm" type="button"
                                            id="deleteDeviceImg4add" disabled><i class="fa fa-trash"
                                                style="color: #fff;"></i></button>
                                    </div>
                                    <input type="file" name="deviceImg4add" id="deviceImg4add" class="img-input d-none"
                                        accept=".jpg, .png">
                                </div>
                            </div>
                            <div class="col-6" style="float: right;">
                                <div class="img-box col d-flex justify-content-center" style="margin-bottom: 17px;">
                                    <div class="d-flex flex-column">
                                        <label class="imgbox d-flex align-items-center justify-content-center"
                                            for="deviceImg5add">
                                            <span class="img-title" id="deviceImg5Titleadd">سایر تصاویر</span>
                                            <img class="img-preview" id="deviceImg5Previewadd" src="" alt="" />
                                        </label>
                                        <button class="btn-delete-img btn btn-danger btn-sm" id="deleteDeviceImg5add"
                                            disabled><i class="fa fa-trash" type="button"
                                                style="color: #fff;"></i></button>
                                    </div>
                                    <input type="file" name="deviceImg5add" id="deviceImg5add" class="img-input d-none"
                                        accept=".jpg, .png">
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-primary float-left" id="addrahdar">
                                ثبت
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>


    <!--location button start-->
    <div id="stepModalmaintenanceshow" class="modal animated zoomIn fade">
        <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-md">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLongTitle">
                        مشاهده موقعیت مکانی پروژه
                    </h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <!-- Modal body -->
                <div class="modal-body">
                    <div class="col-md-12">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="col-md-12 mb-3">
                                    <div class="abrar-map-layout">
                                        <span class="abrar-map-title d-inline">مشاهده موقعیت پروژه
                                            روی نقشه</span>
                                        <div id="abrarshow-map"></div>
                                        <!-- <div class="row map-latlng-input-row">
                                  <div class="col-md-12">
                                    <div class="form-group map-latlng-form">
                                      <label class="required-label d-block text-center map-latlng-label">
                                        ثبت دستی مختصات
                                      </label>
                                      <input name="abrar-project-latlng-startshow" type="text"
                                        class="form-control input-cord map-latlng-input map-latlng-first-inputshow"
                                        data-inputmask="'mask': '(99.999999) - (99.999999)'" data-mask
                                        placeholder="(شروع) => (طول جغرافیایی) - (عرض جغرافیایی)" />
                                    </div>
                                    <div class="form-group">
                                      <input name="abrar-project-latlng-endshow" type="text"
                                        class="form-control input-cord map-latlng-input map-latlng-sec-inputshow"
                                        data-inputmask="'mask': '(99.999999) - (99.999999)'" data-mask
                                        placeholder="(پایان) => (طول جغرافیایی) - (عرض جغرافیایی)" />
                                    </div>
                                  </div>
                                </div> -->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Modal footer -->
            </div>
        </div>
    </div>
    <div class="modal fade" id="exampleModalCenterStatic" tabindex="-1" role="dialog"
    aria-labelledby="exampleModalCenterTitleStatic" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">

                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div style="width: 100%">
                    <div class="row">
                        <div class="col-md-12 mb-3">
                            <div class="abrar-map-layout">
                                <span class="abrar-map-title d-inline">مشاهده موقعیت راهدارخانه روی
                                    نقشه</span>
                                <div id="abrar-map-static"></div>

                                <div class="row map-latlng-input-row">
                                    <div class="col-md-12"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger btn-prev" data-dismiss="modal">
                    انصراف
                </button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade show" id="stepModalprojecttype" style="display: none" aria-modal="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <!-- Modal Header -->
            <div class="modal-header">
                <h4 class="modal-title">انتخاب نوع پروژه</h4>
                <button type="button" class="close" data-dismiss="modal">
                    ×
                </button>
            </div>
            <!-- Modal body -->
            <div class="modal-body" style="display: block">
                <form>
                    <div class="form-row">
                        <div class="form-group col-md-6">
                            <div class="icheck-primary d-inline">
                                <input type="radio" id="roadmaintanace" name="projecttype" />
                                <label class="projecttypemodal" for="roadmaintanace" style="font-size: 11px">
                                    روکش آسفالت <small> (نگهداری راه )</small>
                                </label>
                            </div>
                        </div>
                        <div class="form-group col-md-6">
                            <div class="icheck-primary d-inline mr-0">
                                <input type="radio" id="reviewdangerpoint" name="projecttype" />
                                <label class="projecttypemodal" for="reviewdangerpoint" style="font-size: 11px">
                                    رفع نقاط حادثه خیز /پرتصادف
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="form-group col-md-6">
                            <div class="icheck-primary d-inline mr-0">
                                <input type="radio" id="improveroad" name="projecttype" />
                                <label class="projecttypemodal" for="improveroad" style="font-size: 11px">
                                    ارتقای ایمنی راه
                                </label>
                            </div>
                        </div>
                        <div class="form-group col-md-6">
                            <div class="icheck-primary d-inline">
                                <input type="radio" id="faniproject" name="projecttype" />
                                <label class="projecttypemodal" for="faniproject" style="font-size: 11px">ابنیه فنی
                                    <small>(نگهداری ابنیه فنی
                                        )</small>
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="form-group col-md-6">
                            <div class="icheck-primary d-inline mr-0">
                                <input type="radio" id="rahdarkhane" name="projecttype" />
                                <label class="projecttypemodal" for="rahdarkhane" style="font-size: 11px">
                                    راهدارخانه ها
                                    <small>(بهسازی و نوسازی )</small></label>
                            </div>
                        </div>
                        <div class="form-group col-md-6">
                            <div class="icheck-primary d-inline mr-0">
                                <input type="radio" id="projectbuild" name="projecttype" />
                                <label for="projectbuild" style="font-size: 11px">
                                    احداث راه روستایی</label>
                            </div>
                        </div>
                    </div>

                    <button type="button" class="btn btn-success float-left" id="approveprojecttype"
                        style="font-size: 13px">
                        تایید
                    </button>
                    <button type="button" class="btn btn-warning float-right" data-dismiss="modal"
                        style="font-size: 13px">
                        انصراف
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>
<!-- Image Upload Modal -->
<div class="modal fade" id="image-upload-modal">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <!-- Modal Header -->
            <div class="modal-header">
                <h4 class="modal-title">آپلود عکس</h4>

                <!-- {{--
                    <button type="button" class="close" data-dismiss="modal">
                    &times;
                  </button> --}} -->
            </div>
            <!-- Modal body -->
            <div class="modal-body" style="display: block"></div>
        </div>
    </div>
</div>
<!-- End Image Upload Modal -->
<!-- modal image subitem -->
<div tabindex="-1" role="dialog" id="subItemImgModal" class="modal animated zoomIn fade">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">تصاویر</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col">
                        <img id="imgSubItem1" class="img-thumbnail" src="" alt="">
                    </div>
                    <div class="col">
                        <img id="imgSubItem2" class="img-thumbnail" src="" alt="">
                    </div>
                    <div class="col">
                        <img id="imgSubItem3" class="img-thumbnail" src="" alt="">
                    </div>
                    <div class="col">
                        <img id="imgSubItem4" class="img-thumbnail" src="" alt="">
                    </div>
                    <div class="col">
                        <img id="imgSubItem5" class="img-thumbnail" src="" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- end modal image subitem -->
<div id="slideroverlay" class="slideroverlay">
    <div class="upload-confirm"></div>
    <!-- Modal content -->
    <div class="modal-content">
        <span class="close"></span>
        <div class="slideshow">
            <div id="slideshow-slide" class="slideshow-container">
                <a class="prev">&#10095;</a>
                <a class="next">&#10094;</a>
            </div>
            <br />
            <div id="slideshow-dot" style="text-align: center"></div>
        </div>
    </div>
</div>
<div class='parent-filter'>
    <div class="row mt-2">
        <div class="col-12">
            <select class="select-province form-control stylescroll">
            </select>
        </div>
        <div class="col-12 mt-2 mb-2">
            <select class="StatusRahdar form-control" name="StatusRahdar">
                <option value="-1">
                    وضعیت
                </option>
                <option value="1">
                    فعال
                </option>
                <option value="0">
                    غیر فعال
                </option>
            </select>
        </div>
        <div class="col-12 mt-2 mb-2">
            <select class="TypeRahdar form-control" name="TypeRahdar">
                <option value="0">
                    انتخاب نوع
                </option>
                <option value="2">
                    فصلی
                </option>
                <option value="1">
                    دائمی
                </option>
                <option value="3">
                    موقت
                </option>
            </select>
        </div>

        <div class="col-12 text-left"><button id="btn_filter_show" class="btn-set-filter px-2 py-1">فیلتر</button></div>
    </div>
</div>
@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_points/create.js?_='). mt_rand(1, 99999999999) }}"></script>
@endsection