{% 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>

      {# Tesseract OCR Models #}
      <div>
        <h3>My Tesseract OCR Pipeline Models</h3>
        <p>Here you can see and edit the models that you have created. You can also create new models.</p>

        <div class="row">
          <div class="col s12">
            <div class="card">
              <div class="card-content">
                <div class="tesseract-ocr-pipeline-model-list" data-user-id="{{ current_user.hashid }}"></div>
              </div>
              <div class="card-action right-align">
                <a href="{{ url_for('.create_tesseract_ocr_pipeline_model') }}" class="btn waves-effect waves-light"><i class="material-icons left">add</i>Create</a>
              </div>
            </div>
          </div>
        </div>
      </div>
      
      {# spaCy NLP Models #}
      <div>
        <h3>My spaCy NLP Pipeline Models</h3>
        <p>Here you can see and edit the models that you have created. You can also create new models.</p>

        <div class="row">
          <div class="col s12">
            <div class="card">
              <div class="card-content">
                <div class="spacy-nlp-pipeline-model-list" data-user-id="{{ current_user.hashid }}"></div>
              </div>
              <div class="card-action right-align">
                <a href="{{ url_for('.create_spacy_nlp_pipeline_model') }}" class="btn waves-effect waves-light"><i class="material-icons left">add</i>Create</a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock page_content %}