{{-- خاص با شغل البروفيل  --}}
<div class="col-lg-3">
    <div class="dashboard_sidebar">
        <div class="dashboard_sidebar_user">
            {{-- <img src="{{ asset('front/assets/img/dashboard-user.png') }}" alt="img"> --}}
            <h3>{{auth()->user()->name . ' ' . auth()->user()->l_name}}</h3>
            {{-- <h3>
    {{ auth()->user()->name }}<br>
    {{ auth()->user()->l_name }}
</h3> --}}
            <p><a href="tel:+00-123-456-789">{{auth()->user()->phone}}</a></p>
            @if(auth()->user()->email != null)
                <p><a href="mailto:{{auth()->user()->email}}">{{auth()->user()->email}}</a></p>
            @endif
        </div>
        <div class="dashboard_menu_area">
            <ul>
                   {{-- <li>
                    
                    <a href="{{route('user.dashboard.index')}}"
                       class="{{Route::currentRouteName() == 'user.dashboard.index' ? 'active' : ''}}"><i

                            class="fas fa-tachometer-alt"></i>Dashboard</a>
                </li> --}}


                {{-- <li><a href="{{route('user.dashboard.index')}}" --}}
                <li>
                    <a href="{{route('user.dashboard.index')}}"
                        class="{{Route::currentRouteName() == 'user.dashboard.index' ? 'active' : ''}}">
                       <i
                            class="fas fa-tachometer-alt"></i>{{ \App\Helpers\TranslationHelper::translate('Dashboard') }}</a>
                </li>

                 <li class="dashboard_dropdown_button" id="dashboard_dropdowns"><i
                        class="fas fa-address-card"></i>{{ \App\Helpers\TranslationHelper::translate('My bookings') }}
                    <span> <i class="fas fa-angle-down"></i></span>
                    <div class="booing_sidebar_dashboard" id="show_dropdown_item"
                         style="display: none;">
                        <ul>
                            {{-- <li><a href="#"><i class="fas fa-hotel"></i>Hotel
                                    booking</a></li> --}}
                           
                            <li>
                                <a href="{{route('user.dashboard.programme.bookings')}}">
                                    <i class="fas fa-history"></i>
                                   {{ \App\Helpers\TranslationHelper::translate('Programmes Bookings') }}
                                </a>
                            </li>
                        </ul>
                    </div>
                </li>

                {{-- <li class="dashboard_dropdown_button" id="dashboard_dropdowns"><i
                        class="fas fa-address-card"></i>{{ \App\Helpers\TranslationHelper::translate('My bookings') }}
                    <span> <i class="fas fa-angle-down"></i></span>
                    <div class="booing_sidebar_dashboard" id="show_dropdown_item"
                         style="display: none;">
                        <ul>
                                    <li><a href="#"><i class="fas fa-hotel"></i>{{ \App\Helpers\TranslationHelper::translate('Hotel booking') }}
                                    </a></li>

                            <li>
                                <a href="{{ route('user.dashboard.programme.bookings') }}">
    <i class="fas fa-history"></i>
    {{ \App\Helpers\TranslationHelper::translate('My bookings') }}
</a>
                            </li>
                        </ul>
                    </div>
                </li> --}}





                <li>
                    <a href="{{route('user.profile')}}"
                       class="{{Route::currentRouteName() == 'user.profile' ? 'active' : ''}}">
                        <i class="fas fa-user-circle"></i>
                       {{ \App\Helpers\TranslationHelper::translate('My profile') }}
                    </a>
                </li>
                <li>

                     {{-- <a href="{{route('user.programme.favourite.change', ['id' => 0])}}"
                       class="{{Route::currentRouteName() == 'user.favourite.index' ? 'active' : ''}}">
                        <i class="fas fa-heart"></i>
                       {{ \App\Helpers\TranslationHelper::translate(' My Favourite') }}
                    </a> --}}
                         <a href="{{route('user.favourite.index')}}"
                       class="{{Route::currentRouteName() == 'user.favourite.index' ? 'active' : ''}}">
                        <i class="fas fa-heart"></i>
                       {{ \App\Helpers\TranslationHelper::translate('My Favourite') }}
                    </a>
                </li>

                 <li>
                    <form action="{{route('user.logout')}}" method="post" id="logout_form">
                        @csrf
                     </form>
                    <a href="javascript:void(0);" onclick="submitLogout()">
                        <i class="fas fa-sign-out-alt"></i>{{ \App\Helpers\TranslationHelper::translate('Logout') }}
                    </a>
                </li>

                      </ul>
        </div>
    </div>
</div>


<script>
document.addEventListener('DOMContentLoaded', function () {
    const dropdownButton = document.querySelector('.dashboard_dropdown_button');
    const dropdownContent = document.querySelector('.booing_sidebar_dashboard');

    dropdownButton.addEventListener('click', function () {
        // Toggle visibility of the dropdown
        if (dropdownContent.style.display === 'none' || dropdownContent.style.display === '') {
            dropdownContent.style.display = 'block';
        } else {
            dropdownContent.style.display = 'none';
        }
    });
});
</script>