@include('components.pwa')
@yield('title', 'My Laravel App')
@vite(['resources/css/app.css', 'resources/js/app.js'])
{{-- ══════════════════════════════════════════
TOP NAVBAR
══════════════════════════════════════════ --}}
{{-- ══════════════════════════════════════════
MOBILE DRAWER
Both elements stay in the DOM at all times
so CSS transitions can fire in both directions.
══════════════════════════════════════════ --}}
{{-- Dimmed backdrop --}}
{{-- Slide-in panel --}}
{{-- ══════════════════════════════════════════
MAIN CONTENT
══════════════════════════════════════════ --}}
@yield('content')
{{-- ══════════════════════════════════════════
TOAST (z-[70] so it stays above the drawer)
══════════════════════════════════════════ --}}
 }}){kind=logo}