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


<!--

<h3>Kommentare</h3>

<table class="table table-striped table-bordered">
  <thead>
    <tr>
      <th>Timestamp</th>
      <th>Name</th>
      <th>Rolle</th>
      <th>Begründung</th>
      <th>Wiedervorlage</th>
      <th>Kommentar</th>
    </tr>
  </thead>
  <tbody>
    {% for row in forderung_kommentar %}
    <tr>
      <td>{{ row.Timestamp|date_format }}</td>
      <td>{{ row.Name }}</td>
      <td>{{ row.Rolle }}</td>
      <td>{{ row.Begründung or '' }}</td>
      <td>{{ row.Wiedervorlage|date_format }}</td>
      <td>{{ row.Kommentar or '' }}</td>
    </tr>
    {% endfor %}
  </tbody>
</table>

-->

<br>
<br>

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

<br>
<br>

<h3>Eingabemaske</h3>
<br>
<br>

<form class="row g-3">
  <div class="col-12">
    <div class="form-check" data-coreui-toggle="collapse" data-coreui-target="#VersicherungCollapse"
      aria-expanded="false" aria-controls="VersicherungCollapse">
      <input class="form-check-input" type="checkbox" id="Versicherung">
      <label class="form-check-label" for="Versicherung">
        <strong>Versicherungsfall</strong>
      </label>
    </div>
  </div>

  <div class="collapse" id="VersicherungCollapse">
    <div class="card card-body">
      <div class="row mb-3">
        <label for="Versicherung_Name" class="col-sm-2 col-form-label">Versicherung</label>
        <div class="col-sm-3">
          <select id="Versicherung_Name" name="Versicherung_Name" class="form-select">
            <option value="" selected>-</option>
