{% extends sitebase.html %}
{% block head %}
<style>
    .column {
    float: left;
    width: 20%;
    }

    .row:after {
    content: "";
    display: table;
    clear: both;
    }
</style>
{% end %}
{% block content %}
{% if input or error is not None %}
  {% if error is not None %}
    <div class="alert alert-danger" role="alert">
      {{error}}
    </div>
  {% end %}
<form action="{% raw qiita_config.portal_dir %}/admin/sample_validation/" method="post" id="sample_validation_form">
    <label for="qid">Qiita id:</label><br>
    <input type="text" id="qid" name="qid"><br>
    <label for="snames">Sample names:</label><br>
    <textarea id="sname" name="snames"></textarea><br><br>
    <input type="submit" value="Submit">
</form>
{% else %}
<div class="row">
    <div class="column">
        <h2>Matching</h2>
        <ul>
            {% for sample in matching %}
            <li>{{ sample }}</li>
            {% end %}
        </ul>
    </div>
    <div class="column">
        <h2>Missing</h2>
        <ul>
            {% for sample in missing %}
            <li>{{ sample }}</li>
            {% end %}
        </ul>
    </div>
    <div class="column">
        <h2>Blank</h2>
        <ul>
            {% for sample in blank %}
            <li>{{ sample }}</li>
            {% end %}
        </ul>
    </div>
    <div class="column">
        <h2>Duplicates</h2>
        <ul>
            {% for sample in duplicates %}
            <li>{{ sample }}</li>
            {% end %}
        </ul>
    </div>
    <div class="column">
        <h2>Extra</h2>
        <ul>
            {% for sample in extra %}
            <li>{{ sample }}</li>
            {% end %}
        </ul>
    </div>
</div>
<form action="{% raw qiita_config.portal_dir %}/admin/sample_validation/" method="get" id="return_to_sample_validation_form">
    <input type="submit" value="Validate more samples">
</form>
{% end %}
{% end %}