
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Admin Panel</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <!-- Font Awesome Icons CDN -->
<script src="https://kit.fontawesome.com/e39ce88594.js" crossorigin="anonymous"></script>

</head>

<body class="bg-gray-100 min-h-screen">

<!-- NAVBAR -->
<nav class="bg-white shadow mb-6">
    <div class="max-w-7xl mx-auto px-6 py-4 flex justify-between items-center">
        <h1 class="text-xl font-semibold text-gray-800">Admin Dashboard</h1>

        <div class="flex items-center space-x-6 text-sm font-medium">
            <a href="/admin/dashboard" class="text-gray-600 hover:text-black transition">Dashboard</a>
            <a href="/admin/members" class="text-gray-600 hover:text-black transition">Members</a>
            <a href="/admin/messages" class="text-gray-600 hover:text-black transition">Messages</a>
            <a href="/admin/content" class="text-gray-600 hover:text-black transition">Content</a>

            <form method="POST" action="/admin/logout">
                @csrf
                <button
                    class="bg-red-600 text-white px-4 py-2 rounded-lg shadow hover:bg-red-700 transition">
                    Logout
                </button>
            </form>
        </div>
    </div>
</nav>

<!-- PAGE CONTENT -->
<main class="p-6">
    @yield('content')
</main>

</body>
</html>
