{{-- Side drawer --}}
<div class="offcanvas offcanvas-start" tabindex="-1" id="sideDrawer">
    <div class="offcanvas-header bg-danger text-white">
        <h6 class="offcanvas-title fw-bold">U Super Shop</h6>
        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas"></button>
    </div>
    <div class="offcanvas-body p-0">
        <div class="list-group list-group-flush">
            <a href="{{ route('home') }}" class="list-group-item list-group-item-action py-3"><i class="fas fa-home me-2 text-danger"></i>হোম</a>
            <a href="{{ route('products.index') }}" class="list-group-item list-group-item-action py-3"><i class="fas fa-box me-2 text-danger"></i>সব পণ্য</a>
            <a href="{{ route('special.offers') }}" class="list-group-item list-group-item-action py-3"><i class="fas fa-percent me-2 text-danger"></i>স্পেশাল অফার</a>
            <a href="{{ route('pricing') }}" class="list-group-item list-group-item-action py-3"><i class="fas fa-tag me-2 text-danger"></i>প্রাইসিং</a>
            <a href="{{ route('order.track') }}" class="list-group-item list-group-item-action py-3"><i class="fas fa-map-marker-alt me-2 text-danger"></i>অর্ডার ট্র্যাক</a>
            @auth
            <a href="{{ route('dashboard.index') }}" class="list-group-item list-group-item-action py-3"><i class="fas fa-user me-2 text-danger"></i>আমার অ্যাকাউন্ট</a>
            <form method="POST" action="{{ route('logout') }}" class="list-group-item p-0">
                @csrf
                <button class="list-group-item-action border-0 bg-transparent py-3 px-3 w-100 text-start"><i class="fas fa-sign-out-alt me-2 text-danger"></i>লগআউট</button>
            </form>
            @else
            <a href="{{ route('login') }}" class="list-group-item list-group-item-action py-3"><i class="fas fa-sign-in-alt me-2 text-danger"></i>লগইন</a>
            <a href="{{ route('seller.signup') }}" class="list-group-item list-group-item-action py-3"><i class="fas fa-store me-2 text-danger"></i>সেলার হন</a>
            @endauth
        </div>
    </div>
</div>
<script>
document.getElementById('drawerToggle')?.addEventListener('click',()=>{
    new bootstrap.Offcanvas(document.getElementById('sideDrawer')).show();
});
</script>