@php
$isStaff = session('staff_logged_in') ? true : false;
$staffMenu = isset($staffMenu) ? $staffMenu : [];
@endphp

<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600&display=swap" rel="stylesheet">
<style>
    .brand-name {
        font-family: 'Cormorant Garamond', serif;
        /* font-style: italic; */
        /* letter-spacing: 1px; */
    }
</style>

<aside id="layout-menu" class="layout-menu menu-vertical menu">
    <div class="app-brand demo mt-4">
        <a href="#" class="app-brand-link">
            <span class="app-brand-logo demo">
                <span class="d-flex justify-content-center align-items-center">
                    <img src="{{ asset('/assets/img') }}/babu_clinic.png" height="40px" alt="Logo">
                    <span class="text-primary fs-4 fw-bold brand-name">BABU&nbsp;CLINIC</span>
                </span>
            </span>
        </a>
        <a href="javascript:void(0);" class="layout-menu-toggle menu-link text-large ms-auto">
            <i class="icon-base ti menu-toggle-icon d-none d-xl-block"></i>
            <i class="icon-base ti tabler-x d-block d-xl-none"></i>
        </a>
    </div>

    @if($isStaff && isset($staffUser))
    <div style="padding:10px 16px;margin:8px 16px;background:rgba(105,108,255,0.1);
                border-radius:10px;border:1px solid rgba(105,108,255,0.2);">
        <div style="font-size:10px;color:#696cff;font-weight:700;text-transform:uppercase;">Staff Portal</div>
        <div style="font-size:13px;font-weight:600;">{{ $staffUser->name }}</div>
        <div style="font-size:11px;color:#888;">{{ $staffUser->role ?? $staffUser->department }}</div>
    </div>
    @endif

    <ul class="menu-inner py-1">

        {{-- Dashboard --}}
        <li class="menu-item @if(Route::is('dashboard') || Route::is('staff.dashboard')) active @endif">
            <a href="{{ route('dashboard') }}" class="menu-link">
                <i class="menu-icon icon-base ti tabler-smart-home"></i>
                <div>Dashboard</div>
            </a>
        </li>

        <li
            class="menu-item @if(Route::is('patient')||Route::is('add_patient')||Route::is('past')
            ||Route::is('vitals')
            ||Route::is('past_history')
            ||Route::is('allergy')
            ||Route::is('system')
            ||Route::is('diagnosis')||Route::is('additional_info')
            ||Route::is('medicine_bar')
            ||Route::is('old_presc')) active @endif">
            <a href="{{ route('patient') }}" class="menu-link">
                <i class="menu-icon icon-base ti tabler-users"></i>
                <div>Patient Management</div>
            </a>
        </li>
        <!-- <li class="menu-item @if(Route::is('appointment') || Route::is('appointment_report')||Route::is('consultation') ) active @endif">
            <a href="{{ route('appointment_report') }}" class="menu-link">
                <i class="menu-icon icon-base ti tabler-calendar-check"></i>
                <div>Appointment</div><div class="badge text-bg-danger ms-auto">5</div>
            </a>
        </li> -->


        @php
            $pendingCount = \App\Models\WebsiteAppointment::where('status','Pending')->count();
        @endphp
        <li class="menu-item @if( Route::is('website_appointments')|| Route::is('completed_appointments')) active @endif">
            <a href="{{ route('website_appointments') }}" class="menu-link">
                <i class="menu-icon icon-base ti tabler-calendar-check"></i>
                <div>Website Appointment</div>
                
                @if($pendingCount > 0)
                    <div class="badge text-bg-danger ms-auto">
                        {{ $pendingCount }}
                    </div>
                @endif
            </a>
        </li>
        <!-- <li
            class="menu-item @if(Route::is('category')||Route::is('add_category'))active @endif">
            <a href="{{ route('category') }}" class="menu-link">
                <i class="menu-icon icon-base ti tabler-box"></i>
                <div>Category</div>
            </a>
        </li> -->
        <!-- <li
            class="menu-item @if(Route::is('medicines')||Route::is('add_medicine')||Route::is('edit_medicine'))active @endif">
            <a href="{{ route('medicines') }}" class="menu-link">
                <i class="menu-icon icon-base ti tabler-calendar-check"></i>
                <div>Medicines</div>
            </a>
        </li> -->
        <li class="menu-item  @if(Route::is('medicines')||Route::is('add_medicine')||Route::is('edit_medicine')||Route::is('category')||Route::is('add_category'))active open @endif">
            <a href="javascript:void(0);" class="menu-link menu-toggle">
                <i class="menu-icon icon-base ti tabler-box"></i>
                <div data-i18n="Products">Products</div>
            </a>
            <ul class="menu-sub">
                <li class="menu-item @if(Route::is('category')||Route::is('add_category'))active @endif">
                    <a href="{{ route('category') }}" class="menu-link">
                        <div data-i18n="Category">Category</div>
                    </a>
                </li>
                <li class="menu-item @if(Route::is('medicines')||Route::is('add_medicine')||Route::is('edit_medicine'))active @endif">
                    <a href="{{ route('medicines') }}" class="menu-link">
                        <div data-i18n="Product">Product</div>
                    </a>
                </li>

            </ul>
        </li>

        <li class="menu-item @if(Route::is('doctor_list') || Route::is('create_doctor') || Route::is('edit_doctor')) active @endif">
            <a href="{{ route('doctor_list') }}" class="menu-link">
                <i class="menu-icon icon-base ti tabler-stethoscope"></i>
                <div>Doctor Management</div>
            </a>
        </li>
        @php
        $pendingCount = \App\Models\FollowUp::where('status', 'Pending')->count();
        @endphp
        <li
            class="menu-item @if(Route::is('follow_up')) active @endif">
            <a href="{{ route('follow_up') }}" class="menu-link">
                <i class="menu-icon icon-base ti tabler-report"></i>
                <div>Follow Up</div>
                @if($pendingCount > 0)
                <div class="badge text-bg-danger ms-auto">
                    {{ $pendingCount }}
                </div>
                @endif
            </a>
        </li>




        {{-- Billing --}}
        <!-- @if(!$isStaff || in_array('billing', $staffMenu))
        <li class="menu-item @if(Route::is('billing')) active @endif">
            <a href="{{ route('billing') }}" class="menu-link">
                <i class="menu-icon icon-base ti tabler-file-invoice"></i>
                <div>Billing</div>
            </a>
        </li>
        @endif -->









         @php
            use App\Models\Review;

            $reviewCount = Review::where('is_read', false)->count();
        @endphp

        {{-- Reviews - admin only --}}
        @if(!$isStaff)
        <li class="menu-item @if(Route::is('review')) active @endif">
            <a href="{{ route('review') }}" class="menu-link">
                <i class="menu-icon icon-base ti tabler-star"></i>
                <div>Reviews</div>
                @if($reviewCount > 0)
                    <div class="badge text-bg-danger ms-auto">
                        {{ $reviewCount }}
                    </div>
                @endif
            </a>
        </li>
        @endif

        {{-- My Profile - staff only --}}
        <li class="menu-item @if(Route::is('reset_password')) active @endif">
            <a href="{{ route('reset_password') }}" class="menu-link">
                <i class="menu-icon icon-base ti tabler-lock"></i>
                <div>Reset Password</div>
            </a>
        </li>

        {{-- Logout --}}
        <li class="menu-item">
            <a href="#" class="menu-link" data-bs-toggle="modal" data-bs-target="#logout">
                <i class="menu-icon icon-base ti tabler-logout text-danger fw-bold"></i>
                <div class="fw-bold">Logout</div>
            </a>

        </li>

    </ul>

</aside>

<div class="menu-mobile-toggler d-xl-none rounded-1">
    <a href="javascript:void(0);" class="layout-menu-toggle menu-link text-large text-bg-secondary p-2 rounded-1">
        <i class="ti tabler-menu icon-base"></i>
        <i class="ti tabler-chevron-right icon-base"></i>
    </a>
</div>




<script>
    document.getElementById('logout_btn').addEventListener('click', function() {
        let btn = this;
        btn.disabled = true;
        btn.innerText = 'Processing...';
        document.getElementById('logoutForm').submit();
    });
</script>