<div class="form-group">
  <label for="waehrung">Währung</label>
  <select id="waehrung" name="waehrung" class="form-control single-select">
    <option value="0">Bitte wählen</option>
    <option value="eur"{% if element.waehrung == 'eur' %} selected{% endif %}>Euro</option>
    <option value="gbp"{% if element.waehrung == 'gbp' %} selected{% endif %}>Pfund</option>
    <option value="usd"{% if element.waehrung == 'usd' %} selected{% endif %}>Dollar</option>
  </select>
</div>

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

<div class="form-group">
  <label>Kursprogramme</label>
  <div class="row" id="kursprogramme">
    {% for item in element.kursprogramme %}
      <div class="col-sm-12 margin-bottom-10" id="KursprogrammLine{{ item.id }}">
        <div class="col-sm-6">
          <a href="/kursprogramm/{{ item.id }}/veranstalter" rel="{{ item.id }}" data-label="Kursprogramm bearbeiten" title="Kursprogramm bearbeiten">{{ item.name }}</a>: <span class="glyphicon glyphicon-{{ element.waehrung }}" aria-hidden="true"></span> {{ item.preis }}
        </div>
        <div class="col-sm-6">
          <button type="button" title="Kursprogramm löschen" class="btn btn-default btn-xs btn-delete" data-type="Kursprogramm" data-name="das Kursprogramm {{ item.name }}" data-rel="{{ item.id }}" data-toggle="modal" data-target="#confirm-delete">
            <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
          </button>
        </div>
      </div>
    {% else %}
      <div class="col-sm-12">Noch keine Kursprogramme angelegt</div>
    {% endfor %}
  </div>
  <div class="row">
    <div class="col-sm-12"><a href="/kursprogramm/add/veranstalter/{{ element.id }}" class="btn btn-default" data-label="Kursprogramm hinzufügen">Neues Kursprogramm hinzufügen</a></div>
  </div>
</div>

<div class="form-group">
  <label>Kursorte</label>
  <div class="row" id="kursorte">
    {% for item in element.kursorte %}
      <div class="col-sm-12 margin-bottom-10" id="KursortLine{{ item.id }}">
        <div class="col-sm-6">
          <a href="/kursort/{{ item.id }}/veranstalter" rel="{{ item.id }}" data-label="Kursort bearbeiten" title="Kursort bearbeiten">{{ item.name }}</a> ({{ item.postCode }}, {{ item.adresse }})
        </div>
        <div class="col-sm-6">
          <button type="button" title="Kursort löschen" class="btn btn-default btn-xs btn-delete" data-type="Kursort" data-name="den Kursort {{ item.name }}" data-rel="{{ item.id }}" data-toggle="modal" data-target="#confirm-delete">
            <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
          </button>
        </div>
      </div>
    {% else %}
      <div class="col-sm-12">Noch keine Kursorte zugeordnet</div>
    {% endfor %}
  </div>
  <div class="row">
    <div class="col-sm-12"><a href="/kursort/add/veranstalter/{{ element.id }}" class="btn btn-default" data-label="Kursort hinzufügen">Neuen Kursort hinzufügen</a></div>
  </div>
</div>

<div class="form-group">
  <label>Gebühren</label>
  <div class="row" id="veranstalterGebuehren">
    {% for item in element.gebuehren %}
      <div class="col-sm-12 margin-bottom-10" id="GebuehrLine{{ item.id }}">
        <div class="col-sm-6">
          <a href="#" data-toggle="modal" data-target="#feeModal" rel="{{ item.id }}" data-label="Gebühr anpassen">{{ item.name }}</a>: <span class="glyphicon glyphicon-{{ element.waehrung }}" aria-hidden="true"></span> {{ item.preis }}
        </div>
        <div class="col-sm-6">
          <button type="button" title="Gebühr löschen" class="btn btn-default btn-xs btn-delete" data-type="Gebuehr" data-name="die Gebühr {{ item.name }}" data-rel="{{ item.id }}" data-toggle="modal" data-target="#confirm-delete">
            <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
          </button>
        </div>
      </div>
    {% else %}
      <div class="col-sm-12">Noch keine Gebühren zugeordnet</div>
    {% endfor %}
  </div>
  <div class="row">
    <div class="col-sm-12"><button type="button" class="btn btn-default" data-toggle="modal" data-target="#feeModal" data-label="Gebühr hinzufügen">Weitere Gebühr hinzufügen</button></div>
  </div>
</div>

<div class="form-group">
  <label for="kursEinheit">Kurs-Einheit</label>
  <input id="kursEinheit" name="kurs_einheit" value="{{ element.kursEinheit }}" class="form-control" required />
</div>

<div class="form-group">
  <label for="name">Umsatzsteuer-ID</label>
  <input id="vatId" name="vat_id" value="{{ element.vatId }}" class="form-control" required />
</div>

<div class="form-group">
  <label for="aktiv">Aktiv</label>
  <input id="aktiv" name="aktiv" type="checkbox" value="1" {% if element.aktiv %} checked{% endif %} class="form-control" />
</div>

<script id="hidden-template" type="text/x-custom-template">
  <div class="col-sm-12 margin-bottom-10" id="GebuehrLine<ID>">
    <div class="col-sm-6">
      <a href="#" data-toggle="modal" data-target="#feeModal" rel="<ID>" data-label="Gebühr anpassen"><NAME></a>: <span class="glyphicon glyphicon-{{ element.waehrung }}" aria-hidden="true"></span> <PREIS>
    </div>
    <div class="col-sm-6">
      <button type="button" title="Gebühr löschen" class="btn btn-default btn-xs btn-delete" data-type="Gebuehr" data-name="die Gebühr <NAME>" data-rel="<ID>" data-toggle="modal" data-target="#confirm-delete">
        <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
      </button>
    </div>
  </div>
</script>

