@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') }}/logo.png" height="auto" width="200px" alt="Logo">
                    <!-- <span class="text-primary fs-4 fw-bold brand-name">MARIAMS</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 --}}
        @if(!$isStaff || in_array('dashboard', $staffMenu))
        <li class="menu-item @if(Route::is('dashboard') || Route::is('staff.dashboard')) active @endif">
            <a href="{{ $isStaff ? route('staff.dashboard') : route('dashboard') }}" class="menu-link">
                <i class="menu-icon icon-base ti tabler-smart-home"></i>
                <div>Dashboard</div>
            </a>
        </li>
        @endif
        {{-- Patient --}}
        @if(!$isStaff || in_array('patient', $staffMenu))
        <li class="menu-item @if(Route::is('patient') || Route::is('patient_list') || Route::is('create_patient_full') || Route::is('edit_patient') || Route::is('view_patient') || Route::is('medical_report')) active @endif">
            <a href="{{ $isStaff ? route('patient_list') : route('patient_list') }}" class="menu-link">
                <i class="menu-icon icon-base ti tabler-users"></i>
                <div>Patient Management</div>
            </a>
        </li>
        @endif

        @php
        use App\Models\Appointment;
        use Carbon\Carbon;
        use App\Models\WebsiteAppointment;

        $scheduledAppointmentCount = Appointment::where('status', 'Scheduled')
        ->whereDate('appointment_date', Carbon::today())
        ->count();

        $pendingWebsiteAppointments = WebsiteAppointment::where('status', 'Pending')->count();
        @endphp
        {{-- Appointment --}}
        @if(!$isStaff || in_array('appointment', $staffMenu))
        <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>
                @if($scheduledAppointmentCount > 0)
                <div class="badge text-bg-danger ms-auto">
                    {{ $scheduledAppointmentCount }}
                </div>
                @endif
            </a>
        </li>

        @endif

        @php
        use App\Models\FollowUp;

        $pendingFollowUps = FollowUp::where('status', 'Pending')->count();
        @endphp
        {{-- Follow Up --}}
        @if(!$isStaff || in_array('follow_ups', $staffMenu))
        <li class="menu-item @if(Route::is('follow_ups') || Route::is('add_follow_up') || Route::is('follow_up_report')||Route::is('completed_follow_ups')) active @endif">
            <a href="{{ route('follow_ups') }}" class="menu-link">
                <i class="menu-icon icon-base ti tabler-report"></i>
                <div>Follow Up</div>
                @if($pendingFollowUps > 0)
                <div class="badge text-bg-danger ms-auto">
                    {{ $pendingFollowUps }}
                </div>
                @endif
            </a>
        </li>
        @endif
        <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($pendingWebsiteAppointments > 0)
                <div class="badge text-bg-danger ms-auto">
                    {{ $pendingWebsiteAppointments }}
                </div>
                @endif
            </a>
        </li>
        <li
            class="menu-item @if(Route::is('faq')) active @endif">
            <a href="{{ route('faq') }}" class="menu-link">
                <i class="menu-icon icon-base ti tabler-bubble-text"></i>
                <div>FAQ</div>
            </a>
        </li>
         <li
            class="menu-item @if(Route::is('bank_details')||Route::is('create_bank_details')) active @endif">
            <a href="{{ route('bank_details') }}" class="menu-link">
                <i class="menu-icon icon-base ti tabler-building-bank"></i>
                <div>Bank</div>
            </a>
        </li>
        <li class="menu-item  @if(Route::is('category') || Route::is('add_category') || Route::is('edit_category')|| Route::is('product') || Route::is('create_product') || Route::is('edit_product')) open active @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') || Route::is('edit_category')) active @endif">
                    <a href="{{ route('category') }}" class="menu-link">
                        <i class="menu-icon icon-base ti tabler-category"></i>
                        <div>Category</div>
                    </a>
                </li>
                <li
                    class="menu-item @if(Route::is('product') || Route::is('create_product') || Route::is('edit_product')) active @endif">
                    <a href="{{ route('product') }}" class="menu-link">
                        <i class="menu-icon icon-base ti tabler-box"></i>
                        <div>Product</div>
                    </a>
                </li>
            </ul>
        </li>


        {{-- Doctor --}}
        @if(!$isStaff || in_array('doctor', $staffMenu))
        <li class="menu-item @if(Route::is('doctor_list') || Route::is('create_doctor') || Route::is('edit_doctor')||Route::is('create_specialization')) 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>
        @endif

        {{-- Staff --}}
        @if(!$isStaff || in_array('staff_list', $staffMenu))
        <li class="menu-item @if(Route::is('staff_hub') || Route::is('staff_list') || Route::is('create_staff') || Route::is('edit_staff')) active @endif">
            <a href="{{ route('staff_list') }}" class="menu-link">
                <i class="menu-icon icon-base ti tabler-id-badge"></i>
                <div>Staff Management</div>
            </a>
        </li>

        @endif




        {{-- 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


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




        {{-- Treatments --}}
        @if(!$isStaff || in_array('treatments', $staffMenu))
        <li class="menu-item @if(Route::is('treatments') || Route::is('add_treetments') || Route::is('edit_treatments')) active @endif">
            <a href="{{ route('treatments') }}" class="menu-link">
                <i class="menu-icon icon-base ti tabler-vaccine"></i>
                <div>Specialties</div>
            </a>
        </li>
        @endif

        {{-- Attendance --}}
        <!-- @if(!$isStaff || in_array('attendance', $staffMenu))
        <li class="menu-item @if(Route::is('attendance') || Route::is('add_attendance') || Route::is('edit_attendance')) active @endif">
            <a href="{{ route('attendance') }}" class="menu-link">
                <i class="menu-icon icon-base ti tabler-calendar"></i>
                <div>Attendance</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>
        <li class="menu-item @if(Route::is('contact_details')) active @endif">
            <a href="{{ route('contact_details') }}" class="menu-link">
                <i class="menu-icon icon-base ti tabler-phone-call"></i>
                <div>Contact Details</div>
            </a>
        </li>
        <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>
        @endif
        <li class="menu-item @if(Route::is('admin.student_management') || Route::is('admin.add_student') || Route::is('admin.view_student') || Route::is('admin.edit_student')) active @endif">
            <a href="{{ route('admin.student_management')}}" class="menu-link">
                <i class="menu-icon icon-base ti tabler-users"></i>
                <div data-i18n="Student Management">Student Management</div>
            </a>
        </li>

        <li class="menu-item @if(Route::is('admin.fees_management')) active @endif">
            <a href="{{ route('admin.fees_management')}}" class="menu-link">
                <i class="menu-icon icon-base ti tabler-users"></i>
                <div data-i18n="Fees Management">Fees Management</div>
            </a>
        </li>

        {{-- My Profile - staff only --}}
        @if($isStaff)
        <li class="menu-item @if(Route::is('staff.profile')) active @endif">
            <a href="{{ route('staff.profile') }}" class="menu-link">
                <i class="menu-icon icon-base ti tabler-user-circle"></i>
                <div>My Profile</div>
            </a>
        </li>
        @endif

        {{-- Logout --}}
        <li class="menu-item">
            @if($isStaff)
            <a href="#" class="menu-link" data-bs-toggle="modal" data-bs-target="#staffLogoutModal">
                <i class="menu-icon icon-base ti tabler-logout"></i>
                <div>Logout</div>
            </a>
            @else
            <a href="#" class="menu-link" data-bs-toggle="modal" data-bs-target="#logout">
                <i class="menu-icon icon-base ti tabler-logout"></i>
                <div>Logout</div>
            </a>
            @endif
        </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>

{{-- Admin Logout Modal --}}
<div class="modal fade" id="logout" tabindex="-1" data-bs-backdrop="static" data-bs-keyboard="false">
    <div class="modal-dialog modal-sm modal-dialog-centered">
        <div class="modal-content rounded-4 text-center p-4 py-5">
            <h5 class="fw-bold mb-2">Are you sure!!</h5>
            <p class="text-muted">Are you confirm to logout?</p>
            <div class="d-flex justify-content-center align-items-center gap-3 mt-4">
                <form action="{{ route('logout') }}" method="POST" id="logoutForm">
                    @csrf
                    <button type="button" class="btn btn-outline-primary p-3 fw-semibold me-3" data-bs-dismiss="modal">
                        Cancel
                    </button>
                    <button type="submit" class="btn btn-danger p-3 fw-semibold" id="logout_btn">
                        Yes, Sure
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>

{{-- Staff Logout Modal --}}
<div class="modal fade" id="staffLogoutModal" tabindex="-1" data-bs-backdrop="static" data-bs-keyboard="false">
    <div class="modal-dialog modal-sm modal-dialog-centered">
        <div class="modal-content rounded-4 text-center p-4 py-5">
            <h5 class="fw-bold mb-2">Are you sure?</h5>
            <p class="text-muted">Confirm to logout from Staff Portal</p>
            <div class="d-flex justify-content-center align-items-center gap-3 mt-4">
                <button type="button" class="btn btn-outline-primary p-3 fw-semibold" data-bs-dismiss="modal">
                    Cancel
                </button>
                <form action="{{ route('staff.logout') }}" method="POST">
                    @csrf
                    <button type="submit" class="btn btn-danger p-3 fw-semibold">Yes, Logout</button>
                </form>
            </div>
        </div>
    </div>
</div>

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