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

{% block body %}
  {% set name = element.kursprofil.Kursort %}
  {% if params.action is not defined %}
    {% set name = name ~ ': ' ~ element.start|date('d.m.Y') ~ ' - ' ~ element.end|date('d.m.Y') %}
  {% endif %}

  <form action="/{{ type }}/save" method="post">
    <input type="hidden" name="id" value="{{ element.id }}" />
    <input type="hidden" name="kursprofil_id" value="{{ element.kursprofil_id }}" />
    <div class="row  form-group">
      <div class="col-sm-12"><label>{{ name }}</label></div>
    </div>

    {% if params.action is defined and params.action == 'add' %}
      <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="start" name="start" type="date" value="{{ element.start|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="end" name="end" type="date" value="{{ element.end|date('Y-m-d') }}" class="form-control datepicker" data-date-format="dd.mm.yyyy" />
          </div>
        </div>
      </div>
    {% endif %}

    <div class="form-group">
      <label for="kursoptionen">Kurs-Optionen</label>
      <select id="kursoptionen" name="kursoptionen[]" class="form-control multiple-select" multiple="multiple">
        <option value="0">Bitte wählen</option>
        {% for item in params.kursOptionen %}
          {% set selected = '' %}
          {% if item.id in element.kurs_optionen %}
            {% set selected = ' selected' %}
          {% endif %}
          <option value="{{item.id}}"{{ selected }}>{{item.name}}</option>
        {% endfor %}
    </select>
    </div>

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

  </form>



{% endblock %}