@extends('layouts.dashboard.with_sidebar')
@section('title', 'صفحه اصلی')
@section('styles')
    <!-- map links -->
    <link rel="stylesheet" href="{{ asset('dist/css/leaflet.css') }}" />
@endsection
@section('content')
    <div class="d-none d-md-flex map-box mb-3 p-2 rounded">
        <div id="map" class="map rounded"></div>
    </div>
    <div class="d-flex flex-column d-md-none my-2">
        @can('create-road-item')
            <a href="{{ route('v2.road_items.operator.create') }}" class="btn btn-default btn-block my-2">ثبت فعالیت روزانه</a>
        @endcan
        @can('add-road-patrol')
            <a href="{{ route('v2.road_patrols.operator.create') }}" class="btn btn-default btn-block my-2">ثبت گشت راهداری و ترابری</a>
        @endcan
        @canany(['show-fast-react', 'show-fast-react-province', 'show-fast-react-edarate-shahri'])
            <a href="{{ route('v2.road_observations.pending_view') }}" class="btn btn-default btn-block my-2">رسیدگی به شکایات واکنش سریع</a>
        @endcan
        @can('add-safety-and-privacy')
            <a href="{{ route('v2.safety_and_privacy.operator.create') }}" class="btn btn-default btn-block my-2">ثبت نگهداری حریم راه</a>
        @endcan
    </div>
@endsection
@section('scripts-body')
    <!-- map scripts -->
    <script src="{{ asset('dist/js/leaflet.js') }}"></script>
    <!-- page script -->
    <script src="{{ asset('version2/js/dashboard_pages/dashboard.js?_=') . mt_rand(1, 99999999999) }}"></script>
@endsection