<option>ADAC Autoversicherung AG</option>
<option>ADLER Versicherung AG</option>
<option>Allianz Versicherungs-Aktiengesellschaft</option>
<option>AllSecur Deutschland AG</option>
<option>ALTE LEIPZIGER Versicherung Aktiengesellschaft</option>
<option>ARAG Allgemeine Versicherungs-AG</option>
<option>AXA Versicherung AG</option>
<option>Badische Allgemeine Versicherung AG</option>
<option>Barmenia Allgemeine Versicherungs-AG</option>
<option>Badischer Gemeinde-Versicherungs-Verband</option>
<option>Basler Securitas Versicherungs-AG</option>
<option>Basler Versicherungs-Gesellschaft, Basel, Direktion für Deutschland</option>
<option>BAYERISCHE BEAMTEN VERSICHERUNG AKTIENGESELLSCHAFT</option>
<option>Bayerischer VersicherungsverbandVersicherungsaktiengesellschaft</option>
<option>BRUDERHILFE Sachversicherung Aktiengesellschaft im Raum der Kirchen</option>
<option>Chartis Europe S.A.</option>
<option>Concordia Versicherungs-Gesellschaft auf Gegenseitigkeit</option>
<option>Condor Allgemeine Versicherungs-Aktiengesellschaft</option>
<option>Continentale</option>
<option>COSMOS Versicherung Aktiengesellschaft</option>
<option>DA - Deutsche Allgemeine Versicherung Aktiengesellschaft</option>
<option>DBV Deutsche Beamten-Versicherung Aktiengesellschaft</option>
<option>Debeka Allgemeine Versicherung Aktiengesellschaft</option>
<option>deutsche internet versicherung aktiengesellschaft</option>
<option>DEVK Fast Lane</option>
<option>Direct Line Versicherung AG</option>
<option>ERGO Versicherung Aktiengesellschaft</option>
<option>EUROPA Sachversicherung AG</option>
<option>Fahrlehrerversicherung Verein auf Gegenseitigkeit</option>
<option>Feuersozietät Berlin Brandenburg</option>
<option>GARANTA Versicherungs-AG</option>
<option>GEGENSEITIGKEIT Versicherung Oldenburg</option>
<option>Generali Deutschland Versicherung AG</option>
<option>Gothaer Allgemeine Versicherung AG</option>
<option>GVV-Kommunalversicherung VVaG</option>
<option>GVV-Privatversicherung AG</option>
<option>Haftpflichtgemeinschaft Dt. Nahverkehrs- u. Versorgungsuntern. Allg. VVaG</option>
<option>Hannoversche Direktversicherung AG</option>
<option>HanseMerkur Allgemeine Versicherung AG</option>
<option>HDI Global SE</option>
<option>HDI Versicherung AG</option>
<option>HDI-Gerling Firmen und Privat Versicherung AG</option>
<option>HDI Haftpflichtverband der Deutschen Industrie VVaG</option>
<option>Helvetia Schweizerische Versicherungsgesellschaft</option>
<option>HUK 24 Aktiengesellschaft</option>
<option>HUK-COBURG-Allgemeine Versicherungs AG</option>
<option>HUK-COBURG Haftpflicht-Unterstützungs-Kasse kraftfahrender Beamter a.G.</option>
<option>Itzehoer Versicherung/ Brandgilde von 1691 VVaG</option>
<option>KRAVAG-ALLGEMEINE Versicherungs-Aktiengesellschaft</option>
<option>KRAVAG-LOGISTIC Versicherungs-Aktiengesellschaft</option>
<option>KRAVAG-SACH Versicherung des Deutschen Kraftverkehrs VaG</option>
<option>Landesschadenhilfe Versicherung VaG</option>
<option>Lippische Landesbrandversicherung AG</option>
<option>LVM Landwirtschaftlicher Versicherungsverein Münster a.G.</option>
<option>Mannheimer Versicherung Aktiengesellschaft</option>
<option>Mecklenburgische Versicherungs-Gesellschaft a.G.</option>
<option>MÜNCHENER VEREIN Allgemeine Versicherungs-AG</option>
<option>NÜRNBERGER Allgemeine Versicherungs-AG</option>
<option>NÜRNBERGER Beamten Allgemeine Versicherungs-AG</option>
<option>Oldenburgische Landesbrandkasse</option>
<option>Optima Versicherungs-Aktiengesellschaft</option>
<option>OVAG - Ostdeutsche Versicherung Aktiengesellschaft</option>
<option>Öffentliche Feuerversicherung Sachsen-Anhalt</option>
<option>Öffentliche Versicherung Braunschweig</option>
<option>Provinzial Nord Brandkasse Aktiengesellschaft</option>
<option>Provinzial Rheinland Versicherung AG</option>
<option>R+V Allgemeine Versicherung AG</option>
<option>R+V Direktversicherung AG</option>
<option>S direkt Versicherung AG</option>
<option>SAARLAND Feuerversicherung AG</option>
<option>SCHWARZMEER UND OSTSEE Versicherungs-AktiengesellschaftSOVAG</option>
<option>Signal Iduna Allgemeine Versicherung AG</option>
<option>SIGNAL Unfallversicherung a.G.</option>
<option>SV Sparkassen-Versicherung Holding AG</option>
<option>United Services Automobile Association Direktion für Deutschland</option>
<option>UniVersa Allgemeine Versicherung AG</option>
<option>Versicherungskammer Bayern Versicherungsanstalt des öffentlichen Rechts</option>
<option>Verti Versicherung</option>
<option>VGH Landschaftliche Brandkasse Hannover</option>
<option>VHV Allgemeine Versicherung AG</option>
<option>VHV Vereinigte Hannoversche Versicherung a.G.</option>
<option>VOLKSWOHL-BUND Sachversicherung Aktiengesellschaft</option>
<option>Westfälische Provinzial Versicherung Aktiengesellschaft</option>
<option>WGV-Versicherung AG</option>
<option>Württembergische Gemeinde-Versicherung a.G.</option>
<option>Württembergische Versicherung AG</option>
<option>WWK Allgemeine Versicherung AG</option>
<option>Zurich Insurance plc</option>


          </select>
        </div>
        <div class="col-sm-3">
          <select id="Versicherung_Typ" name="Versicherung_Typ" class="form-select">
            <option value="" selected>-</option>
            <option>Haftpflicht</option>
            <option>Teilkasko</option>
            <option>Vollkasko</option>
            <option>Ausländisch</option>
            </select>
            </div>  
      </div>
      <div class="row mb-3">
        <label for="Selbstbeteiligung" class="col-sm-2 col-form-label">Selbstbeteiligung</label>
        <div class="col-sm-2">
          <select id="Selbstbeteiligung" name="Selbstbeteiligung" class="form-select">
            <option value="" selected>-</option>
            <option>Versicherung</option>
            <option>Kunde</option>
            <option>Autohaus</option>
          </select>
        </div>
        <div class="col-sm-2">
          <input type="text" class="form-control" id="Selbstbeteiligung_Betrag" placeholder="Betrag">
        </div>
      </div>
      <div class="row mb-3">
        <label for="MwSt" class="col-sm-2 col-form-label">MwSt</label>
        <div class="col-sm-2">
          <select id="MwSt" name="MwSt" class="form-select">
            <option value="" selected>-</option>
                        <option>Versicherung</option>
            <option>Kunde</option>
            <option>Autohaus</option>
          </select>
        </div>
        <div class="col-sm-2">
          <input type="text" class="form-control" id="MwSt_Betrag" placeholder="Betrag">
        </div>
        <div class="col-sm-2">
          <span
            onclick="document.getElementById('MwSt_Betrag').value='{{ forderung_kopf[0].MwSt_Betrag|number_format }}';">{{
            forderung_kopf[0].MwSt_Betrag|number_format }}</span>
        </div>
      </div>
      <div class="col-3">
        <a class="btn btn-secondary" hx-disable="true"
          href="/app/forderungen/export/{{forderung_kopf[0].Client_DB}}_{{forderung_kopf[0].Document_No}}">Mahnung
          erstellen</a>
      </div>

    </div>
  </div>

  <div class="col-12">
    <div class="form-check" data-coreui-toggle="collapse" data-coreui-target="#ReklamationCollapse"
      aria-expanded="false" aria-controls="ReklamationCollapse">
      <input class="form-check-input" type="checkbox" id="Reklamation">
      <label class="form-check-label" for="Reklamation">
        <strong>Reklamation</strong>
      </label>
    </div>
  </div>

  <div class="collapse" id="ReklamationCollapse">
    <div class="card card-body">
      <div class="row mb-3">
        <label for="Reklamation_Begründung" class="col-sm-2 col-form-label">Begründung</label>
        <div class="col-sm-3">
          <input type="text" class="form-control" id="Reklamation_Begründung">
        </div>
      </div>
    </div>
  </div>

  <div class="col-12">
    <div class="form-check" data-coreui-toggle="collapse" data-coreui-target="#RechtsanwaltCollapse"
      aria-expanded="false" aria-controls="RechtsanwaltCollapse">
      <input class="form-check-input" type="checkbox" id="Rechtsanwalt">
      <label class="form-check-label" for="Rechtsanwalt">
        <strong>Rechtsanwalt</strong>
      </label>
    </div>
  </div>


  
  <div class="collapse" id="RechtsanwaltCollapse">
    <div class="card card-body">
      <div class="row mb-3">
        <label for="Rechtsanwalt_Begründung" class="col-sm-2 col-form-label">Begründung</label>
        <div class="col-sm-3">
          <input type="text" class="form-control" id="Rechtsanwalt_Begründung">
        </div>
      </div>
      <div class="row mb-3">
        <label for="Rechtsanwalt_Aktenzeichen" class="col-sm-2 col-form-label">Aktenzeichen</label>
        <div class="col-sm-3">
          <input type="text" class="form-control" id="Rechtsanwalt_Aktenzeichen">
        </div>
      </div>
      <div class="row mb-3">
        <label for="Rechtsanwalt_Stand" class="col-sm-2 col-form-label">Aktueller Stand</label>
        <div class="col-sm-3">
          <input type="text" class="form-control" id="Rechtsanwalt_Stand">
        </div>
      </div>
      <div class="col-3">
        <a class="btn btn-secondary" hx-disable="true"
          href="/app/forderungen/export/{{forderung_kopf[0].Client_DB}}_{{forderung_kopf[0].Document_No}}">Beitreibungsauftrag</a>
      </div>
    </div>
  </div>


  <div class="col-12">
    <div class="form-check" data-coreui-toggle="collapse" data-coreui-target="#MahnenCollapse"
      aria-expanded="false" aria-controls="MahnenCollapse">
      <input class="form-check-input" type="checkbox" id="Mahnen">
      <label class="form-check-label" for="Mahnen">
        <strong>Mahnlauf aussetzen</strong>
      </label>
    </div>
  </div>

  <div class="collapse" id="MahnenCollapse">
    <div class="card card-body">
      <div class="row mb-3">
        <label for="Mahnen_Begründung" class="col-sm-2 col-form-label">Begründung</label>
        <div class="col-sm-3">
          
          <input type="text" class="form-control" id="Mahnen_Begründung">
        </div>
      </div>
    </div>
  </div>

  <div class="col-3">
    <label for="Wiedervorlage" class="form-label">Wiedervorlage</label>
    <input type="date" class="form-control" id="Wiedervorlage" name="Wiedervorlage" value="{{ forderung_kopf[0].Invoice_Date.strftime("%Y-%m-%d") }}">
  </div>

  <div class="col-12">
    <a class="btn btn-primary" hx-disable="true"
      href="#">Speichern
    </a>
  </div>


