{% extends 'layout.html.twig' %}

{% block subnavi %}{% endblock %}

{% block body %}

  <div class="row list">
    <div class="col-sm-12">
      <h1>Provisions-Verwaltung</h1>



        <table class="table" id="table-commissions">
          <tr>
            <th>Schule</th>
            <th>Provision (in %)</th>
            <th>Von</th>
            <th>Bis</th>
            <th>Gebühr</th>
            <th>Rabatt weitere Kinder</th>
            <th>Kommentar</th>
            <th>Erfasst am</th>
          </tr>

        {% for commission in commissions %}
          <tr>
            <td>{{commission.school.name}} ({{commission.school.schoolType}})</td>
            <td>{{commission.valuePercent}}</td>
            <td>{{commission.from}}</td>
            <td>{{commission.to}}</td>
            <td>{{commission.valueFee}}</td>
            <td>{{commission.childDiscount}}</td>
            <td>{{commission.notice}}</td>
            <td>{{commission.createdAt|date('d.m.Y H:i')}} Uhr</td>
          </tr>
        {% endfor %}
        </table>


      {% if commissions|length == 0 %}
       Es wurde noch keine Provisionen angelegt.
      {% endif %}


    </div>
  </div>

  <div class="row">
    <div class="col-sm-12">
      <button class="btn btn-primary" title="Neue Provision anlegen" data-toggle="modal" data-target="#new-commission-form">Neue Provision anlegen</button>
    </div>
  </div>

  {% include 'partials/commissions_bearbeiten.html.twig' %}
{% endblock %}

 {% block javascripts %}
   <script src="/libs/moment/min/moment-with-locales.js"></script>
   <script src="/scripts/main.js" type="module"></script>
 {% endblock %}