<h1>Check files</h1>

<div class="col-md-12">
  <!-- Nav tabs -->
  <ul class="nav nav-tabs" role="tablist">
    <li role="presentation" class="active"><a href="#file" aria-controls="file" role="tab" data-toggle="tab">Check local file</a></li>
    <li role="presentation" class=""><a href="#url" aria-controls="url" role="tab" data-toggle="tab">Check online file</a></li>
    <li role="presentation" class=""><a href="#repository" aria-controls="repository" role="tab" data-toggle="tab">Check local folder</a></li>
  </ul>

  <!-- Tab panes -->
  <div class="tab-content">
    <div role="tabpanel" class="tab-pane panel col-md-12 active" id="file">
      {{ form(formUpload) }}
    </div>
    <div role="tabpanel" class="tab-pane panel col-md-12" id="url">
      {{ form(formOnline) }}
    </div>
    <div role="tabpanel" class="tab-pane panel col-md-12" id="repository">
      {{ form(formRepository) }}
    </div>
  </div>
</div>

<div class="col-md-12" id="checkerInfo">
  <div></div>
</div>

<div class="col-md-12" id="checkerResults">
  <div id="checkerResultTitle">
    <h2>Results</h2>
    <button type="button" class="close h2 hidden">&times; Close all results</button>
  </div>
  <div id="checkerApplyAll" class="col-md-12 hidden"></div>
  <div class="table-responsive col-md-12">
    <table id="result-table" class="table table-hover checker-results display">
      <thead>
        <tr>
          <th>Files</th>
          <th class="text-center"><span title="Implementation">Implem</span></th>
          <th class="text-center">Policy</th>
          <th class="text-center">MediaInfo</th>
          <th class="text-center">MediaTrace</th>
          <th class="text-center">Status</th>
        </tr>
      </thead>
      <tbody>
      </tbody>
    </table>
  </div>
  <div class="result-container"></div>
</div>
