{{define "app_tile" }}
<div>
  <article data-controller="app-tile">
        <div class="m-4 sm:block md:lg:flex w-100">
          <div class="flex flex-col md:flex-row md:max-w-xl rounded-lg bg-white shadow-lg">
            <div class="p-6 flex flex-col justify-start">
              <h5 class="text-gray-900 text-xl font-medium mb-2"><code>{{ .Manifest.Title }}</code></h5>
              <div class="flex justify-between">
                <div>
                  <p class="text-gray-600 text-xs">{{ index .Manifest.Tags 0 }}</p>
                </div>
                <div>
                  <a class="flex" 
                    href="apps/{{ .Manifest.ID }}">
                    <span>Ouvrir</span>
                    <img class="custom-icon" width="50" height="50" src="/icons/chevron-right-solid.svg"/>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
  </article>
</div>
{{end}}