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

{% block page_content %}
<div class="col s12 m4">
  <h3>The process...</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="card">
    <div class="card-content">
      <div class="row">
        <div class="col s12 m6">
          <div class="card z-depth-0">
            <div class="card-content">
              <span class="card-title">
                <i class="material-icons blue-grey-text text-darken-2 left">layers</i>
                Eingabe von Bilddaten
              </span>
              <p>
                Über ein Auftragsformular können Bilddaten in Form von
                PDF-Dateien hochgeladen werden.
              </p>
            </div>
          </div>
        </div>
        <div class="col s12 m6">
          <div class="card z-depth-0">
            <div class="card-content">
              <span class="card-title">
                <i class="material-icons blue-grey-text text-darken-2 left">layers</i>
                Optische Zeichenerkennung
              </span>
              <p>
                Die optische Zeichenerkennung erfolgt in der
                Recheninfrastruktur der Plattform.
              </p>
            </div>
          </div>
        </div>
        <div class="col s12 m6">
          <div class="card z-depth-0">
            <div class="card-content">
              <span class="card-title">
                <i class="material-icons blue-grey-text text-darken-2 left">layers</i>
                Fehlerkorrektur
              </span>
              <p>
                Je nach Qualität der Eingabedaten kann es zu
                Fehlern kommen, die korrigiert werden sollten.
              </p>
            </div>
          </div>
        </div>
        <div class="col s12 m6">
          <div class="card z-depth-0">
            <div class="card-content">
              <span class="card-title">
                <i class="material-icons blue-grey-text text-darken-2 left">layers</i>
                Weiterverarbeitung
              </span>
              <p>
                Die Textdaten können weiterverarbeitet<a class="tooltipped" data-position="top" data-tooltip="Zum Beispiel durch die hier angebotene linguistische Datenverarbeitung."><sup>[*]</sup></a>
                oder in dieser Form bereits genutzt<a class="tooltipped" data-position="top" data-tooltip="Zum Beispiel mit dem Programm &quot;AntConc&quot;."><sup>[*]</sup></a> werden.
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="col s12">
  <h3>Submit a job</h3>
</div>

<div class="col s12">
  <div class="card">
    <div class="card-content">
      <form method="POST" enctype="multipart/form-data">
        {{ create_ocr_job_form.hidden_tag() }}
        <div class="row">
          <div class="col s12 m4">
            <div class="input-field">
              <i class="material-icons prefix">title</i>
              {{ create_ocr_job_form.title() }}
              {{ create_ocr_job_form.title.label }}
              {% for error in create_ocr_job_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_ocr_job_form.description() }}
              {{ create_ocr_job_form.description.label }}
              {% for error in create_ocr_job_form.description.errors %}
                <span class="helper-text red-text">{{ error }}</span>
              {% endfor %}
            </div>
          </div>
          <div class="col s12 m8">
            <div class="file-field input-field">
              <div class="btn">
                <span>{{ create_ocr_job_form.files.label.text }}</span>
                {{ create_ocr_job_form.files(accept='application/pdf, image/tiff') }}
              </div>
              <div class="file-path-wrapper">
                <input class="file-path validate" type="text">
              </div>
              {% for error in create_ocr_job_form.files.errors %}
                <span class="helper-text red-text">{{ error }}</span>
              {% endfor %}
            </div>
          </div>
          <div class="col s12 m4">
            <div class="input-field">
              <i class="material-icons prefix">language</i>
              {{ create_ocr_job_form.language() }}
              {{ create_ocr_job_form.language.label }}
              {% for error in create_ocr_job_form.language.errors %}
                <span class="helper-text red-text">{{ error }}</span>
              {% endfor %}
            </div>
          </div>
        </div>
        {{ create_ocr_job_form.submit(class='btn') }}
      </form>
    </div>
  </div>
</div>
{% endblock %}