{{ template "headersMenu.html" . }}

<section class="relative pt-20">
  <div class="container px-6 mx-auto mt-20 text-center">
    {{ if .isConnected }}
    <div style="width:42vw" class="float-dir">
      <h2 class="inline mb-8 text-2xl font-bold md:text-3xl">{{ "Quitter la session ?" | t }}</h2>
      <div class="pt-4 pb-16 text-center filters-group-wrap">
        <a href="/signout" class="p-4 p-6 font-bold text-white uppercase bg-red-600 rounded-md btn" style="margin-right:7px">{{ "Cliquez ici pour vous déconnecter" | t }}</a>
      </div>
    </div>
    <h2 class="inline text-2xl font-bold md:text-3xl">{{ "Connaissez-vous tous vos outils ?" | t }}</h2>
    <p class="pt-3 pb-5 mx-auto">{{ "La liste varie selon votre formule." | t }}<br/><a href="/go/to/boutique" class="text-xs underline">{{ "Gérer votre formule" | t }}</a></p>
    {{ else }}
    <h2 class="inline mb-8 text-2xl font-bold md:text-4xl">{{ "Toutes vos applications" | t }}</h2>
    <p class="py-5 mx-auto">{{ "Découvrez tous nos services .PM" | t }}<br/>{{ "conçus pour simplifier votre vie numérique." | t }}</p>
    {{ end }}

    <div class="mb-8">
      <input type="text" id="search" placeholder="{{ "Recherchez un service" | t }}..." class="px-4 py-2 text-black bg-gray-100 rounded-md border-2 border dark:text-white dark:bg-gray-800" style="width:100%; max-width:400px">
    </div>
  </div>
</section>

<section class="relative">
  <div class="container px-0 mx-auto text-center">
    <div class="container">
      <div id="PMapp-grid" class="grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-4"></div>
    </div>
  </div>
</section>

<br/><br/><br/>

{{ template "footer.html" . }}