@extends('layouts.dashboard.map')
@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') }}" />
    <!-- map links -->
    <link rel="stylesheet" href="{{ asset('dist/css/leaflet.css') }}" />
    <link rel="stylesheet" href="{{ asset('dist/css/MarkerCluster.css') }}" />
    <link rel="stylesheet" href="{{ asset('dist/css/MarkerCluster.Default.css') }}" />
    
    <!-- this page styles -->
    <link rel="stylesheet" href="{{ asset('version2/css/dashboard_pages/axis_reports.css?_=') . mt_rand(1, 99999999999) }}" />
@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="map-box">
        <div id="mymap" class="map"></div>
        <div class="map-guid">
            <span
                data-tooltip="در گزارش گيري محوري، فقط فعاليتها و پروژه هايي نشان داده مي شوند كه يكي از آيكون هاي شروع يا پايان هنگام ثبت فعاليتها دقيقا در محدود انتخاب شده از محور جهت اخذ گزارش قرار گرفته باشد. "
                data-tooltip-position="right">
                <p class="text-center font-weight-bold">راهنمای نقشه</p>
            </span>


            <p>
                <i class="fa fa-circle" aria-hidden="true" style="color: rgb(255, 13, 255)"></i>
                فعالیت روزانه و جاری
            </p>
            <p>
                <i class="fa fa-circle" aria-hidden="true" style="color: #dc3545"></i>
                گشت راهداری
            </p>
            <p>
                <i class="fa fa-circle" aria-hidden="true" style="color :rgb(89, 0, 255)"></i>
                قراردادها
            </p>
            <p>
                <i class="fa fa-circle" aria-hidden="true" style="color :rgb(0, 153, 255)"></i>
                واکنش سریع
            </p>
        </div>
        
        <div class="iran-change-layer"><img src="../dist/images/iran.svg" title="نقشه ماهواره ای "></div>

        <div class="guid-custom-box-AxisReport">
            <h6 class="HeaderStyle py-2">فیلتر گزارشات محوری</h6>
            <div class="d-flex justify-content-center mb-3">
                <div class="text-center">
                    <button id="excelEnd" class="btn btn-info btn-sm excel-happend"><i
                            class="fas fa-file-excel pr-2"></i><small>خروجی اکسل</small></button>
                </div>
                <div class="pl-2">
                    <button id="filterEnd" class="btn btn-warning btn-sm filter-happend"></button>
                </div>
            </div>
            <ul class="m-0 px-3">
                <li class="layerButton1">
                    <div class="dropdownstart">
                        <span class="title-type">انتخاب تاریخ</span>
                        <img class="dropDown" src="../dist/images/new-design/arrow-down.svg">
                    </div>
                    <div class="layerbuttonparent pt-2" style="display: none">
                        <div class="form-row col-12">
                            <div class="form-group col-6">
                                <input id="Axis-todate" class="form-control" type="text" disabled />
                            </div>
                            <div class="form-group col-6">
                                <input id="Axis-fromdate" class="form-control" type="text" />
                            </div>
                        </div>
                    </div>
                </li>
                <li class="layerButton1">
                    <div class="d-flex justify-content-between align-items-top pb-1">
                        <button class="btn btn-default All_button btn-sm">انتخاب همه</button>
                        <div class="dropdownstart">
                            <span class="title-type">فعالیت روزانه و جاری </span>
                            <img class="dropDown" src="../dist/images/new-design/arrow-down.svg">
                        </div>
                    </div>
                    <ul id="dailyActivity_sub" class="layerbuttonparent m-0 p-0">
                    </ul>
                </li>
                <li class="layerButton1">
                    <span class="title-type">گشت راهداری</span>
                    <input type="checkbox" id="item2" class="input-road-patrol" name="item2" value="2" />
                </li>
                <li class="layerButton1">
                    <div class="d-flex justify-content-between align-items-top pb-1">
                        <button class="btn btn-default All_button btn-sm">انتخاب همه</button>
                        <div class="dropdownstart">
                            <span class="title-type">قراردادها</span>
                            <img class="dropDown" src="../dist/images/new-design/arrow-down.svg">
                        </div>
                    </div>
                    <ul class="layerbuttonparent m-0 p-0">
                        <li class="layerButton2 pb-1">
                            <div class="d-flex justify-content-between align-items-top">
                                <button class="btn btn-default All_button_sub btn-sm">انتخاب همه</button>
                                <div class="dropdownstart_sub">
                                    <span class="title-type-inside">وضعیت قرار داد</span>
                                    <img class="dropDown" src="../dist/images/new-design/arrow-down.svg">
                                </div>
                            </div>
                            <ul class="layerbuttonparent_sub">
                                <li class="layerButton3 ">
                                    <span class="title-type-inside-inside">در دست مناقصه</span>
                                    <input type="checkbox" class="input-contract-status" value="4" name="subitem" />
                                </li>
                                <li class="layerButton3 ">
                                    <span class="title-type-inside-inside">در حال تجهیز کارگاه</span>
                                    <input type="checkbox" class="input-contract-status" value="1" name="subitem" />
                                </li>
                                <li class="layerButton3 ">
                                    <span class="title-type-inside-inside">در حال اجرا</span>
                                    <input type="checkbox" class="input-contract-status" value="2" name="subitem" />
                                </li>
                                <li class="layerButton3 ">
                                    <span class="title-type-inside-inside">خاتمه یافته و بهره برداری شده </span>
                                    <input type="checkbox" class="input-contract-status" value="3" name="subitem" />
                                </li>

                            </ul>
                        </li>
                        <li class="layerButton2 pb-1">
                            <div class="d-flex justify-content-between align-items-top">
                                <button class="btn btn-default All_button_sub btn-sm">انتخاب همه</button>
                                <div class="dropdownstart_sub">
                                    <span class="title-type-inside">ماهیت پروژه</span>
                                    <img class="dropDown" src="../dist/images/new-design/arrow-down.svg">
                                </div>
                            </div>
                            <ul class="layerbuttonparent_sub opration_natural">
                                {{-- <li class="layerButton3">
                                    <span class="title-type-inside-inside">روکش آسفالت</span>
                                    <input type="checkbox" class="input-project-type" value="1" name="subitem" />
                                </li>
                                <li class="layerButton3">
                                    <span class="title-type-inside-inside">رفع نقاط حادثه خیز</span>
                                    <input type="checkbox" class="input-project-type" value="2" name="subitem" />
                                </li>
                                <li class="layerButton3">
                                    <span class="title-type-inside-inside">ایمنی راه</span>
                                    <input type="checkbox" class="input-project-type" value="3" name="subitem" />
                                </li>
                                <li class="layerButton3">
                                    <span class="title-type-inside-inside">ابنیه فنی</span>
                                    <input type="checkbox" class="input-project-type" value="4" name="subitem" />
                                </li>
                                <li class="layerButton3">
                                    <span class="title-type-inside-inside">راهدارخانه</span>
                                    <input type="checkbox" class="input-project-type" value="5" name="subitem" />
                                </li>
                                <li class="layerButton3">
                                    <span class="title-type-inside-inside">راه روستایی</span>
                                    <input type="checkbox" class="input-project-type" value="6" name="subitem" />
                                </li> --}}
                            </ul>
                        </li>
                    </ul>
                </li>
                <li class="layerButton1 pb-1">
                    <div class="d-flex justify-content-between align-items-top pb-1">
                        <button class="btn btn-default All_button btn-sm">انتخاب همه</button>
                        <div class="dropdownstart">
                            <span class="title-type">واکنش سریع <small>(اقدام شده)</small></span>
                            <img class="dropDown" src="../dist/images/new-design/arrow-down.svg">
                        </div>
                    </div>
                    <ul class="layerbuttonparent m-0 p-0">
                        <li class="layerButton2 pb-1">
                            <span class="title-type-inside">چاله و ناهمواری سطح راه</span>
                            <input class="checkbox_sub input-road-type" type="checkbox" value="1" name="subitem" />
                        </li>
                        <li class="layerButton2 pb-1">
                            <span class="title-type-inside">پاکسازی سطح راه از لاشه حیوانات</span>
                            <input class="checkbox_sub input-road-type" type="checkbox" value="2" name="subitem" />
                        </li>
                        <li class="layerButton2 pb-1">
                            <span class="title-type-inside">پاکسازی سطح راه (جنس خارجی)</span>
                            <input class="checkbox_sub input-road-type" type="checkbox" value="3" name="subitem" />
                        </li>
                        <li class="layerButton2 pb-1">
                            <span class="title-type-inside">پاکسازی سطح راه با سنگریزه</span>
                            <input class="checkbox_sub input-road-type" type="checkbox" value="4" name="subitem" />
                        </li>
                        <li class="layerButton2 pb-1">
                            <span class="title-type-inside">پاکسازی سطح راه (گازوئیل و مواد روغنی )</span>
                            <input class="checkbox_sub input-road-type" type="checkbox" value="5" name="subitem" />
                        </li>
                        <li class="layerButton2 pb-1">
                            <span class="title-type-inside">ایمن سازی حفاظها و علائم آسیب دیده</span>
                            <input class="checkbox_sub input-road-type" type="checkbox" value="6" name="subitem" />
                        </li>
                    </ul>
                </li>
            </ul>
        </div>

        <div class="modal animated zoomIn fade" id="points-data">
            <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-deafult">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">
                            نمایش اطلاعات نقاط (<span class="title-points"></span>)
                        </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="col-md-12 ">
                            <div class="row modalBody">
                            </div>
                        </div>
                    </div>
                </div>
            </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>
<script src="{{ asset('dist/js/leaflet.printpreview.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>

<script src="{{ asset('plugins/chart.js/Chart.min.js') }}"></script>
<!-- page script -->
<script src="{{ asset('version2/js/dashboard_pages/axis_reports.js?_=') . mt_rand(1, 99999999999) }}"></script>
@endsection