<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Admin - @yield('title')</title>
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
    @stack('styles')
</head>
<body class="bg-gray-100 antialiased">
    @include('componentes.sidebaradmin') 
    @hasSection('hide_mobile_topbar')
    @else
        <div class="mobile-topbar">
            <button class="sidebar-toggle" type="button" aria-label="Abrir menú" onclick="toggleSidebar()">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                    <line x1="3" y1="6" x2="21" y2="6"></line>
                    <line x1="3" y1="12" x2="21" y2="12"></line>
                    <line x1="3" y1="18" x2="21" y2="18"></line>
                </svg>
            </button>
            <span class="mobile-title">@yield('title')</span>
        </div>
    @endif

    <main class="app-main">
        <div class="app-container">
            @yield('content')
        </div>
    </main>

    @stack('scripts')
</body>
</html>
 
