{% extends "base.html.j2" %}

{% block page_content %}
<div class="col s12 m4">
  <h3>Corpora</h3>
  <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,</p>
</div>

<div class="col s12 m8">
  <div class="collection">
    <a href="#!" class="collection-item avatar">
        <i class="material-icons circle">book</i>
        <span class="title">Utopias</span>
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed dia</p>
    </a>
    <a href="#!" class="collection-item avatar">
        <i class="material-icons circle">book</i>
        <span class="title">Dystopias</span>
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed dia</p>
    </a>
    <a href="#!" class="collection-item avatar">
        <i class="material-icons circle">book</i>
        <span class="title">Mungo Park - Travel books</span>
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed dia</p>
    </a>
  </div>
</div>

<div class="col s12">
  <p>&nbsp;</p>
</div>

<div class="col s12 m4">
  <h3>Jobs</h3>
</div>

<div class="col s12 m8">
  <div class="collection">
    <a class="collection-item avatar">
        <i class="material-icons circle">find_in_page</i>
        <span class="new badge teal" data-badge-caption="">finished</span>
        <span class="title">Harry Potter</span>
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed dia</p>
    </a>
    <a class="collection-item avatar">
        <i class="material-icons circle">find_in_page</i>
        <span class="new badge amber" data-badge-caption="">queued</span>
        <span class="title">Sprawl trilogy</span>
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed dia</p>
    </a>
    <a class="collection-item avatar">
        <i class="material-icons circle">format_textdirection_l_to_r</i>
        <span class="new badge indigo" data-badge-caption="">running</span>
        <span class="title">Bob the Builder</span>
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed dia</p>
    </a>
  </div>
</div>

<div class="col s12">
  <div class="card small">
    <div class="card-content">
      <span class="card-title">Create new corpus</span>
      <form method="POST" enctype="multipart/form-data">
        {{ create_corpus_form.hidden_tag() }}
        <div class="row">
          <div class="col s12 m4">
            <div class="input-field">
              <i class="material-icons prefix">title</i>
              {{ create_corpus_form.title() }}
              {{ create_corpus_form.title.label }}
              {% for error in create_corpus_form.title.errors %}
                <span class="helper-text red-text">{{ error }}</span>
              {% endfor %}
            </div>
          </div>
          <div class="col s12 m8">
            <div class="input-field">
              <i class="material-icons prefix">description</i>
              {{ create_corpus_form.description() }}
              {{ create_corpus_form.description.label }}
              {% for error in create_corpus_form.description.errors %}
                <span class="helper-text red-text">{{ error }}</span>
              {% endfor %}
            </div>
          </div>
          <div class="col s12">
            <div class="file-field input-field">
              <div class="btn">
                <span>{{ create_corpus_form.files.label.text }}</span>
                {{ create_corpus_form.files(accept='.vrt') }}
              </div>
              <div class="file-path-wrapper">
                <input class="file-path validate" type="text">
              </div>
              {% for error in create_corpus_form.files.errors %}
                <span class="helper-text red-text">{{ error }}</span>
              {% endfor %}
            </div>
          </div>
        </div>
        <div class="card-action right-align">
          {{ create_corpus_form.submit(class='btn') }}
        </div>
      </form>
    </div>
  </div>
</div>

{% endblock %}