@component('admin/layouts/main')
  @slot('main')
    <h1 class="text-2xl font-bold mb-6">Dashboard</h1>
    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
      <a href="/admin/information/edit" class="bg-white p-6 rounded shadow hover:shadow-lg">
        <h2 class="font-semibold text-lg">Informations</h2>
        <p class="text-gray-600">{{ hasInformation ? 'Configuré' : 'Non configuré' }}</p>
      </a>
      <a href="/admin/projects" class="bg-white p-6 rounded shadow hover:shadow-lg">
        <h2 class="font-semibold text-lg">Projets</h2>
        <p class="text-gray-600">{{ projectsCount }} projet(s)</p>
      </a>
      <a href="/admin/music" class="bg-white p-6 rounded shadow hover:shadow-lg">
        <h2 class="font-semibold text-lg">Musiques</h2>
        <p class="text-gray-600">{{ musicsCount }} piste(s)</p>
      </a>
      <a href="/admin/categories" class="bg-white p-6 rounded shadow hover:shadow-lg">
        <h2 class="font-semibold text-lg">Catégories</h2>
        <p class="text-gray-600">{{ categoriesCount }} catégorie(s)</p>
      </a>
      <a href="/admin/tags" class="bg-white p-6 rounded shadow hover:shadow-lg">
        <h2 class="font-semibold text-lg">Tags</h2>
        <p class="text-gray-600">{{ tagsCount }} tag(s)</p>
      </a>
      <a href="/admin/experiences" class="bg-white p-6 rounded shadow hover:shadow-lg">
        <h2 class="font-semibold text-lg">Expériences</h2>
        <p class="text-gray-600">{{ experiencesCount }} expérience(s)</p>
      </a>
      <a href="/admin/trainings" class="bg-white p-6 rounded shadow hover:shadow-lg">
        <h2 class="font-semibold text-lg">Formations</h2>
        <p class="text-gray-600">{{ trainingsCount }} formation(s)</p>
      </a>
    </div>
  @endslot
@end
