@if (project) {
  <div class="bg-white rounded-2xl border p-6">
    @if (project.fichier) {
      <img
        alt="{{ project.nom }}"
        class="object-cover object-center h-full w-full"
        src="{{ environment.baseUrl }}/api/files/projets/{{ project.id }}/{{ project.fichier }}"
        loading="lazy"
      />
    } @else {
      <img
        alt="nouveau-projet"
        class="object-cover object-center h-full w-full"
        src="https://api.dicebear.com/9.x/shapes/svg?seed={{ project.nom }}"
        loading="lazy"
      />
    }

    <div class="mt-6">
      <h3 class="text-lg font-bold text-gray-800 mb-3">{{ project.nom }}</h3>
      <p class="text-gray-800 text-sm">{{ project.description }}</p>
      <div class="mt-6">
        <a
          class="text-indigo-500 inline-flex items-center md:mb-2 lg:mb-0"
          href="{{ project.lien }}"
          target="_blank"
          >Explore
          <svg
            class="w-4 h-4 ml-2"
            viewBox="0 0 24 24"
            stroke="currentColor"
            stroke-width="2"
            fill="none"
            stroke-linecap="round"
            stroke-linejoin="round"
          >
            <path d="M5 12h14"></path>
            <path d="M12 5l7 7-7 7"></path>
          </svg>
        </a>
      </div>
    </div>
  </div>
}