<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Admin Login</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap" rel="stylesheet">
    <style>
        *{box-sizing:border-box}

        body{
            margin:0;
            min-height:100vh;
            font-family:'Poppins',sans-serif;
            background:#f5f4f1;
            overflow:hidden;
            position:relative;
        }

        .ad_login_topbar{
            background:#000;
            height:54px;
            display:flex;
            align-items:center;
            justify-content:center;
            color:#fff;
            font-size:18px;
            font-weight:700;
        }

        .ad_login_topbar .ad_dot{
            width:18px;
            height:18px;
            border-radius:50%;
            background:#52b788;
            margin-right:10px;
            display:inline-block;
        }

        .ad_wave_top,
        .ad_wave_bottom{
            position:absolute;
            right:-180px;
            width:900px;
            height:900px;
            border-radius:50%;
            background:repeating-radial-gradient(circle at center, rgba(0,0,0,0.03) 0 2px, transparent 2px 28px);
            opacity:.8;
            pointer-events:none;
        }

        .ad_wave_top{top:-260px}
        .ad_wave_bottom{bottom:-340px;left:-220px;right:auto}

        .ad_login_wrap{
            min-height:calc(100vh - 54px);
            display:flex;
            align-items:center;
            justify-content:center;
            padding:30px 20px 80px;
            position:relative;
            z-index:2;
        }

        .ad_login_card{
            width:100%;
            min-width:500px;
            background:rgba(255,255,255,0.84);
            backdrop-filter:blur(8px);
            border:1px solid rgba(0,0,0,.06);
            border-radius:24px;
            padding:36px;
            box-shadow:0 25px 60px rgba(0,0,0,.08);
            animation:adFloatUp .8s ease;
        }

        @keyframes adFloatUp{
            from{opacity:0;transform:translateY(20px)}
            to{opacity:1;transform:translateY(0)}
        }

        .ad_login_card h1{
            text-align:center;
            margin:0 0 28px;
            font-size:28px;
            color:#1e1e1e;
        }

        .ad_login_group{margin-bottom:14px}

        .ad_login_input{
            width:100%;
            height:48px;
            border:1px solid #d6d6d6;
            border-radius:10px;
            padding:0 16px;
            font-size:16px;
            background:#fff;
        }

        .ad_login_button{
            width:100%;
            height:54px;
            border:0;
            border-radius:10px;
            background:#559b72;
            color:#fff;
            font-size:18px;
            font-weight:600;
            cursor:pointer;
            transition:.25s ease;
        }

        .ad_login_button:hover{
            background:#478765;
        }

        .ad_login_return{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            margin-top:18px;
            padding:10px 18px;
            border:2px solid #559b72;
            color:#1c1c1c;
            text-decoration:none;
            border-radius:10px;
            font-weight:600;
        }

        .ad_login_bottom{
            text-align:center;
            margin-top:22px;
        }

        .ad_login_copyright{
            text-align:center;
            margin-top:28px;
            font-size:14px;
            color:#222;
        }

        .ad_login_error{
            color:#c1121f;
            font-size:14px;
            margin-top:6px;
        }
    </style>
</head>
<body>
    <div class="ad_login_topbar">
        <span class="ad_dot"></span>
        {{ $siteSettings->website_name ?? 'Website' }}
    </div>

    <div class="ad_wave_top"></div>
    <div class="ad_wave_bottom"></div>

    <div class="ad_login_wrap">
        <div>
            <div class="ad_login_card">
                <h1>Sign in</h1>

                <form method="POST" action="{{ route('admin.login.store') }}">
                    @csrf

                    <div class="ad_login_group">
                        <input type="email" name="email" class="ad_login_input" placeholder="E-mail address" value="{{ old('email') }}">
                        @error('email')
                            <div class="ad_login_error">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="ad_login_group">
                        <input type="password" name="password" class="ad_login_input" placeholder="Password">
                        @error('password')
                            <div class="ad_login_error">{{ $message }}</div>
                        @enderror
                    </div>

                    <button type="submit" class="ad_login_button">Sign in</button>
                </form>
            </div>

            <div class="ad_login_bottom">
                <a href="{{ route('home') }}" class="ad_login_return">Return to home page</a>
            </div>

            <div class="ad_login_copyright">
                Copyright © {{ now()->year }} {{ strtoupper($siteSettings->website_name ?? 'Website') }}
            </div>
        </div>
    </div>
</body>
</html>