Files

1235 lines
69 KiB
PHP
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
@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