688 lines
47 KiB
PHP
688 lines
47 KiB
PHP
@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/winter_camp/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-camp-btn" class="add-camp-btn mt-2 table-add-btn"><span class="pl-1">+</span>محور
|
||
انسدادی</button>
|
||
</div>
|
||
<table id="winter-camp-table" dir="rtl" class="table table-striped table-bordered table-project"
|
||
style="width: 100%;">
|
||
<thead>
|
||
<tr class="headercolortable">
|
||
<th class="tablefontheader" style="width: 3%;"> ردیف </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: 5%;"> علت انسداد </th>
|
||
<th class="tablefontheader" style="width: 6%;"> طول راه آسیب دیده (کیلومتر) </th>
|
||
<th class="tablefontheader" style="width: 6%;"> تعداد پل های آسیب دیده (ذهانه بزرگتر از 6 متر ) </th>
|
||
<th class="tablefontheader" style="width: 6%;"> تعداد پل های آسیب دیده (دهانه کوچکتر از 6 متر ) </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: 6%;"> توضیحات </th>
|
||
<th class="tablefontheader" style="width: 5%;"> برآورداولیه خسارت <small>(ملیون ریال)</small>
|
||
</th>
|
||
<th class="tablefontheader" style="width: 6%;"> تاریخ انسداد </th>
|
||
<th class="tablefontheader" style="width: 5%;"> پیش بینی تاریخ بازگشایی </th>
|
||
<th class="tablefontheader" style="width: 7%;"> تاریخ بازگشایی </th>
|
||
<th class="tablefontheader" style="width: 10%;">اطلاعات تکمیلی </th>
|
||
<th class="tablefontheader"> بازگشایی </th>
|
||
</tr>
|
||
</thead>
|
||
</table>
|
||
</div>
|
||
<div id="winter-camp-modal" 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">×</span>
|
||
</button>
|
||
</div>
|
||
<!-- Modal body -->
|
||
<div class="modal-body">
|
||
<div class="col-md-12">
|
||
<div class="row">
|
||
<div class="form-group col-md-4">
|
||
<label> اداره کل / استان </label>
|
||
<select class="form-control" name="province" id="add_camp_province"></select>
|
||
<label> شهرستان </label>
|
||
<select class="form-control" style="font-size:12px" name="town-edit" id="town-id">
|
||
<option value="0" disabled>انتخاب شهرستان</option>
|
||
</select>
|
||
<label for="axis-name"> نام محور </label>
|
||
<input type="text" class="form-control" name="axis-name" id="axis-name"
|
||
placeholder="نام محور" maxlength="50" />
|
||
<label> نوع محور </label>
|
||
<select class="form-control" name="axis-type" id="axis-type">
|
||
<option value="0" disabled>انتخاب نوع محور</option>
|
||
<option value="1">آزادراه</option>
|
||
<option value="5">بزرگراه</option>
|
||
<option value="2">اصلی</option>
|
||
<option value="3">فرعی</option>
|
||
<option value="4">روستایی</option>
|
||
</select>
|
||
<label> علت انسداد </label>
|
||
<select class="form-control" name="dicc-type" id="dicc-type-id">
|
||
<option value="0" disabled> علت انسداد</option>
|
||
<option value="1">برف</option>
|
||
<option value="2">سیل</option>
|
||
<option value="3">رانش و ریزش</option>
|
||
<option value="5"> طوفان شن </option>
|
||
<option value="4">سایر</option>
|
||
</select>
|
||
<label>پیش بینی تاریخ بازگشایی</label>
|
||
<select class="form-control" name="dicc-type" id="predict-type-id">
|
||
<option value="0" disabled> پیش بینی تاریخ بازگشایی </option>
|
||
<option value="1"> یک روزه </option>
|
||
<option value="2"> سه روزه</option>
|
||
<option value="3"> یک هفته </option>
|
||
<option value="4"> دو هفته </option>
|
||
<option value="5"> یک ماه </option>
|
||
<option value="6"> سه ماه </option>
|
||
<option value="7"> شش ماه </option>
|
||
<option value="8"> بیش از 6 ماه </option>
|
||
</select>
|
||
</div>
|
||
<div class="col-md-8">
|
||
<div class="col-md-12 mb-3">
|
||
<div class="abrar-map-layout">
|
||
<span class="abrar-map-title d-inline">ثبت موقعیت روی نقشه</span>
|
||
<div id="add-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="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 class="form-group">
|
||
<input name="project-latlng-end" type="text"
|
||
class="form-control input-cord map-latlng-input map-latlng-sec-input"
|
||
data-inputmask="'mask': '(99.999999) - (99.999999)'" data-mask
|
||
placeholder="(پایان) => (طول جغرافیایی) - (عرض جغرافیایی)" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-12">
|
||
<div class="row">
|
||
<div class="col-md-3">
|
||
<label> طول راه آسیب دیده <small>(کیلومتر)</small>
|
||
</label>
|
||
<input type="number" class="form-control" name="damage-road"
|
||
onkeypress="preventNonNumericalInput(event)" id="damage-road"
|
||
placeholder="کیلومتر" maxlength="50" min="0" />
|
||
</div>
|
||
<div class="col-md-3">
|
||
<label>برآورد اولیه خسارت <small>(ملیون ریال)</small>
|
||
</label>
|
||
<input type="number" class="form-control" name="milion"
|
||
onkeypress="preventNonNumericalInput(event)" id="milion"
|
||
placeholder="میلیون ریال" maxlength="50" min="0" />
|
||
</div>
|
||
<div class="col-md-3">
|
||
<label>تعداد پل های آسیب دیده <small>(دهانه بزرگتر از 6 متر )</small>
|
||
</label>
|
||
<input type="number" class="form-control" name="polha"
|
||
onkeypress="preventNonNumericalInput(event)" id="damage-pol-morethan"
|
||
placeholder="تعداد" maxlength="50" min="0" />
|
||
</div>
|
||
<div class="col-md-3">
|
||
<label>تعداد پل های آسیب دیده <small>(دهانه کوچکتر از 6 متر )</small>
|
||
</label>
|
||
<input type="number" class="form-control" name="polha"
|
||
onkeypress="preventNonNumericalInput(event)" id="damage-pol-lessthan"
|
||
placeholder="دستگاه" maxlength="50" min="0" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-12">
|
||
<div class="row">
|
||
<div class="col-md-3">
|
||
<label>سایر ابنیه فنی آسیب دیده</label>
|
||
<input type="number" class="form-control" name="polha"
|
||
onkeypress="preventNonNumericalInput(event)" id="damage-pol"
|
||
placeholder="دستگاه" maxlength="50" min="0" />
|
||
</div>
|
||
<div class="col-md-3">
|
||
<label> تعداد ماشین آلات فعال در محور </label>
|
||
<input type="number" class="form-control" name="machinery-count"
|
||
onkeypress="preventNonNumericalInput(event)" id="machinery-count"
|
||
placeholder="دستگاه" maxlength="50" min="0" />
|
||
</div>
|
||
<div class="col-md-3">
|
||
<label>تعداد عوامل راهدار فعال در محور </label>
|
||
<input type="number" class="form-control" name="active_rahdar"
|
||
onkeypress="preventNonNumericalInput(event)" id="active_rahdar"
|
||
placeholder="تعداد" maxlength="50" min="0" />
|
||
</div>
|
||
<div class="col-md-3">
|
||
<label>توضیحات </label>
|
||
<textarea class="form-control" id="extra-modal"></textarea>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-12" style="margin-top: 20px">
|
||
<div class="row">
|
||
<div class="col-md-1" style="display: none">
|
||
<div class="row">
|
||
<div class="form-group col-md-1">
|
||
<i class="fa fa-plus-circle"
|
||
style="
|
||
font-size: 20px;
|
||
margin-top: 30px;
|
||
color: #007bff;
|
||
"
|
||
aria-hidden="true" onclick="addTownBox()"></i>
|
||
<i class="fa fa-minus-circle"
|
||
style="
|
||
font-size: 20px;
|
||
color: #007bff;"
|
||
aria-hidden="true" onclick="removeTownBox()"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-group col-md-3">
|
||
<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 validity_checker imagebox1"
|
||
for="deviceImg1">
|
||
<span class="img-title" id="deviceImg1Title">انتخاب کنید</span>
|
||
<img class="img-preview" id="deviceImg1Preview" alt="" />
|
||
</label>
|
||
<button class="btn-delete-img btn btn-danger btn-sm" id="deleteDeviceImg1"
|
||
disabled>
|
||
<i class="fa fa-trash" style="color: #fff;"></i>
|
||
</button>
|
||
</div>
|
||
<input type="file" name="deviceImg1" id="deviceImg1"
|
||
class="img-input d-none" accept=".jpg, .png">
|
||
</div>
|
||
</div>
|
||
<div class="col-md-3">
|
||
<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 validity_checker imagebox2"
|
||
for="deviceImg2">
|
||
<span class="img-title" id="deviceImg2Title">انتخاب کنید</span>
|
||
<img class="img-preview" id="deviceImg2Preview" alt="" />
|
||
</label>
|
||
<button class="btn-delete-img btn btn-danger btn-sm" id="deleteDeviceImg2"
|
||
disabled>
|
||
<i class="fa fa-trash" style="color: #fff;"></i>
|
||
</button>
|
||
</div>
|
||
<input type="file" name="deviceImg2" id="deviceImg2"
|
||
class="img-input d-none" accept=".jpg, .png">
|
||
</div>
|
||
</div>
|
||
<div class="col-md-3" id="uploadBox3">
|
||
<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 validity_checker imagebox3"
|
||
for="deviceImg3">
|
||
<span class="img-title" id="deviceImg3Title">انتخاب کنید</span>
|
||
<img class="img-preview" id="deviceImg3Preview" alt="" />
|
||
</label>
|
||
<button class="btn-delete-img btn btn-danger btn-sm" id="deleteDeviceImg3"
|
||
disabled>
|
||
<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>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Modal footer -->
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-danger btn-prev cancel"> انصراف </button>
|
||
<button type="button" class="btn btn-primary btn-applyChange" id="submit-new-camp" disabled> ثبت
|
||
تغییرات </button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="winter-camp-modal-edit" 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">×</span>
|
||
</button>
|
||
</div>
|
||
<!-- Modal body -->
|
||
<div class="modal-body">
|
||
<div class="col-md-12">
|
||
<div class="row">
|
||
<div class="form-group col-md-4">
|
||
<!-- yasiu -->
|
||
<label> اداره کل / استان </label>
|
||
<select class="form-control" name="province" id="edit_camp_province"></select>
|
||
<label> شهرستان </label>
|
||
<select class="form-control" style="font-size:12px" name="town-edit" id="town-id-edit">
|
||
<option value="0" disabled>انتخاب شهرستان</option>
|
||
</select>
|
||
<label for="axis-name"> نام محور </label>
|
||
<input type="text" class="form-control" name="axis-name" id="axis-name-edit"
|
||
placeholder="نام محور" maxlength="50" />
|
||
<label> نوع محور </label>
|
||
<select class="form-control" name="axis-type" id="axis-type-edit">
|
||
<option value="0" disabled>انتخاب نوع محور</option>
|
||
<option value="1">آزادراه</option>
|
||
<option value="5">بزرگراه</option>
|
||
<option value="2">اصلی</option>
|
||
<option value="3">فرعی</option>
|
||
<option value="4">روستایی</option>
|
||
</select>
|
||
<label> علت انسداد </label>
|
||
<select class="form-control" name="dicc-type" id="dicc-type-id-edit">
|
||
<option value="0" disabled> علت انسداد</option>
|
||
<option value="1">برف</option>
|
||
<option value="2">سیل</option>
|
||
<option value="3">رانش و ریزش</option>
|
||
<option value="5"> طوفان شن </option>
|
||
<option value="4">سایر</option>
|
||
</select>
|
||
<label>پیش بینی تاریخ بازگشایی</label>
|
||
<select class="form-control" name="dicc-type" id="predict-type-id-edit">
|
||
<option value="0" disabled> پیش بینی تاریخ بازگشایی </option>
|
||
<option value="1"> یک روزه </option>
|
||
<option value="2"> سه روزه</option>
|
||
<option value="3"> یک هفته </option>
|
||
<option value="4"> دو هفته </option>
|
||
<option value="5"> یک ماه </option>
|
||
<option value="6"> سه ماه </option>
|
||
<option value="7"> شش ماه </option>
|
||
<option value="8"> بیش از 6 ماه </option>
|
||
</select>
|
||
</div>
|
||
<div class="col-md-8">
|
||
<div class="col-md-12 mb-3">
|
||
<div class="abrar-map-layout">
|
||
<span class="abrar-map-title d-inline">ثبت موقعیت روی نقشه</span>
|
||
<div id="add-map-edit"></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="project-latlng-start-edit" type="text"
|
||
class="form-control input-cord map-latlng-input-edit map-latlng-first-input-edit"
|
||
data-inputmask="'mask': '(99.999999) - (99.999999)'" data-mask
|
||
placeholder="(شروع) => (طول جغرافیایی) - (عرض جغرافیایی)" />
|
||
</div>
|
||
<div class="form-group">
|
||
<input name="project-latlng-end-edit" type="text"
|
||
class="form-control input-cord map-latlng-input-edit map-latlng-sec-input-edit"
|
||
data-inputmask="'mask': '(99.999999) - (99.999999)'" data-mask
|
||
placeholder="(پایان) => (طول جغرافیایی) - (عرض جغرافیایی)" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-12">
|
||
<div class="row">
|
||
<div class="col-md-3">
|
||
<label> طول راه آسیب دیده <small>(کیلومتر)</small>
|
||
</label>
|
||
<input type="number" class="form-control" name="damage-road-edit"
|
||
onkeypress="preventNonNumericalInput(event)" id="damage-road-edit"
|
||
placeholder="کیلومتر" maxlength="50" min="0" />
|
||
</div>
|
||
<div class="col-md-3">
|
||
<label>برآورد اولیه خسارت <small>(ملیون ریال)</small>
|
||
</label>
|
||
<input type="number" class="form-control" name="milion-edit"
|
||
onkeypress="preventNonNumericalInput(event)" id="milion-edit"
|
||
placeholder="میلیون ریال" maxlength="50" min="0" />
|
||
</div>
|
||
<div class="col-md-3">
|
||
<label>تعداد پل های آسیب دیده <small>(دهانه بزرگتر از 6 متر )</small>
|
||
</label>
|
||
<input type="number" class="form-control" name="polha_edit"
|
||
onkeypress="preventNonNumericalInput(event)" id="damage-pol-morethan-edit"
|
||
placeholder="تعداد" maxlength="50" min="0" />
|
||
</div>
|
||
<div class="col-md-3">
|
||
<label>تعداد پل های آسیب دیده <small>(دهانه کوچکتر از 6 متر )</small>
|
||
</label>
|
||
<input type="number" class="form-control" name="polha-_dit"
|
||
onkeypress="preventNonNumericalInput(event)" id="damage-pol-lessthan-edit"
|
||
placeholder="دستگاه" maxlength="50" min="0" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-12">
|
||
<div class="row">
|
||
<div class="col-md-3">
|
||
<label>سایر ابنیه فنی آسیب دیده</label>
|
||
<input type="number" class="form-control" name="polha_edit"
|
||
onkeypress="preventNonNumericalInput(event)" id="damage-pol-edit"
|
||
placeholder="دستگاه" maxlength="50" min="0" />
|
||
</div>
|
||
<div class="col-md-3">
|
||
<label> تعداد ماشین آلات فعال در محور </label>
|
||
<input type="number" class="form-control" name="machinery-count-edit"
|
||
onkeypress="preventNonNumericalInput(event)" id="machinery-count-edit"
|
||
placeholder="دستگاه" maxlength="50" min="0" />
|
||
</div>
|
||
<div class="col-md-3">
|
||
<label>تعداد عوامل راهدار فعال در محور </label>
|
||
<input type="number" class="form-control" name="extra-modal-edit"
|
||
onkeypress="preventNonNumericalInput(event)" id="extra-modal-edit"
|
||
placeholder="تعداد" maxlength="50" min="0" />
|
||
</div>
|
||
<div class="col-md-3">
|
||
<label>توضیحات </label>
|
||
<textarea class="form-control" id="extra-edit"></textarea>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-12" style="margin-top: 20px">
|
||
<div class="row">
|
||
<div class="col-md-1" style="display: none">
|
||
<div class="row">
|
||
<div class="form-group col-md-1">
|
||
<i class="fa fa-plus-circle"
|
||
style="
|
||
font-size: 20px;
|
||
margin-top: 30px;
|
||
color: #007bff;
|
||
"
|
||
aria-hidden="true" onclick="addTownBox()"></i>
|
||
<i class="fa fa-minus-circle"
|
||
style="
|
||
font-size: 20px;
|
||
color: #007bff;"
|
||
aria-hidden="true" onclick="removeTownBox()"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-group col-md-3">
|
||
<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 validity_checker edit-imagebox1"
|
||
for="edit-deviceImg1">
|
||
<span class="img-title" id="edit-deviceImg1Title">انتخاب کنید</span>
|
||
<img class="img-preview" id="edit-deviceImg1Preview"
|
||
alt="" />
|
||
</label>
|
||
<button class="btn-delete-img btn btn-danger btn-sm"
|
||
id="edit-deleteDeviceImg1" disabled>
|
||
<i class="fa fa-trash" style="color: #fff;"></i>
|
||
</button>
|
||
</div>
|
||
<input type="file" name="edit-deviceImg1" id="edit-deviceImg1"
|
||
class="img-input d-none" accept=".jpg, .png">
|
||
</div>
|
||
</div>
|
||
<div class="col-md-3">
|
||
<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 validity_checker edit-imagebox2"
|
||
for="edit-deviceImg2">
|
||
<span class="img-title" id="edit-deviceImg2Title">انتخاب کنید</span>
|
||
<img class="img-preview" id="edit-deviceImg2Preview"
|
||
alt="" />
|
||
</label>
|
||
<button class="btn-delete-img btn btn-danger btn-sm"
|
||
id="edit-deleteDeviceImg2" disabled>
|
||
<i class="fa fa-trash" style="color: #fff;"></i>
|
||
</button>
|
||
</div>
|
||
<input type="file" name="edit-deviceImg2" id="edit-deviceImg2"
|
||
class="img-input d-none" accept=".jpg, .png">
|
||
</div>
|
||
</div>
|
||
<div class="col-md-3" id="uploadBox3">
|
||
<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 validity_checker edit-imagebox3"
|
||
for="edit-deviceImg3">
|
||
<span class="img-title" id="edit-deviceImg3Title">انتخاب کنید</span>
|
||
<img class="img-preview" id="edit-deviceImg3Preview"
|
||
alt="" />
|
||
</label>
|
||
<button class="btn-delete-img btn btn-danger btn-sm"
|
||
id="edit-deleteDeviceImg3" disabled>
|
||
<i class="fa fa-trash" style="color: #fff;"></i>
|
||
</button>
|
||
</div>
|
||
<input type="file" name="edit-deviceImg3" id="edit-deviceImg3"
|
||
class="img-input d-none" accept=".jpg, .png">
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Modal footer -->
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-danger btn-prev cancel-edit"> انصراف </button>
|
||
<button type="button" class="btn btn-primary btn-applyChange" id="edit-add-camp" disabled> ثبت
|
||
تغییرات </button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="description" 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">×</span>
|
||
</button>
|
||
</div>
|
||
<!-- Modal body -->
|
||
<div class="modal-body">
|
||
<div class="col-md-12">
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<label>توضیحات </label>
|
||
<textarea class="form-control" id="description-text"></textarea>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Modal footer -->
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-danger btn-prev cancel-describe"> انصراف </button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="openingModal" 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"> بازگشایی </h5>
|
||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||
<span aria-hidden="true">×</span>
|
||
</button>
|
||
</div>
|
||
<!-- Modal body -->
|
||
<div class="modal-body">
|
||
<div class="col-md-12">
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<button type="button" class="btn btn-success opening-style temporary-open"> بازگشایی
|
||
بصورت موقت می باشد (خسارت ها رفع نشده اند ) </button>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<button type="button" class="btn btn-warning opening-style complet-open"> بازگشایی همراه
|
||
با رفع خسارت های وارد شده می باشد </button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="photo-modal" 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">×</span>
|
||
</button>
|
||
</div>
|
||
<!-- Modal body -->
|
||
<div class="modal-body">
|
||
<div class="col-md-12">
|
||
<div class="row">
|
||
<div class="col text-center">
|
||
<small class="text-info text-center mb-2">منتظر نمایش تصویر بمانید!</small>
|
||
<img id="imgSubItem0" class="img-thumbnail" src="" alt="">
|
||
</div>
|
||
<div class="col text-center">
|
||
<small class="text-info text-center mb-2">منتظر نمایش تصویر بمانید!</small>
|
||
<img id="imgSubItem1" class="img-thumbnail" src="" alt="">
|
||
</div>
|
||
<div class="col text-center">
|
||
<small class="text-info text-center mb-2">منتظر نمایش تصویر بمانید!</small>
|
||
<img id="imgSubItem2" class="img-thumbnail" src="" alt="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class='parent-filter'>
|
||
<div class="row mt-2">
|
||
<div class="col-12 mb-2">
|
||
<input type="text" class="form-control" placeholder="از تاریخ انسداد" id="datepickfromdate"
|
||
autocomplete="off" />
|
||
</div>
|
||
<div class="col-12 mb-2">
|
||
<input type="text" class="form-control" placeholder="تا تاریخ انسداد" id="datepicktodate"
|
||
autocomplete="off" />
|
||
</div>
|
||
<div class="col-12 mb-2">
|
||
<select id="filter-province" class=" filter-province form-control "></select>
|
||
</div>
|
||
<div class="col-12 mb-2">
|
||
<select id="filter-city" class=" filter-city form-control "></select>
|
||
</div>
|
||
<div class="col-12 mt-2 mb-2">
|
||
<select id="blockage" class="blockage form-control" name="blockage">
|
||
<option value="0"> علت انسداد </option>
|
||
<option value="1"> برف </option>
|
||
<option value="2"> سیل </option>
|
||
<option value="3"> رانش و ریزش </option>
|
||
<option value="4"> طوفان شن </option>
|
||
<option value="5"> سایر </option>
|
||
</select>
|
||
</div>
|
||
<div class="col-12 mt-2 mb-2">
|
||
<select id="axis_type" class="axis_type form-control" name="axis_type">
|
||
<option value="0"> نوع محور </option>
|
||
<option value="1"> آزادراه </option>
|
||
<option value="2"> بزرگراه </option>
|
||
<option value="3"> اصلی </option>
|
||
<option value="4"> فرعی </option>
|
||
<option value="5"> روستایی </option>
|
||
</select>
|
||
</div>
|
||
<div 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>
|
||
<script src="{{ asset('plugins/datatables-responsive/js/dataTables.responsive.min.js') }}"></script>
|
||
<script src="{{ asset('plugins/datatables-responsive/js/responsive.bootstrap4.min.js') }}"></script>
|
||
<!-- map script -->
|
||
<script src="{{ asset('dist/js/leaflet.js') }}"></script>
|
||
<script src="{{ asset('dist/js/leaflet.markercluster.js') }}"></script>
|
||
<script src="{{ asset('dist/js/leaflet-routing-machine.js') }}"></script>
|
||
<!-- input mask -->
|
||
<script src="{{ asset('plugins/inputmask/min/jquery.inputmask.bundle.min.js') }}"></script>
|
||
<!-- select2 script -->
|
||
<script src="{{ asset('plugins/select2/js/select2.full.min.js') }}"></script>
|
||
<!-- date picker script -->
|
||
<script src="{{ asset('dist/js/persian-datepicker.min.js?_=v1.2') }}"></script>
|
||
<script src="{{ asset('dist/js/persian-date.min.js') }}"></script>
|
||
<script src="{{ asset('plugins/moment/moment.min.js') }}"></script>
|
||
<script src="{{ asset('dist/js/jalali-moment.browser.js') }}"></script>
|
||
<!-- page script -->
|
||
<script src="{{ asset('version2/js/dashboard_pages/winter_camp/create.js?_=') . mt_rand(1, 99999999999) }}"></script>
|
||
@endsection
|