{% extends "base.html.j2" %}
{% import "materialize/wtf.html.j2" as wtf %}
{% from "contributions/_breadcrumbs.html.j2" import breadcrumbs with context %}

{% block page_content %}
<div class="container">
  <div class="row">
    <div class="col s12">
      <h1 id="title">{{ title }}</h1>
    </div>

    <div class="col s4">
      <div class="card extension-selector hoverable service-color" data-service="tesseract-ocr-pipeline">
        <a href="{{ url_for('.tesseract_ocr_pipeline_models') }}" style="position: absolute; width: 100%; height: 100%;"></a>
        <div class="card-content">
          <span class="card-title" data-service="tesseract-ocr-pipeline"><i class="nopaque-icons service-icons" data-service="tesseract-ocr-pipeline"></i>Tesseract OCR Pipeline Models</span>
          <p>Here you can see and edit the models that you have created. You can also create new models.</p>
        </div>
      </div>
    </div>

    <div class="col s4">
      <div class="card extension-selector hoverable service-color" data-service="spacy-nlp-pipeline">
      <a href="{{ url_for('.spacy_nlp_pipeline_models') }}" style="position: absolute; width: 100%; height: 100%;"></a>
        <div class="card-content">
          <span class="card-title"><i class="nopaque-icons service-icons" data-service="spacy-nlp-pipeline"></i>SpaCy NLP Pipeline Models</span>
          <p>Here you can see and edit the models that you have created. You can also create new models.</p>
        </div>
      </div>
    </div>

    <!--
    <div class="col s4">
      <div class="card extension-selector hoverable service-color" data-service="transkribus-htr-pipeline">
      <a href="" style="position: absolute; width: 100%; height: 100%;"></a>
        <div class="card-content">
          <span class="card-title"><i class="nopaque-icons service-icons" data-service="transkribus-htr-pipeline"></i>Transkribus HTR Pipeline Models</span>
          <p>Here you can see and edit the models that you have created. You can also create new models.</p>
        </div>
      </div>
    </div>
    -->
  </div>
</div>
{% endblock page_content %}