@php
    $currentPage = Route::currentRouteName();
@endphp
<input hidden id="user_last_login_input" value="{{ auth()->user()->last_login }}" />
<div class="body-side mb-5">
    <div class="user-profile rounded">
        <div class="head-part rounded-top pt-2">
            <a href="/profile" class="btn-user-data"><i class="fa fa-edit"></i></a>
            <div class="user-photo d-flex mr-auto ml-auto justify-content-center">
                @if (auth()->user()->avatar)
                    <img src="{{ asset(auth()->user()->avatar) }}" />
                @else
                    <i class="fa fa-user non-image-user"></i>
                @endif
            </div>
            <div class="text-center">
                <p class="user-name font-weight-bold text-white my-2"></p>
                <p class="pb-2" style="color: #e1e1e1"><small>({{ auth()->user()->username }})</small></p>
                <h6 class="pb-2" style="color: #e1e1e1">{{ auth()->user()->first_name }}
                    {{ auth()->user()->last_name }}</h6>
                <p class="pb-2" style="color: #e1e1e1"><small>.: {{ auth()->user()->name }} :.</small></p>
                <p class="pb-2" style="color: #e1e1e1"><small>خوش آمدید</small></p>
            </div>
        </div>
        <div class="bottom-part d-flex align-items-center justify-content-around rounded-bottom">
            <div class="d-flex flex-column text-center">
                <span class="p-2">آخرین ورود</span>
                <span id="user_last_login" class="last-seen p-2 text-orange"></span>
            </div>
            <div class="line"></div>
            <div class="d-flex flex-column text-center">
                <span class="p-2">خروج</span>
                <button form="logout_form" type="submit" id="logout" class="p-2"><i
                        class="fa fa-power-off"></i></button>
                <form action="{{ route('logout') }}" method="POST" id='logout_form'>
                    @csrf
                </form>
            </div>
            <div class="line"></div>
            <div class="d-flex flex-column text-center">
                <span class="p-2">تاریخ امروز</span>
                <span id="user_last_seen" class="last-seen p-2 text-orange"></span>
            </div>
        </div>
    </div>
    @canany(['full-user-management', 'limited-user-management'])
        <div class='user-actions-box pt-3'>
            <div class="user-actions-topic d-flex align-items-center justify-content-between p-2 text-white rounded">
                <a href="{{ route('v2.user_management.list') }}">
                    <div><i class="fa fa-users mx-2"></i> مدیریت کاربران</div>
                </a>
            </div>
        </div>
    @endcan
    <div class='user-actions-box pt-2'>
        <div class="user-actions-topic d-flex align-items-center justify-content-between p-2 text-white rounded">
            <div><i class="fa fa-paste mx-2"></i> پروژه های راهداری</div>
            <i class="mr-2 fa fa-angle-left arrow-icon"></i>
        </div>
        <div class="user-actions-items text-white dropable">
            <div class="parent-item my-1 mx-2">
                @canany(['show-contract', 'show-contract-province'])
                    <a href="{{ route('v2.rahdari_projects.finance') }}">
                        <div class="item p-1 mb-1 rounded d-flex justify-content-between">
                            <div class="d-flex align-items-center"><i class="fa fa-handshake mx-2"></i>ثبت قرارداد و پروژه
                            </div>
                        </div>
                    </a>
                @endcan
                <a href="{{ route('v2.rahdari_projects.projects_list') }}">
                    <div class="item p-1 mb-1 rounded d-flex justify-content-between">
                        <div class="d-flex align-items-center"><i class="fa fa-tasks mx-2"></i>لیست پروژه ها</div>
                    </div>
                </a>
                @canany(['show-proposal', 'show-proposal-province'])
                    <a href="{{ route('v2.rahdari_projects.proposal') }}">
                        <div
                            class="item p-1 mb-1 rounded d-flex justify-content-between {{ $currentPage == 'v2.rahdari_projects.proposal' ? 'active' : '' }}">
                            <div class="d-flex align-items-center"><i class="fa fa-tags mx-2"></i>پروژه های پیشنهادی</div>
                        </div>
                    </a>
                @endcan
                @canany(['show-lawmaker', 'show-lawmaker-province'])
                    <a href="{{ route('v2.rahdari_projects.lawmakers') }}">
                        <div class="item p-1 mb-1 rounded d-flex justify-content-between">
                            <div class="d-flex align-items-center"><i class="fa fa-inbox mx-2"></i>درخواست نمایندگان</div>
                        </div>
                    </a>
                @endcan
                <a href="{{ route('v2.map', ['type' => 'rahdari_projects']) }}">
                    <div class="item p-1 mb-1 rounded d-flex justify-content-between">
                        <div class="d-flex align-items-center"><i class="fa fa-map mx-2"></i>پراکندگی بر روی نقشه</div>
                    </div>
                </a>
            </div>
        </div>
    </div>
    @canany(['show-road-item-supervise-cartable', 'show-road-item-supervise-cartable-province', 'create-road-item'])
        <div class='user-actions-box pt-2'>
            <div class="user-actions-topic d-flex align-items-center justify-content-between p-2 text-white rounded">
                <div><i class="fas fa-clipboard-list mx-2"></i> فعالیت روزانه</div>
                <div class="d-flex align-items-center">
                    <small id="road_items_total" class="alert-counter count-current-actions p-1"></small>
                    <i class="mr-2 fa fa-angle-left arrow-icon"></i>
                </div>
            </div>
            <div class="user-actions-items text-white dropable">
                @canany(['show-road-item-supervise-cartable', 'show-road-item-supervise-cartable-province'])
                    <div class="parent-item my-1 mx-2">
                        <div class="item p-1 mb-1 rounded d-flex justify-content-between">
                            <div><i class="fas fa-clipboard-list mx-2"></i> ارزیابی</div>
                            <div class="d-flex align-items-center">
                                <small id="road_items_supervise_cnt" class="alert-counter count-current-actions p-1"></small>
                                <i class="mr-2 fa fa-angle-left arrow-icon"></i>
                            </div>
                        </div>
                        <div class="user-actions-sub-items m-1 dropable">
                            <div class="parent-sub-item">
                                <a href="{{ route('v2.road_items.supervisor.cartable') }}">
                                    <div
                                        class="sub-item p-1 mb-1 rounded {{ $currentPage == 'v2.road_items.supervisor.cartable' ? 'active' : '' }}">
                                        <i class="fa fa-list-alt mx-2"></i> کارتابل
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                @endcan
                @can('create-road-item')
                    <div class="parent-item my-1 mx-2">
                        <div class="item p-1 mb-1 rounded d-flex justify-content-between">
                            <div><i class="fas fa-clipboard-list mx-2"></i> عملیات</div>
                            <div class="d-flex align-items-center">
                                <small id=""
                                    class="road_items_operation_cnt alert-counter count-current-actions p-1"></small>
                                <i class="mr-2 fa fa-angle-left arrow-icon"></i>
                            </div>
                        </div>
                        <div class="user-actions-sub-items m-1 dropable">
                            <div class="parent-sub-item">
                                <a href="{{ route('v2.road_items.operator.create') }}">
                                    <div
                                        class="sub-item p-1 mb-1 rounded {{ $currentPage == 'v2.road_items.operator.create' ? 'active' : '' }}">
                                        <i class="fa fa-paper-plane mx-2"></i> ثبت فعالیت
                                    </div>
                                </a>
                                <a href="{{ route('v2.road_items.operator.cartable') }}">
                                    <div
                                        class="sub-item p-1 mb-1 rounded d-flex justify-content-between {{ $currentPage == 'v2.road_items.operator.cartable' ? 'active' : '' }}">

                                        <div class="d-flex align-items-center"><i class="fa fa-list-alt mx-2"></i> کارتابل
                                        </div>
                                        <div class="d-flex align-items-center pl-2">
                                            <small id="#"
                                                class="road_items_operation_cnt alert-counter count-current-actions p-1"></small>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                @endcan
                <div class="parent-item my-1 mx-2">
                    <a href="{{ route('v2.map', ['type' => 'road_items']) }}">
                        <div class="item p-1 mb-1 rounded d-flex justify-content-between">
                            <div class="d-flex align-items-center"><i class="fa fa-map mx-2"></i>پراکندگی بر روی نقشه
                            </div>
                        </div>
                    </a>
                </div>
                <div class="parent-item my-1 mx-2">
                    <a href="{{ route('v2.road_items.reports') }}">
                        <div class="item p-1 mb-1 rounded d-flex justify-content-between">
                            <div class="d-flex align-items-center"><i class="fa fa-list-alt mx-2"></i>گزارشات</div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    @endcan
    @canany(['manage-request-portal-city', 'manage-request-portal-province', 'manage-request-portal-country', 'manage-request-portal-station',
            'manage-transportation-unit-city', 'manage-transportation-unit-province', 'manage-transportation-unit-country', 'manage-transportation-unit-station',
            'manage-control-unit-city', 'manage-control-unit-province', 'manage-control-unit-country', 'manage-control-unit-station',
        ])
        <div class="user-actions-topic d-flex align-items-center justify-content-between p-2 text-white rounded mt-2">
            <a href="/v3/dashboard/" class="">
                <div><i class="fas fa-shipping-fast mx-2"></i>ماموریت</div>
            </a>
        </div>
    @endcan
    @canany(['add-road-patrol', 'show-road-patrol-supervise-cartable', 'show-road-patrol-supervise-cartable-province'])
        <div class='user-actions-box pt-2'>
            <div class="user-actions-topic d-flex align-items-center justify-content-between p-2 text-white rounded">
                <div><i class="fas fa-shipping-fast mx-2"></i> گشت راهداری و ترابری</div>
                <div class="d-flex align-items-center">
                    <small id="road_patrols_total" class="alert-counter count-current-actions p-1"></small>
                    <i class="mr-2 fa fa-angle-left arrow-icon"></i>
                </div>
            </div>
            <div class="user-actions-items text-white dropable">
                @canany(['show-road-patrol-supervise-cartable', 'show-road-patrol-supervise-cartable-province'])
                    <div class="parent-item my-1 mx-2">
                        <div class="item p-1 mb-1 rounded d-flex justify-content-between">
                            <div><i class="fas fa-clipboard-list mx-2"></i> ارزیابی</div>
                            <div class="d-flex align-items-center">
                                <small id="road_patrols_supervise_cnt"
                                    class="alert-counter count-current-actions p-1"></small>
                                <i class="mr-2 fa fa-angle-left arrow-icon"></i>
                            </div>
                        </div>
                        <div class="user-actions-sub-items m-1 dropable">
                            <div class="parent-sub-item">
                                <a href="{{ route('v2.road_patrols.supervisor.cartable') }}">
                                    <div
                                        class="sub-item p-1 mb-1 rounded {{ $currentPage == 'v2.road_patrols.supervisor.cartable' ? 'active' : '' }}">
                                        <i class="fa fa-list-alt mx-2"></i> کارتابل
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                @endcan
                @can('add-road-patrol')
                    <div class="parent-item my-1 mx-2">
                        <div class="item p-1 mb-1 rounded d-flex justify-content-between">
                            <div><i class="fas fa-clipboard-list mx-2"></i> عملیات</div>
                            <div class="d-flex align-items-center">
                                <small id=""
                                    class="road_patrols_operation_cnt alert-counter count-current-actions p-1"></small>
                                <i class="mr-2 fa fa-angle-left arrow-icon"></i>
                            </div>
                        </div>
                        <div class="user-actions-sub-items m-1 dropable">
                            <div class="parent-sub-item">
                                <a href="{{ route('v2.road_patrols.operator.create') }}">
                                    <div
                                        class="sub-item p-1 mb-1 rounded {{ $currentPage == 'v2.road_patrols.operator.create' ? 'active' : '' }}">
                                        <i class="fa fa-paper-plane mx-2"></i> ثبت اقدامات
                                    </div>
                                </a>
                                <a href="{{ route('v2.road_patrols.operator.cartable') }}">
                                    <div
                                        class="sub-item p-1 mb-1 rounded d-flex justify-content-between {{ $currentPage == 'v2.road_patrols.operator.cartable' ? 'active' : '' }}">

                                        <div class="d-flex align-items-center"><i class="fa fa-list-alt mx-2"></i> کارتابل
                                        </div>
                                        <div class="d-flex align-items-center pl-2">
                                            <small id="#"
                                                class="road_patrols_operation_cnt alert-counter count-current-actions p-1"></small>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                @endcan
                <div class="parent-item my-1 mx-2">
                    <a href="{{ route('v2.map', ['type' => 'road_patrols']) }}">
                        <div class="item p-1 mb-1 rounded d-flex justify-content-between">
                            <div class="d-flex align-items-center"><i class="fa fa-map mx-2"></i>پراکندگی بر روی نقشه
                            </div>
                        </div>
                    </a>
                </div>
                <div class="parent-item my-1 mx-2">
                    <a href="{{ route('v2.road_patrol.reports') }}">
                        <div class="item p-1 mb-1 rounded d-flex justify-content-between">
                            <div class="d-flex align-items-center"><i class="fa fa-map mx-2"></i>گزارشات</div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    @endcan
    @canany([
        'show-safety-and-privacy-operator-cartable',
        'show-safety-and-privacy-operator-cartable-province',
        'show-safety-and-privacy-operator-cartable-edarate-shahri'
    ])
        <div class='user-actions-box pt-2'>
            <div class="user-actions-topic d-flex align-items-center justify-content-between p-2 text-white rounded">
                <div><i class="fas fa-clipboard-list mx-2"></i> نگهداری حریم راه</div>
                <div class="d-flex align-items-center">
                    <i class="mr-2 fa fa-angle-left arrow-icon"></i>
                </div>
            </div>

            <div class="user-actions-items text-white dropable">
                @canany([
            'show-safety-and-privacy-operator-cartable',
            'show-safety-and-privacy-operator-cartable-province'
        ])
                    <div class="parent-item my-1 mx-2">
                        <div class="item p-1 mb-1 rounded d-flex justify-content-between">
                            <div><i class="fas fa-clipboard-list mx-2"></i> ارزیابی</div>
                            <div class="d-flex align-items-center">
                                <i class="mr-2 fa fa-angle-left arrow-icon"></i>
                            </div>
                        </div>
                        <div class="user-actions-sub-items m-1 dropable">
                            <div class="parent-sub-item">
                                <a href="/v3/dashboard/road-safety/supervisor">
                                    <div
                                        class="sub-item p-1 mb-1 rounded {{ $currentPage == 'v2.road_items.supervisor.cartable' ? 'active' : '' }}">
                                        <i class="fa fa-list-alt mx-2"></i> کارتابل
                                    </div>
                                </a>
                            </div>
                        </div>
                        </div>
                @endcan
                @canany([
            'show-safety-and-privacy-operator-cartable-edarate-shahri'
        ])
                    <div class="parent-item my-1 mx-2">
                        <div class="item p-1 mb-1 rounded d-flex justify-content-between">
                            <div><i class="fas fa-clipboard-list mx-2"></i> عملیات</div>
                            <div class="d-flex align-items-center">
                                <i class="mr-2 fa fa-angle-left arrow-icon"></i>
                            </div>
                        </div>
                        <div class="user-actions-sub-items m-1 dropable">
                            <div class="parent-sub-item">
                                    <a href="/v3/dashboard/road-safety/operator">
                                        <div
                                            class="sub-item p-1 mb-1 rounded d-flex justify-content-between {{ $currentPage == 'v2.safety_and_privacy.operator.cartable' ? 'active' : '' }}">

                                            <div class="d-flex align-items-center"><i class="fa fa-list-alt mx-2"></i> کارتابل
                                            </div>
                                        </div>
                                    </a>
                            </div>
                        </div>
                    </div>
                @endcan
                <div class="parent-item my-1 mx-2">
                    <a href="/v3/dashboard/road-safety/reports/map">
                        <div class="item p-1 mb-1 rounded d-flex justify-content-between">
                            <div class="d-flex align-items-center"><i class="fa fa-map mx-2"></i>پراکندگی بر روی نقشه
                            </div>
                        </div>
                    </a>
                </div>
                <div class="parent-item my-1 mx-2">
                    <div class="item p-1 mb-1 rounded d-flex justify-content-between">
                        <div><i class="fa fa-map mx-2"></i> گزارش ها</div>
                        <div class="d-flex align-items-center">
                            <i class="mr-2 fa fa-angle-left arrow-icon"></i>
                        </div>
                    </div>
                    <div class="user-actions-sub-items m-1 dropable">
                        <div class="parent-sub-item">
                            <a href="/v3/dashboard/road-safety/reports/construction-activity">
                                <div class="sub-item p-1 mb-1 rounded">
                                    <i class="fa fa-list-alt mx-2"></i> گزارش بر اساس ساخت و ساز غیر مجاز
                                </div>
                            </a>
                            <a href="/v3/dashboard/road-safety/reports/access-road">
                                <div class="sub-item p-1 mb-1 rounded">
                                    <i class="fa fa-list-alt mx-2"></i> گزارش بر اساس راه دسترسی غیر مجاز
                                </div>
                            </a>
                            <a href="/v3/dashboard/road-safety/reports/utility-passing-activity">
                                <div class="sub-item p-1 mb-1 rounded">
                                    <i class="fa fa-list-alt mx-2"></i> گزارش بر اساس عبور تاسیسات زیربنایی غیر مجاز
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endcan
    <div class='user-actions-box pt-2'>
        <div class="user-actions-topic d-flex align-items-center justify-content-between p-2 text-white rounded">
            <div><i class="fa fa-list mx-2"></i> واکنش سریع</div>
            <div class="d-flex align-items-center">
                <small id="road_observations_total" class="alert-counter count-current-actions p-1"></small>
                <i class="mr-2 fa fa-angle-left arrow-icon"></i>
            </div>
        </div>
        <div class="user-actions-items text-white dropable">
            @canany(['supervise-fast-react', 'supervise-fast-react-province'])
                <div class="parent-item my-1 mx-2">
                    <div class="item p-1 mb-1 rounded d-flex justify-content-between">
                        <div><i class="fas fa-clipboard-list mx-2"></i> ارزیابی</div>
                        <div class="d-flex align-items-center">
                            <small id="road_observations_supervise_cnt"
                                class="alert-counter count-current-actions p-1"></small>
                            <i class="mr-2 fa fa-angle-left arrow-icon"></i>
                        </div>
                    </div>
                    <div class="user-actions-sub-items m-1 dropable">
                        <div class="parent-sub-item">
                            <a href="{{ route('v2.road_observations.supervisor.cartable') }}">
                                <div
                                    class="sub-item p-1 mb-1 rounded {{ $currentPage == 'v2.road_observations.supervisor.cartable' ? 'active' : '' }}">
                                    <i class="fa fa-list-alt mx-2"></i> کارتابل
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            @endcan
            @canany(['show-fast-react', 'show-fast-react-province', 'show-fast-react-edarate-shahri'])
                <div class="parent-item my-1 mx-2">
                    <a href="{{ route('v2.road_observations.pending_view') }}">
                        <div
                            class="item p-1 mb-1 rounded d-flex justify-content-between {{ $currentPage == 'v2.road_observations.pending_view' ? 'active' : '' }}">
                            <div class="d-flex align-items-center"><i class="fa fa-list-alt mx-2"></i> رسیدگی به شکایات
                            </div>
                        </div>
                    </a>
                </div>
            @endcan
            @canany(['show-fast-react', 'show-fast-react-province', 'show-fast-react-edarate-shahri'])
                <div class="parent-item my-1 mx-2">
                    <div class="item p-1 mb-1 rounded d-flex justify-content-between">
                        <div><i class="fas fa-clipboard-list mx-2"></i> عملیات</div>
                        <div class="d-flex align-items-center">
                            <small id=""
                                class="road_observations_operation_cnt alert-counter count-current-actions p-1"></small>
                            <i class="mr-2 fa fa-angle-left arrow-icon"></i>
                        </div>
                    </div>
                    <div class="user-actions-sub-items m-1 dropable">
                        <a href="{{ route('v2.road_observations.operator.cartable') }}">
                            <div
                                class="sub-item p-1 mb-1 rounded d-flex justify-content-between {{ $currentPage == 'v2.road_observations.operator.cartable' ? 'active' : '' }}">

                                <div class="d-flex align-items-center"><i class="fa fa-list-alt mx-2"></i> کارتابل
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            @endcan
            <div class="parent-item my-1 mx-2">
                <a href="{{ route('v2.map', ['type' => 'road_observations']) }}">
                    <div class="item p-1 mb-1 rounded d-flex justify-content-between">
                        <div class="d-flex align-items-center"><i class="fa fa-map mx-2"></i>پراکندگی بر روی نقشه
                        </div>
                    </div>
                </a>
            </div>
            <div class="parent-item my-1 mx-2">
                <a href="{{ route('v2.road_observations.reports') }}">
                    <div class="item p-1 mb-1 rounded d-flex justify-content-between">
                        <div class="d-flex align-items-center"><i class="fa fa-map mx-2"></i>گزارشات</div>
                    </div>
                </a>
            </div>
        </div>
    </div>
    @canany(['show-camp', 'show-camp-province'])
        <div class='user-actions-box pt-2'>
            <div class="user-actions-topic d-flex align-items-center justify-content-between p-2 text-white rounded">
                <div><i class="fa fa-building mx-2"></i>قرارگاه زمستانی</div>
                <div class="d-flex align-items-center">
                    <i class="mr-2 fa fa-angle-left arrow-icon"></i>
                </div>
            </div>
            <div class="user-actions-items text-white dropable">
                <div class="parent-item my-1 mx-2">
                    <a href="{{ route('v2.winter_camp.create') }}">
                        <div class="item p-1 mb-1 rounded d-flex justify-content-between ">
                            <div class="d-flex align-items-center"><i class="fa fa-paper-plane mx-2"></i>محور های انسدادی
                            </div>
                        </div>
                    </a>
                    <a href="{{ route('v2.map', ['type' => 'camp']) }}">
                        <div class="item p-1 mb-1 rounded d-flex justify-content-between ">
                            <div class="d-flex align-items-center"><i class="fa fa-random mx-2"></i>محور های حلقه اول
                            </div>
                        </div>
                    </a>
                    <a href="{{ route('v2.map', ['type' => 'campNew']) }}">
                        <div class="item p-1 mb-1 rounded d-flex justify-content-between">
                            <div class="d-flex align-items-center"><i class="fa fa-map mx-2"></i>پراکندگی بر روی نقشه
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    @endcan

    <div class='user-actions-box pt-2'>
        <div class="user-actions-topic d-flex align-items-center justify-content-between p-2 text-white rounded">
            <div><i class="fa fa-building mx-2"></i>خسارات وارده بر ابنیه فنی و تاسیسات راه</div>
            <div class="d-flex align-items-center">
                <i class="mr-2 fa fa-angle-left arrow-icon"></i>
            </div>
        </div>
        <div class="user-actions-items text-white dropable">
            <div class="parent-item my-1 mx-2">
                <a href="/v3/dashboard/damages/operator">
                    <div class="item p-1 mb-1 rounded d-flex justify-content-between ">
                        <div class="d-flex align-items-center"><i class="fa fa-paper-plane mx-2"></i>کارتابل</div>
                    </div>
                </a>
                <a href="/v3/dashboard/damages/report">
                    <div class="item p-1 mb-1 rounded d-flex justify-content-between ">
                        <div class="d-flex align-items-center"><i class="fa fa-random mx-2"></i>گزارشات</div>
                    </div>
                </a>
            </div>
        </div>
    </div>


    @canany(['azmayesh-management', 'azmayesh-type-management'])
        <div class='user-actions-box pt-2'>
            <div class="user-actions-topic d-flex align-items-center justify-content-between p-2 text-white rounded">
                <a href="/v3/dashboard/azmayesh">
                    <div><i class="fa fa-vial mx-2"></i>آزمایشات</div>
                </a>
            </div>
        </div>
    @endcan


</div>