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


{% block page_content %}
<div class="container">
  <h1>{{ title }}</h1>

  <div class="card">
    <div class="card-content">
      <div class="job-list" data-user-id="{{ current_user.hashid }}"></div>
    </div>
    <div class="card-action right-align">
      <a class="btn modal-trigger waves-effect waves-light" data-target="create-job-modal">Create job<i class="material-icons right">add</i></a>
    </div>
  </div>

  <div class="fixed-action-btn">
    <a class="btn-floating btn-large">
      <i class="large material-icons">add</i>
    </a>
    <ul>
      <li>
        <a class="btn-floating service-color darken tooltipped" data-position="left" data-tooltip="File Setup Pipeline" data-service="file-setup-pipeline">
          <i class="nopaque-icons service-icons" data-service="file-setup-pipeline"></i>
        </a>
      </li>
      <li>
        <a class="btn-floating service-color darken tooltipped" data-position="left" data-tooltip="Tesseract OCR Pipeline" data-service="tesseract-ocr-pipeline">
          <i class="nopaque-icons service-icons" data-service="tesseract-ocr-pipeline"></i>
        </a>
      </li>
      {% if config.NOPAQUE_TRANSKRIBUS_ENABLED %}
      <li>
        <a class="btn-floating service-color darken tooltipped" data-position="left" data-tooltip="Transkribus HTR Pipeline" data-service="transkribus-htr-pipeline">
          <i class="nopaque-icons service-icons" data-service="transkribus-htr-pipeline"></i>
        </a>
      </li>
      {% endif %}
      <li>
        <a class="btn-floating service-color darken tooltipped" data-position="left" data-tooltip="SpaCy NLP Pipeline" data-service="spacy-nlp-pipeline">
          <i class="nopaque-icons service-icons" data-service="spacy-nlp-pipeline"></i>
        </a>
      </li>
    </ul>
  </div>
</div>

{# 
<div class="parallax-container">
  <div class="parallax">
    <img src="{{ url_for('static', filename='images/parallax_lq/01_books_antique_book_old.jpg') }}">
  </div>
</div>

<div class="container">
  <div class="fixed-action-btn">
    <a class="btn-floating btn-large">
      <i class="large material-icons">add</i>
    </a>
    <ul>
      <li>
        <a class="btn-floating service-color darken tooltipped" data-position="left" data-tooltip="File Setup Pipeline" data-service="file-setup-pipeline">
          <i class="nopaque-icons service-icons" data-service="file-setup-pipeline"></i>
        </a>
      </li>
      <li>
        <a class="btn-floating service-color darken tooltipped" data-position="left" data-tooltip="Tesseract OCR Pipeline" data-service="tesseract-ocr-pipeline">
          <i class="nopaque-icons service-icons" data-service="tesseract-ocr-pipeline"></i>
        </a>
      </li>
      {% if config.NOPAQUE_TRANSKRIBUS_ENABLED %}
      <li>
        <a class="btn-floating service-color darken tooltipped" data-position="left" data-tooltip="Transkribus HTR Pipeline" data-service="transkribus-htr-pipeline">
          <i class="nopaque-icons service-icons" data-service="transkribus-htr-pipeline"></i>
        </a>
      </li>
      {% endif %}
      <li>
        <a class="btn-floating service-color darken tooltipped" data-position="left" data-tooltip="SpaCy NLP Pipeline" data-service="spacy-nlp-pipeline">
          <i class="nopaque-icons service-icons" data-service="spacy-nlp-pipeline"></i>
        </a>
      </li>
    </ul>
  </div>

  <div style="position: relative; top: -90px;">
    <div class="card">
      <div class="card-content">
        <div class="job-list" data-user-id="{{ current_user.hashid }}"></div>
      </div>
      <div class="card-action right-align">
        <a class="btn modal-trigger waves-effect waves-light" data-target="create-job-modal">Create job<i class="material-icons right">add</i></a>
      </div>
    </div>
  </div>
</div>
#}
{% endblock page_content %}