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

  <div class="collapse {{ forderung_kopf[0].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 == forderung_kopf[0].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 == forderung_kopf[0].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="{{ forderung_kopf[0].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="" {{ (forderung_kopf[0].Selbstbeteiligung=="" )|selected }}>-</option>
            <option {{ (forderung_kopf[0].Selbstbeteiligung=="Versicherung" )|selected }}>Versicherung</option>
            <option {{ (forderung_kopf[0].Selbstbeteiligung=="Kunde" )|selected }}>Kunde</option>
            <option {{ (forderung_kopf[0].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="{{ forderung_kopf[0].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="" {{ (forderung_kopf[0].MwSt=="" )|selected }}>-</option>
            <option {{ (forderung_kopf[0].Mwst=="Versicherung" )|selected }}>Versicherung</option>
            <option {{ (forderung_kopf[0].Mwst=="Kunde" )|selected }}>Kunde</option>
            <option {{ (forderung_kopf[0].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="{{ forderung_kopf[0].Mwst_Betrag|number_format }}">
        </div>
        <div class="col-sm-3">
          <a class="btn btn-primary" hx-disable="true"
            onclick="document.getElementById('Mwst_Betrag').value='{{ forderung_kopf[0].Mwst_Betrag_berechnet|number_format }}';">
            <i class="cil-arrow-thick-left"></i>
            {{ forderung_kopf[0].Mwst_Betrag_berechnet|number_format }}</a>
        </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="{{ forderung_kopf[0].Reklamation|truefalse }}" aria-controls="ReklamationCollapse">
      <input class="form-check-input" type="checkbox" id="Reklamation" name="Reklamation" {{ forderung_kopf[0].Reklamation|checked }}>
      <label class="form-check-label" for="Reklamation">
        <strong>Reklamation</strong>
      </label>
    </div>
  </div>

  <div class="collapse {{ forderung_kopf[0].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="{{ forderung_kopf[0].Reklamation_Begruendung }}">
        </div>
      </div>
    </div>
  </div>

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



  <div class="collapse {{ forderung_kopf[0].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="{{ forderung_kopf[0].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="{{ forderung_kopf[0].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="{{ forderung_kopf[0].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="{{ forderung_kopf[0].Mahnen_aussetzen|truefalse }}" aria-controls="MahnenCollapse">
      <input class="form-check-input" type="checkbox" id="Mahnen" name="Mahnen_aussetzen" {{ forderung_kopf[0].Mahnen_aussetzen|checked }}>
      <label class="form-check-label" for="Mahnen">
        <strong>Mahnlauf aussetzen</strong>
      </label>
    </div>
  </div>

  <div class="collapse {{ forderung_kopf[0].Mahnen_aussetzen|show }}" id="MahnenCollapse">
    <div class="card card-body">
      <div class="row mb-3">
        <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="{{ forderung_kopf[0].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="{{ forderung_kopf[0].Wiedervorlage.strftime("%Y-%m-%d") }}">
      </div>
      <div class="col-3">
        <a class="btn btn-primary" 
              onclick="document.getElementById('Wiedervorlage').value='{{ add7days.strftime("%Y-%m-%d") }}';" 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>