<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="{{ asset('css/tailwind.min.css') }}">
    <title>Корочки.есть</title>
</head>
<body class=''>
    <header class="bg-indigo-800 text-white px-5">
        <article class='lg:flex hidden items-center flex-row justify-between py-3 px-5'>
            <a href="{{ route('home') }}">
                <img src="{{ asset('images/logo.webp') }}" alt="logo" loading="lazy" class="w-10">
            </a>
            <nav class="flex flex-row items-center gap-5">
                <a href="{{ route('apps') }}">Заявки</a>
                <a href="{{ route('apps.create') }}">Создать заявку</a>
                @if(Auth::check() && Auth::user()->login == 'Admin')
                <a href="{{ route('admin') }}">Админ-панель</a>
                @endif
            </nav>
            @guest
            <article class="flex flex-row items-center gap-5">
                <a href="{{ route('register') }}">Создать аккаунт</a>
                <a href="{{ route('login') }}">Войти</a>
            </article>
            @endguest
            @auth
            <a href="{{ route('logout') }}" class='hidden md:block'>Выйти</a>
            @endauth
        </article>
        <button class='font-black text-white lg:hodden block absolute top-3 right-8' onclick='headerswap()'>=</button>
        <article class='lg:hidden flex items-start flex-col py-3 px-5 gap-3' >
            <a href="{{ route('home') }}">
                <img src="{{ asset('images/logo.webp') }}" alt="logo" loading="lazy" class="w-10">
            </a>
            <article class='flex flex-col hidden' id='header_under'>
                <nav class="flex flex-col gap-3">
                    <a href="{{ route('apps') }}">Заявки</a>
                    <a href="{{ route('apps.create') }}">Создать заявку</a>
                    @if(Auth::check() && Auth::user()->login == 'Admin')
                    <a href="{{ route('admin') }}">Админ-панель</a>
                    @endif
                </nav>
                @guest
                <article class="flex flex-col gap-3">
                    <a href="{{ route('register') }}">Создать аккаунт</a>
                    <a href="{{ route('login') }}">Войти</a>
                </article>
                @endguest
                @auth
                <a href="{{ route('logout') }}">Выйти</a>
                @endauth
            </article>
        </article>
        
    </header>
    <script>
        function headerswap() {
            document.getElementById('header_under').classList.toggle('hidden')
        }
    </script>
    @yield('content')
    <footer class=' text-white font-light text-center mt-40'>
        <article class='bg-indigo-800 text-light flex flex-row justify-around py-20'>
            <ul class='flex flex-col gap-1'>
                <li class='font-bold'>Навигация по сайту</li>
                <li><a href="{{ route('home') }}">Главная</a></li>
                <li><a href="{{ route('apps') }}">Заявки</a></li>
                <li><a href="{{ route('apps.create') }}">Создать заявку</a></li>
            </ul>
            <ul class='flex flex-col gap-1'>
                <li class='font-bold'>Спонсоры</li>
                <li><a href="https://online.sberbank.ru/CSAFront/index.do">СБЕР</a></li>
                <li><a href="https://www.tbank.ru/">ТБАНК</a></li>
                <li><a href="https://skysmart.ru/">SkySmart</a></li>
            </ul>
        </article>
            <p class='bg-indigo-900 py-4'>
                @2026 - "Корочки.есть"
            </p>
    </footer>
</body>
</html>