<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Admin - Portfolio</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.13.3/dist/cdn.min.js"></script>
  </head>
  <body class="min-h-screen bg-gray-100">
    <nav class="bg-gray-800 text-white px-4 py-2">
      <div class="container mx-auto flex items-center justify-between">
        <a href="/admin" class="font-bold">Admin Portfolio</a>
        <div class="flex gap-4 flex-wrap">
          <a href="/admin" class="hover:underline">Dashboard</a>
          <a href="/admin/information/edit" class="hover:underline">Informations</a>
          <a href="/admin/projects" class="hover:underline">Projets</a>
          <a href="/admin/images" class="hover:underline">Images</a>
          <a href="/admin/music" class="hover:underline">Musiques</a>
          <a href="/admin/categories" class="hover:underline">Catégories</a>
          <a href="/admin/tags" class="hover:underline">Tags</a>
          <a href="/admin/experiences" class="hover:underline">Expériences</a>
          <a href="/admin/trainings" class="hover:underline">Formations</a>
          <a href="/admin/backup" class="hover:underline">Sauvegarde</a>
          <form action="/admin/logout" method="post" class="inline">
            {{{ csrfField() }}}
            <button type="submit" class="hover:underline">Déconnexion</button>
          </form>
        </div>
      </div>
    </nav>
    <main class="container mx-auto px-4 py-6">
      {{{ await $slots.main() }}}
    </main>
  </body>
</html>
