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

{% block content %}



{# =========================================================
FILTERBEREICH
---------------------------------------------------------
Oberer Bereich mit:
- Dropdowns
- Suchfeldern
- Datumsfiltern
- Bereichsfiltern
========================================================= #}
<div class="gc-card gc-filterbar">

  {% include 'base/liste_filter.html' %}

</div>



{# =========================================================
TABELLEN-CONTAINER
---------------------------------------------------------
Enthält die komplette Forderungsliste.

Klassen:
- gc-card → Kartenlayout
- gc-table-wrap → Scroll-/Tabellencontainer
========================================================= #}
<div class="gc-card gc-table-wrap">

  <table class="table gc-table table-hover align-middle">

    {# =====================================================
    TABELLENKOPF
    -----------------------------------------------------
    Enthält:
    - Spaltenüberschriften
    - Sticky Header
    ====================================================== #}
    <thead>

      {% include 'forderungen/liste/liste_kopfzeile.html' %}

    </thead>


    {# =====================================================
    TABELLENINHALT
    -----------------------------------------------------
    Enthält alle Datensätze / Tabellenzeilen
    ====================================================== #}
    <tbody>

      {% include 'base/liste_tabelle.html' %}

    </tbody>
  </table>
</div>

<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Invoice</h5>
        <button type="button" class="btn-close" data-coreui-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <iframe src="/static/assets/pdf/invoice.pdf" style="width: 100%; height: 800px;" frameborder="0">
          Ihr Browser kann leider keine eingebetteten Frames anzeigen.
        </iframe>
      </div>
      <!--
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-coreui-dismiss="modal">Schließen</button>
      </div>
      -->
    </div>
  </div>
</div>

{% endblock %}