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

{% block body %}
  {% set name = element.Kursort ~ ': ' ~ element.KursStart|date('d.m.Y') ~ ' - ' ~ element.KursEnde|date('d.m.Y') %}
  <strong>{{ name }}</strong>
  <form action="/{{ type }}e/save" method="post">
    <input type="hidden" name="id" value="{{ element.id }}" />

    {% include 'partials/kursort_select.html.twig' %}

    <div class="row form-group">
      <div class="col-sm-6">
        <label for="name">Kurs-Start</label>
        <div class="input-group">
          <div class="input-group-addon">
            <span class="glyphicon glyphicon-th"></span>
          </div>
          <input id="KursStart" name="KursStart" type="date" value="{{ element.KursStart|date('Y-m-d') }}" class="form-control datepicker" data-date-format="dd.mm.yyyy" />
        </div>
      </div>
      <div class="col-sm-6">
        <label for="name">Kurs-Ende</label>
        <div class="input-group">
          <div class="input-group-addon">
            <span class="glyphicon glyphicon-th"></span>
          </div>
          <input id="KursEnde" name="KursEnde" type="date" value="{{ element.KursEnde|date('Y-m-d') }}" class="form-control datepicker" data-date-format="dd.mm.yyyy" />
        </div>
      </div>
    </div>

    <div class="row form-inline">
      <div class="col-sm-12 form-group">
        <label for="enable_booking_form">Buchungsformular für dieses Kursprofil freischalten:</label>
        <input class="form-control" id="enable_booking_form" name="enable_booking_form" type="checkbox" value="1"{% if element.enable_booking_form %} checked{% endif %} /></div>
    </div>

    <a href="javascript:history.go(-1);" class="btn btn-default">Zurück</a>
    <button type="submit" class="btn btn-primary">Speichern</button>
  </form>


  <div class="row">
    <div class="col-sm-6">
      <strong>Diese Kurstermine können gebucht werden:</strong>
    </div>
  </div>
  <div class="row">
    <div class="col-sm-6">
      {% for kurs in element.kurse %}
        <div class="col-sm-8">
          <a href="/kurs/{{ kurs.id }}">
            <div class="col-sm-2">
              {% if kurs.ausgebucht %}<s>{% endif %}{{ loop.index }}.{% if kurs.ausgebucht %}</s>{% endif %}
            </div>
            <div class="col-sm-5">
              {% if kurs.ausgebucht %}<s>{% endif %}{{ kurs.start|date('D d.m.Y') }}{% if kurs.ausgebucht %}</s>{% endif %}
            </div>
            <div class="col-sm-5">
              {% if kurs.ausgebucht %}<s>{% endif %}{{ kurs.end|date('D d.m.Y') }}{% if kurs.ausgebucht %}</s>{% endif %}
            </div>
          </a>
        </div>
        <div class="col-sm-2">
          {% set bookedBtnClass = '' %}
          {% if kurs.ausgebucht %}
            {% set bookedBtnClass = 'btn-delete' %}
          {% endif %}
          <form action="/kurs/booked" method="post" id="kursbooked{{ kurs.id }}">
            <input type="hidden" id="_method" name="_method" value="PUT" />
            <input type="hidden" name="id" value="{{ kurs.id }}" />
            <input type="hidden" name="profil_id" value="{{ element.id }}" />
            <button type="submit" title="Kurs {{ kurs.id }} als {% if kurs.ausgebucht %}offen{% else %}ausgebucht{% endif %} markieren" class="btn btn-default btn-xs {{ bookedBtnClass }}">
              <span class="glyphicon glyphicon-check" aria-hidden="true"></span>
            </button>
          </form>
        </div>
        <div class="col-sm-2">
          <form action="/kurs/delete" method="post" id="kursdelete{{ kurs.id }}">
            <input type="hidden" id="_method" name="_method" value="DELETE" />
            <input type="hidden" name="id" value="{{ kurs.id }}" />
            <input type="hidden" name="profil_id" value="{{ element.id }}" />
            <button type="button" title="Kurs {{ kurs.id }} löschen" class="btn btn-default btn-xs btn-delete" data-name="den Kurstermin von {{ kurs.start|date('D d.m.Y') }} bis {{ kurs.end|date('D d.m.Y') }}" data-rel="{{ kurs.id }}"  data-toggle="modal" data-target="#confirm-delete">
              <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
            </button>
          </form>
        </div>
      {% else %}
        ACHTUNG: Das Kursprofil ist noch nicht vollständig. Bitte Kursprofil für die Webseite einmal <a href="/kursprofil.php?aktion=editieren&n={{ element.id }}&Kurs={{ element.Veranstalter }}">hier aufrufen</a>.
      {% endfor %}
    </div>
  </div>

  <div class="row">
    <div class="col-sm-6">
      <form action="/kurs/add" method="post">
        <input type="hidden" name="kursprofil_id" value="{{ element.id }}" />
        <button type="submit" class="btn btn-default">Neuen Kurs anlegen</button>
      </form>
    </div>
  </div>

  {% include 'partials/confirm.html.twig' %}

{% endblock %}

{% block javascripts %}
<script src="/libs/betterschool/kursprofil.js"></script>
{% endblock %}