{{ template "headersMenu.html" . }}


  <!--

<header class="fixed left-0 right-0 bottom-0 bg-white shadow p-4 flex justify-between items-center">
    <div class="text-xl font-bold">CARD.pm</div>
    <nav class="space-x-4">
      <a href="#" class="text-sm">{{ "Accueil" | t }}</a>
      <a href="#" class="text-sm">{{ "Favoris" | t }}</a>
      <a href="#" class="text-sm">{{ "Abonnement" | t }}</a>
      <a href="#" class="text-sm">{{ "Profil" | t }}</a>
      <a href="#" class="text-sm">{{ "Support" | t }}</a>
      <a href="#" class="text-sm">{{ "Quitter" | t }}</a>
    </nav>
  </header>  <main class="container py-28">
    <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-6">

      <div class="bg-white p-4 rounded shadow col-span-1 md:col-span-2 flex items-center">
        <div class="w-32 h-20 bg-gray-200 mr-4"></div>
        <div>
          <p class="text-sm text-gray-600">{{ "Votre carte de visite nominative" | t }}</p>
          <p class="font-bold">Cédric Languin</p>
          <p class="text-sm text-gray-600">{{ "Direction technique DG – cofondateur" | t }}</p>
        </div>
      </div>

      <div class="bg-white p-4 rounded shadow">
        <p class="font-bold text-lg">16 071 209</p>
        <p class="text-sm text-gray-600 mb-2">{{ "cartes papier évitées au total" | t }}</p>
        <ul class="text-sm space-y-1">
          <li><a href="#">{{ "Mettre à jour votre carte" | t }}</a></li>
          <li><a href="#">{{ "Installer votre option signature" | t }}</a></li>
          <li><a href="#">{{ "Télécharger votre QR-Code" | t }}</a></li>
        </ul>
      </div>
    </div>

    <div class="grid grid-cols-1 md:grid-cols-3 gap-6">

      <div class="bg-white p-4 rounded shadow">
        <p class="font-bold text-xl">46094</p>
        <p class="text-sm text-gray-600">{{ "Cartes de visite" | t }}</p>
      </div>

      <div class="bg-red-100 p-4 rounded shadow">
        <p class="font-bold text-xl text-red-600">2</p>
        <p class="text-sm text-red-600">{{ "Cartes dans la corbeille" | t }}</p>
        <a href="#" class="text-sm underline">{{ "Restaurer ou supprimer" | t }}</a>
      </div>

      <div class="bg-white p-4 rounded shadow">
        <p class="font-bold text-xl">10321</p>
        <p class="text-sm text-gray-600">{{ "Gabarits" | t }}</p>
      </div>

      <div class="bg-white p-4 rounded shadow">
        <p class="font-bold text-xl">7816</p>
        <p class="text-sm text-gray-600">{{ "Actualités" | t }}</p>
      </div>

      <div class="bg-white p-4 rounded shadow">
        <p class="font-bold text-xl">{{ "Enseignes" | t }}</p>
        <p class="text-sm text-gray-600">{{ "Options de marque blanche" | t }}</p>
      </div>

      <div class="bg-white p-4 rounded shadow">
        <p class="font-bold text-xl">{{ "Statistiques" | t }}</p>
        <p class="text-sm text-gray-600">{{ "Vues, enregistrements" | t }}</p>
      </div>

      <div class="bg-white p-4 rounded shadow">
        <p class="font-bold text-xl">5787</p>
        <p class="text-sm text-gray-600">{{ "Tags NFC" | t }}</p>
        <p class="text-sm text-gray-600">{{ "Gestion et suivi" | t }}</p>
      </div>

      <div class="bg-white p-4 rounded shadow">
        <p class="font-bold text-xl">CRM</p>
        <p class="text-sm text-gray-600">{{ "Work in progress" | t }}</p>
      </div>

      <div class="bg-white p-4 rounded shadow">
        <p class="font-bold text-xl">{{ "Vos données" | t }}</p>
        <p class="text-sm text-gray-600">{{ "Importer, Exporter, API" | t }}</p>
      </div>
    </div>
  </main>
-->

