{% set row = forderungen_details[0] %}

<form class="row g-3">
  <input type="hidden" name="source" value="details" />
  <div class="col-12">
    <div class="form-check" data-coreui-toggle="collapse" data-coreui-target="#VersicherungCollapse"
      aria-expanded="{{ row.Versicherung|truefalse }}" aria-controls="VersicherungCollapse">
      <input class="form-check-input" type="checkbox" name="Versicherung" id="Versicherung" {{
        row.Versicherung|checked }}>
      <label class="form-check-label" for="Versicherung">
        <strong>Versicherungsfall</strong>
      </label>
    </div>
  </div>

  <div class="collapse {{ row.Versicherung|show }}" id="VersicherungCollapse">
    <div class="card card-body">
      <div class="row mb-3">
        <label for="Versicherung_Name" class="col-sm-3 col-form-label">Versicherung</label>
        <div class="col-sm-5">
          <select id="Versicherung_Name" name="Vers_Adresse_ID" class="form-select">
            <option value="" selected>-</option>
            {% for v in versicherungen %}
            {% if v.Vers_Adresse_ID == row.Vers_Adresse_ID %}
            <option value="{{ v.Vers_Adresse_ID }}" selected>{{ v.Vers_Name }}</option>
            {% else %}
            <option value="{{ v.Vers_Adresse_ID }}">{{ v.Vers_Name }}</option>
            {% endif %}
            {% endfor %}
          </select>
        </div>
        <div class="col-sm-3">
          <select id="Versicherung_Typ" name="Versicherung_Typ" class="form-select">
            <option value="" selected>-</option>
            {% for v in ('Haftpflicht', 'Teilkasko', 'Vollkasko', 'Ausländisch') %}
            {% if v == row.Versicherung_Typ %}
            <option value="{{ v }}" selected>{{ v }}</option>
            {% else %}
            <option value="{{ v }}">{{ v }}</option>
            {% endif %}
            {% endfor %}

          </select>
        </div>
      </div>
      <div class="row mb-3">
        <label for="Versicherung_Schadennummer" class="col-sm-3 col-form-label">Schadennummer</label>
        <div class="col-sm-5">
          <input type="text" class="form-control" id="Versicherung_Schadennummer" name="Versicherung_Schadennummer"
            value="{{ row.Versicherung_Schadennummer }}">
        </div>
      </div>
      <div class="row mb-3">
        <label for="Selbstbeteiligung" class="col-sm-3 col-form-label">Selbstbeteiligung</label>
        <div class="col-sm-3">
          <select id="Selbstbeteiligung" name="Selbstbeteiligung" class="form-select">
            <option value="" {{ (row.Selbstbeteiligung=="" )|selected }}>-</option>
            <option {{ (row.Selbstbeteiligung=="Versicherung" )|selected }}>Versicherung</option>
            <option {{ (row.Selbstbeteiligung=="Kunde" )|selected }}>Kunde</option>
            <option {{ (row.Selbstbeteiligung=="Autohaus" )|selected }}>Autohaus</option>
          </select>
        </div>
        <div class="col-sm-3">
          <input type="text" class="form-control" id="Selbstbeteiligung_Betrag" name="Selbstbeteiligung_Betrag"
            placeholder="Betrag" value="{{ row.Selbstbeteiligung_Betrag }}">
        </div>
      </div>
      <div class="row mb-3">
        <label for="MwSt" class="col-sm-3 col-form-label">MwSt</label>
        <div class="col-sm-3">
          <select id="MwSt" name="Mwst" class="form-select">
            <option value="" {{ (row.MwSt=="" )|selected }}>-</option>
            <option {{ (row.Mwst=="Versicherung" )|selected }}>Versicherung</option>
            <option {{ (row.Mwst=="Kunde" )|selected }}>Kunde</option>
            <option {{ (row.Mwst=="Autohaus" )|selected }}>Autohaus</option>
          </select>
        </div>
        <div class="col-sm-3">
          <input type="text" class="form-control" id="Mwst_Betrag" name="Mwst_Betrag" placeholder="Betrag"
            value="{{ row.Mwst_Betrag|number_format }}">
        </div>
        <div class="col-sm-3">
          <a class="btn btn-primary" hx-disable="true"
            onclick="document.getElementById('Mwst_Betrag').value='{{ row.Mwst_Betrag_berechnet|number_format }}';">
            <i class="cil-arrow-thick-left"></i>
            {{ row.Mwst_Betrag_berechnet|number_format }}</a>
        </div>
      </div>
      <div class="col-3">
        <a class="btn btn-secondary" hx-disable="true"
          href="/app/forderungen/export/{{row.Client_DB}}_{{row.Beleg_Nr}}">Mahnung
          erstellen</a>
      </div>

    </div>
  </div>

  <div class="col-12">
    <div class="form-check" data-coreui-toggle="collapse" data-coreui-target="#ReklamationCollapse"
      aria-expanded="{{ row.Reklamation|truefalse }}" aria-controls="ReklamationCollapse">
      <input class="form-check-input" type="checkbox" id="Reklamation" name="Reklamation" {{
        row.Reklamation|checked }}>
      <label class="form-check-label" for="Reklamation">
        <strong>Reklamation</strong>
      </label>
    </div>
  </div>

  <div class="collapse {{ row.Reklamation|show }}" id="ReklamationCollapse">
    <div class="card card-body">
      <div class="row mb-3">
        <label for="Reklamation_Begruendung" class="col-sm-3 col-form-label">Begründung</label>
        <div class="col-sm-5">
          <input type="text" class="form-control" id="Reklamation_Begruendung" name="Reklamation_Begruendung"
            value="{{ row.Reklamation_Begruendung }}">
        </div>
      </div>
    </div>
  </div>

  <div class="col-12">
    <div class="form-check" data-coreui-toggle="collapse" data-coreui-target="#RechtsanwaltCollapse"
      aria-expanded="{{ row.Rechtsanwalt|truefalse }}" aria-controls="RechtsanwaltCollapse">
      <input class="form-check-input" type="checkbox" id="Rechtsanwalt" name="Rechtsanwalt" {{
        row.Rechtsanwalt|checked }}>
      <label class="form-check-label" for="Rechtsanwalt">
        <strong>Rechtsanwalt</strong>
      </label>
    </div>
  </div>



  <div class="collapse {{ row.Rechtsanwalt|show }}" id="RechtsanwaltCollapse">
    <div class="card card-body">
      <div class="row mb-3">
        <label for="Rechtsanwalt_Begruendung" class="col-sm-3 col-form-label">Begründung</label>
        <div class="col-sm-5">
          <input type="text" class="form-control" id="Rechtsanwalt_Begruendung" name="Rechtsanwalt_Begruendung"
            value="{{ row.Rechtsanwalt_Begruendung }}">
        </div>
      </div>
      <div class="row mb-3">
        <label for="Rechtsanwalt_Aktenzeichen" class="col-sm-3 col-form-label">Aktenzeichen</label>
        <div class="col-sm-5">
          <input type="text" class="form-control" id="Rechtsanwalt_Aktenzeichen" name="Rechtsanwalt_Aktenzeichen"
            value="{{ row.Rechtsanwalt_Aktenzeichen }}">
        </div>
      </div>
      <div class="row mb-3">
        <label for="Rechtsanwalt_Stand" class="col-sm-3 col-form-label">Aktueller Stand</label>
        <div class="col-sm-5">
          <input type="text" class="form-control" id="Rechtsanwalt_Stand" name="Rechtsanwalt_Stand"
            value="{{ row.Rechtsanwalt_Stand }}">
        </div>
      </div>
      <div class="col-3">
        <a class="btn btn-secondary" hx-disable="true"
          href="/app/forderungen/export/{{row.Client_DB}}_{{row.Beleg_Nr}}">Beitreibungsauftrag</a>
      </div>
    </div>
  </div>


  <div class="col-12">
    <div class="form-check" data-coreui-toggle="collapse" data-coreui-target="#MahnenCollapse"
      aria-expanded="{{ row.Mahnen_aussetzen|truefalse }}" aria-controls="MahnenCollapse">
      <input class="form-check-input" type="checkbox" id="Mahnen" name="Mahnen_aussetzen" {{
        row.Mahnen_aussetzen|checked }}>
      <label class="form-check-label" for="Mahnen">
        <strong>Mahnlauf aussetzen</strong>
      </label>
    </div>
  </div>

  <div class="collapse {{ row.Mahnen_aussetzen|show }}" id="MahnenCollapse">
    <div class="card card-body">
      <div class="row mb-3">
        <p>
          Dieser Beleg wird beim nächsten Mahnlauf nicht angemahnt.
        </p>

        <label for="Mahnen_Begründung" class="col-sm-3 col-form-label">Begründung</label>
        <div class="col-sm-5">

          <input type="text" class="form-control" id="Mahnen_Begruendung" name="Mahnen_Begruendung"
            value="{{ row.Mahnen_Begruendung }}">
        </div>
      </div>
    </div>
  </div>
  <div class="col-12">
    <br>
  </div>

  <div class="col-12">
    <div class="row mb-3">
      <label for="Wiedervorlage" class="col-sm-3 col-form-label">Wiedervorlage</label>
      <div class="col-sm-5">
        <input type="date" class="form-control" id="Wiedervorlage" name="Wiedervorlage"
          value="{{ row.Wiedervorlage.strftime(" %Y-%m-%d") }}">
      </div>
      <div class="col-3">
        <a class="btn btn-primary" onclick="document.getElementById('Wiedervorlage').value='{{ add7days }}';" hx-disable="true">
          +7 Tage
        </a>
      </div>
    </div>
  </div>

  <div class="col-12">
    <button class="btn btn-primary" hx-post="" hx-trigger="click" hx-swap="none" hx-push-url="false">Speichern</button>
  </div>


</form>