{{define "title"}}Installer une application - Administration - Arcad{{end}}
{{define "body"}}
{{template "header" .}}
<section class="block" data-controller="app-install">
  <div class="container">
      <div class="">
        {{template "admin_menu" "market"}}
      </div>
      <div class="">
        {{template "flash" .}}
        {{if .App}}
        <div class="w-full md:inset-0 md:h-full">
          <div class="relative p-4 w-full max-w-2xl h-full md:h-auto">
            <!-- Modal content -->
            <div class="relative bg-white rounded-lg shadow dark:bg-gray-700">
                <!-- Modal header -->
                <div class="flex justify-between items-start p-4 rounded-t border-b dark:border-gray-600">
                    <h3 class="text-xl font-semibold text-gray-900 dark:text-white">
                        Installation d'une application - <code>{{ .App.Name }}</code>
                    </h3>
                </div>
                <!-- Modal body -->
                <div class="p-6 space-y-6">
                    <p data-target="app-install.message" class="text-base leading-relaxed text-gray-500 dark:text-gray-400">
                        Êtes vous sûr de vouloir installer l'application <code>{{ .App.Name }}</code> en version <code>{{ .App.LatestRelease.Version }}</code> développée par <b>{{ .App.Owner.Username }}</b> ?                
                    </p>
                </div>
                <!-- Modal footer -->
                <div class="flex items-center p-6 space-x-2 rounded-b border-t border-gray-200 dark:border-gray-600">
                    <a data-target="app-install.cancelButton" href="/admin/market"  class="text-gray-500 bg-white hover:bg-gray-100 focus:ring-4 focus:outline-none font-bold focus:ring-blue-300 rounded-lg border border-gray-200 text-sm font-medium px-5 py-2.5 hover:text-gray-900 focus:z-10 dark:bg-gray-700 dark:text-gray-300 dark:border-gray-500 dark:hover:text-white dark:hover:bg-gray-600 dark:focus:ring-gray-600">Annuler</a>
                    <button data-target="app-install.installButton" data-action="click->app-install#onInstallClick"  class="text-white bg-blue-500 hover:bg-blue-700 font-bold focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center">Confirmer</a>
                </div>
            </div>
          </div>
        </div>
        {{else}}
          <article class="message is-danger">
            <div class="message-body">
              Impossible de trouver l'application correspondant à la demande d'installation.
              <div class="buttons is-right">
                <a href="/admin/market" class="button is-outlined is-danger">Retour</a>
              </div>
            </div>
          </article>
        {{end}}
      </div>
  </div>
</section>
{{end}}

{{define "body_script"}}
<script defer src="/admin.js"></script>
{{end}}

{{template "base" .}}