@import models.Iat

@(context_path: String, iatList: Seq[Iat], id: String, status: String)

@main_fr("IAT Manager - List", context_path, id, status) {
<div class="container">
  <div class="columns">
    <div class="column is-full box has-background-grey-light">
      <h1 class="title has-text-centered has-text-primary">
        Vos IAT
      </h1>
      <div class="field">
        <a class="button is-small is-primary" href="@context_path/iat/new?lang=fr">
          Créer un IAT
        </a>
      </div>
      <div class="table-container is-size-7">
        <table class="table
            is-bordered
            is-hoverable
            is-fullwidth
            is-responsive
            has-background-grey-light">
          <thead>
            <tr>
              <th class="is-narrow">Date de création</th>
              <th class="">Titre</th>
              <th class="is-large" width="33%">Description</th>
              <th class="">Lien</th>
              <th class="is-narrow">Details</th>
            </tr>
          </thead>
          <tbody>
            @for(iat <- iatList) { <tr>
              <td>@iat.formatted_date</td>
              <td>@iat.title</td>
              <td>@iat.description.splitAt(35)._1...</td>
              <td>
                <fieldset class="field has-addons has-addons-centered">
                  <input id=iat_@iat._id class="input is-small is-narrow has-background-grey-lighter"
                    value="@context_path/iat-app/@iat._id/test" />
                  <a class="button is-small is-primary is-outlined" data-clipboard-target=#iat_@iat._id>
                    Copier
                  </a>
                </fieldset>
              </td>
              <td>
                <a class="button is-small is-primary is-outlined is-fullwidth"
                  href="@context_path/iat/@iat._id/details?lang=fr">Consulter</a>
              </td>
              </tr>
              }
          </tbody>
          <tfoot>
            <tr>
              <th>Date de création</th>
              <th>Nom</th>
              <th>Description</th>
              <th>Lien</th>
              <th>Details</th>
            </tr>
          </tfoot>
        </table>
      </div>
    </div>
  </div>
</div>
<script type="module">
  import main from "@context_path/scripts/manager/iat_list.js"
  main()
</script>

}