</form>

<br>
<br>

<div class="accordion accordion-flush" id="accordionFlushExample">
  <div class="accordion-item">
    <h2 class="accordion-header">
      <button class="accordion-button collapsed" type="button" data-coreui-toggle="collapse"
        data-coreui-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">
        <h3>Dateien</h3>
      </button>
    </h2>
    <div id="flush-collapseOne" class="accordion-collapse collapse" data-coreui-parent="#accordionFlushExample">
      <div class="accordion-body">

        <table class="table table-striped table-bordered">
          <thead>
            <tr>
              <th>Datum</th>
              <th>Dateiname</th>
            </tr>
          </thead>
          <tbody>
            {% for row in files %}
            <tr>
              <td></td>
              <td><a href="/files/?name={{ row }}" hx-disable="true">{{ row }}</a></td>
            </tr>
            {% endfor %}
          </tbody>
        </table>

      </div>
    </div>
  </div>
  <div class="accordion-item">
    <h2 class="accordion-header">
      <button class="accordion-button collapsed" type="button" data-coreui-toggle="collapse"
        data-coreui-target="#flush-collapseTwo" aria-expanded="false" aria-controls="flush-collapseTwo">
        <h3>Forderung Details</h3>
      </button>
    </h2>
    <div id="flush-collapseTwo" class="accordion-collapse collapse" data-coreui-parent="#accordionFlushExample">
      <div class="accordion-body">



        <table class="table table-striped table-bordered">
          <tbody>
            {% for row in forderung_kopf %}

            {% for key, value in row._asdict().items() %}
            <tr>
              <th>{{ key }}</th>
              <td>{{ value }}</td>
            </tr>
            {% endfor %}
            {% endfor %}
          </tbody>
        </table>


      </div>
    </div>
  </div>
  <div class="accordion-item">
    <h2 class="accordion-header">
      <button class="accordion-button collapsed" type="button" data-coreui-toggle="collapse"
        data-coreui-target="#flush-collapseThree" aria-expanded="false" aria-controls="flush-collapseThree">
        <h3>Mahnungen</h3>
      </button>
    </h2>
    <div id="flush-collapseThree" class="accordion-collapse collapse" data-coreui-parent="#accordionFlushExample">
      <div class="accordion-body">

        <table class="table table-striped table-bordered">
          <thead>
            <tr>
              <th>Kunde_Nr</th>
              <th>Mahnung_Nr</th>
              <th>Mahndatum</th>
              <th>Mahnstufe</th>
              <th>Rechnung_Nr</th>
              <th>Rechnung_Datum</th>
              <th>Betrag</th>
              <th>Offen</th>
            </tr>
          </thead>
          <tbody>
            {% for row in forderung_mahnung %}
            <tr>
              <td>{{ row.Kunde_Nr }}</td>
              <td>{{ row.Mahnung_Nr }}</td>
              <td>{{ row.Mahndatum|date_format }}</td>
              <td>{{ row.Mahnstufe }}</td>
              <td>{{ row.Rechnung_Nr }}</td>
              <td>{{ row.Rechnung_Datum|date_format }}</td>
              <td class="text-end">{{ row.Betrag|number_format }}</td>
              <td class="text-end">{{ row.Offen|number_format }}</td>
            </tr>
            {% endfor %}
          </tbody>
        </table>




      </div>
    </div>
  </div>


  <div class="accordion-item">
    <h2 class="accordion-header">
      <button class="accordion-button collapsed" type="button" data-coreui-toggle="collapse"
        data-coreui-target="#flush-collapseFour" aria-expanded="false" aria-controls="flush-collapseFour">
        <h3>Auftragspositionen</h3>
      </button>
    </h2>
    <div id="flush-collapseFour" class="accordion-collapse collapse" data-coreui-parent="#accordionFlushExample">
      <div class="accordion-body">

        <table class="table table-bordered">
          <thead>
            <tr>
              <th>Auftrag_Position</th>
              <th>Betrag</th>
            </tr>
          </thead>
          <tbody>
            {% for row in auftrag_positionen %}
            <tr>
              <td>{{ row.Auftrag_Position }}</td>
              <td class="text-end">{{ row.Betrag|number_format }}</td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>
  </div>


  <div class="accordion-item">
    <h2 class="accordion-header">
      <button class="accordion-button collapsed" type="button" data-coreui-toggle="collapse"
        data-coreui-target="#flush-collapseFive" aria-expanded="false" aria-controls="flush-collapseFive">
        <h3>Buchungsbelege</h3>
      </button>
    </h2>
    <div id="flush-collapseFive" class="accordion-collapse collapse" data-coreui-parent="#accordionFlushExample">
      <div class="accordion-body">

        <table class="table table-striped table-bordered">
          <thead>
            <tr>
              <th>Fahrzeug</th>
              <th>Rechnungsnr.</th>
              <th>Rechnungsdatum</th>
              <th>Beschreibung</th>
              <th>Betrag</th>
              <th>Offen</th>
              <th>Benutzer</th>
            </tr>
          </thead>
          <tbody>
            {% for row in forderung_belege %}
            <tr>
              <td>{{ row.Fahrzeug_Nr }}</td>
              <td>{{ row.Beleg_Nr }}</td>
              <td>{{ row.Beleg_Datum|date_format }}</td>
              <td>{{ row.Beleg_Beschreibung }}</td>
              <td class="text-end">{{ row.Betrag|number_format }}</td>
              <td>{{ row.Status }}</td>
              <td>{{ row.Benutzer }}</td>
            </tr>
            {% endfor %}
          </tbody>
        </table>




      </div>
    </div>
  </div>

</div>


{% endblock %}