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

<br>
<h2>{{forderung_kopf[0].Beleg }}</h2>
<br>

{%include 'forderungen/details/details_uebersicht.html' %}

{%include 'forderungen/details/details_kommentare.html' %}

<br>
<br>

<div class="row g-3">
<div class="col-5">

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

</div>
<div class="col-1">
  &nbsp;
</div>

<div class="col-6">

{%include 'forderungen/details/details_formular.html' %}

</div>
</div>
<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">

        {%include 'forderungen/details/details_dateien.html' %}

      </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">

        {%include 'forderungen/details/details_rohdaten.html' %}

      </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">

        {%include 'forderungen/details/details_mahnungen.html' %}

      </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">

        {%include 'forderungen/details/details_positionen.html' %}
        
      </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">

        {%include 'forderungen/details/details_buchungen.html' %}

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

</div>


{% endblock %}