@import models.Iat

@(context_path: String, iat: Iat, id: String, status: String)

@main("IAT Manager - Iat", context_path, id, status) {
<div class="container">
  <div class="columns">
    <div class="column is-full box has-background-grey-light">
      <div hidden id="iat-warning-msg" class="notification is-danger fade-in">
        Warning! This will permanently delete this IAT.&#160;
        <div class="buttons is-pulled-right">
          <button id="iat-confirm-delete" class="button is-small is-responsive is-danger is-inverted is-outlined"
            onclick='deleteRequest("@context_path/iat/@iat._id/delete",
                                    "@context_path/iat/list?lang=en")'>Confirm</button>
          <button id="iat-cancel-delete" class="button is-small is-responsive is-danger is-inverted is-outlined">
            Cancel</button>
        </div>
      </div>
      <div hidden id="results-warning-msg" class="notification is-danger fade-in">
        Warning! All IATs will be deleted.&#160;
        <div class="buttons is-pulled-right">
          <button id="results-confirm-delete" class="button is-small is-responsive is-danger is-inverted is-outlined"
            onclick='deleteRequest("@context_path/iat/@iat._id/results/delete",
                                   "@context_path/iat/@iat._id/details?lang=en")'>
            Confirm</button>
          <button id="results-cancel-delete" class="button is-small is-responsive is-danger is-inverted is-outlined">
            Cancel</button>
        </div>
      </div>
      <div class="column is-pulled-right">
        <button id="iat-delete-btn" value="@iat._id" class="button is-small is-danger is-outlined is-pulled-right">
          Delete IAT
        </button>
      </div>

      @if(iat.results.length > 0) {
      <div class="column is-pulled-right">
        <button id="results-delete-btn" value="@iat._id" class="button is-small is-danger is-outlined">
          Delete all results
        </button>
      </div>
      <div class="column is-pulled-right">
        <a class="button is-small is-primary" href="@context_path/iat/@iat._id/download" download>@if(iat.results.length
          == 1) {
          Download @iat.results.length result } else {
          Download @iat.results.length results }
        </a>
      </div>
      }

      <h1 class="title has-text-primary">
        @iat.title
      </h1>
      <h2 class="subtitle is-size-6">
        @iat.description
      </h2>
      <h4 class="subtitle is-size-6">
        Link to the complementary questionnaire: @iat.qlink
      </h4>
      <section 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-large">Concept 1: @iat.test.concept1.name</th>
              @if(!iat.test.concept2.values.isEmpty) {
              <th class="is-large">Concept 2: @iat.test.concept2.name</th>
              }
            </tr>
          <tbody>
            <tr>
              <td class="is-large">
                @iat.test.concept1.values.reduceLeft(_ + ", " + _)</td>

              @if(!iat.test.concept2.values.isEmpty) {
              <td class="is-large">
                @iat.test.concept2.values.reduceLeft(_ + ", " + _)</td>
              }
            </tr>
          </tbody>
          </thead>
          <thead>
            <tr>
              <th class="is-large">Attribute 1: @iat.test.attribute1.name</th>
              <th class="is-large">Attribute 2: @iat.test.attribute2.name</th>
            </tr>
          <tbody>
            <tr>
              <td class="is-large">
                @iat.test.attribute1.values.reduceLeft(_ + ", " + _)</td>
              <td class="is-large">
                @iat.test.attribute2.values.reduceLeft(_ + ", " + _)</td>
            </tr>
          </tbody>
          </thead>
        </table>
      </section>
      <a class="button is-small is-primary is-fullwidth" href="@context_path/iat-app/@iat._id/test?lang=en"
        target="_blank">Start test</a>
    </div>
  </div>
</div>
<script type="text/javascript" src="@context_path/scripts/manager/iat_board.js">
</script>
<script type="text/javascript" src="@context_path/scripts/common/requests.js">
</script>

}