<div class="fixed right-0 left-0 z-10 mx-auto mt-12 container-fluid hover:col-span-6">
    <div class="text-center ltr:md:text-left rtl:md:text-right border-b-[3px] bg-white dark:bg-black">
        <div id="searchbar" class="container mt-6">
            <div class="flex overflow-hidden">
            <form up-submit up-history="true" up-target="#searchbar-results" class="relative w-full" method="get" action="/list">
                <input type="hidden" name="v" value="{{ .optionView }}" />
                <label>
                <span class="absolute top-6"><i class="fa fa-search"></i></span>
                <input id="searchbar-live" type="text" name="q" value="{{ .q }}" class="p-6 font-bold text-black bg-transparent border-0 outline-none w-flex-full dark:text-white" placeholder="{{ "Rechercher..." | t }}" style="width:calc(100%)" />
                </label>
                <button type="submit" class="absolute top-4 text-black rounded-full border-black btn ltr:right-0 rtl:left-0 btn-icon dark:border-white dark:text-white hover:bg-indigo-600 hover:text-white"><i class="fa fa-check"></i></button>
            </form>
            </div>
        </div>
    </div>
</div>

<section class="flex relative justify-center items-center py-32" id="home">
    <div class="mx-auto mt-12 container hover:col-span-6">

        <div class="grid grid-cols-1 gap-6 px-8 pt-24 md:grid-cols-2 lg:grid-cols-3">

        <!-- Carte stats dynamique -->
        <a href="/list?v=cards" class="p-6 rounded-xl shadow-md transition-colors duration-300 cursor-pointer group border-2 hover:bg-indigo-600">
        <h2 class="text-3xl font-bold">45 149</h2>
        <p class="mt-1 text-sm uppercase">{{ "Cartes de visite" | t }}</p>
        <p class="mt-4 text-xs">{{ "Consulter, éditer, livrer" | t }}</p>
        </a>
    
        <a href="/list/trash" class="p-6 rounded-xl shadow-md transition-colors duration-300 cursor-pointer group border-2 hover:bg-indigo-600">
        <h2 class="text-2xl font-bold">1 849</h2>
        <p class="mt-1 text-sm uppercase">{{ "Cartes dans la corbeille" | t }}</p>
        <p class="mt-4 text-xs">{{ "Restaurer ou supprimer" | t }}</p>
        </a>
    
        <!-- Groupe Personnalisation -->
        <a href="/design" class="p-6 rounded-xl shadow-md transition-colors duration-300 cursor-pointer group border-2 hover:bg-indigo-600">
        <h2 class="text-xl font-semibold">{{ "Gabarits" | t }}</h2>
        <p class="mt-2 text-xs">{{ "Éditez vos chartes graphiques" | t }}</p>
        </a>
    
        <a href="/go/to/track" class="p-6 rounded-xl shadow-md transition-colors duration-300 cursor-pointer group border-2 hover:bg-indigo-600">
        <h2 class="text-xl font-semibold">{{ "Statistiques" | t }}</h2>
        <p class="mt-2 text-xs">{{ "Consultations & téléchargements" | t }}</p>
        </a>
    
        <a href="/go/to/studio" class="p-6 rounded-xl shadow-md transition-colors duration-300 cursor-pointer group border-2 hover:bg-indigo-600">
        <h2 class="text-xl font-semibold">{{ "Enseignes" | t }}</h2>
        <p class="mt-2 text-xs">{{ "Options marque blanche" | t }}</p>
        </a>
    
        <!-- NFC -->
        <a href="/go/to/scan" class="p-6 text-green-800 bg-green-100 rounded-xl shadow-md transition-colors duration-300 cursor-pointer group hover:bg-green-700 hover:text-white">
        <h2 class="text-xl font-semibold">{{ "NFC Activé" | t }}</h2>
        <p class="mt-2 text-xs">{{ "Suivi de vos tags" | t }}</p>
        </a>
    
        <!-- CRM -->
        <a href="/go/to/helpdesk" class="p-6 rounded-xl shadow-md transition-colors duration-300 cursor-pointer group border-2 hover:bg-indigo-600">
        <h2 class="text-xl font-semibold">{{ "Messagerie" | t }}</h2>
        <p class="mt-2 text-xs">{{ "Messages reçus" | t }}</p>
        </a>
    
        <a href="/go/to/leads" class="p-6 rounded-xl shadow-md transition-colors duration-300 cursor-pointer group border-2 hover:bg-indigo-600">
        <h2 class="text-xl font-semibold">{{ "Leads" | t }}</h2>
        <p class="mt-2 text-xs">{{ "Contacts collectés" | t }}</p>
        </a>
    
        <!-- Data -->
        <a href="/go/to/builders" class="p-6 rounded-xl shadow-md transition-colors duration-300 cursor-pointer group border-2 hover:bg-indigo-600">
        <h2 class="text-xl font-semibold">{{ "Vos données" | t }}</h2>
        <p class="mt-2 text-xs">{{ "Importer, Exporter, API" | t }}</p>
        </a>
    
    </main>
    
    </div>
</section>

{{ template "footer.html" . }}