<!-- Bearbeitungs Modal -->
<div class="modal fade" id="edit-document-form" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title" id="formModalLabel">Bearbeitung</h4>
      </div>
      <div class="modal-body" id="edit_document_target">
      </div>
    </div>
  </div>
</div>

<script id="edit_document_template" type="text/x-jsrender">
  <form id="document-form">
    <input type="hidden" name="documentId" value="<%: documentId %>" />
    <div class="form-group">
      <label for="name">Dokumenten-Name:</label>
      <p class="help-block hidden error-message error-message-name">Bitte tragen Sie hier einen Dateinamen ein.</p>
      <input class="form-control" name="name" id="name" value="<%: documentName %>" required />
      <p class="help-block">mögliche Werte: Kurzbewerbung_<%: childLastname %>, Deckblatt_<%: childLastname %> etc.</p>
    </div>

    <div class="form-group">
      <label for="kind">Familie</label>
      <p class="help-block hidden error-message error-message-child">Bitte wählen Sie eine Familie aus.</p>
      <select name="kind" id="child" class="form-control">
        <option value="0">Bitte wählen</option>
        {% for child in children %}
          <option value="{{ child.id }}">{{ child.id }} - {{ child.lastname }}, {{ child.childname }}</option>
        {% endfor %}
      </select>
    </div>

    <div class="form-group">
      <label for="sibling">Geschwister</label>
      <select name="geschwister" id="sibling" class="form-control">
        <option value="0">Bitte wählen (falls zutreffend)</option>
        <%for siblings%>
          <option value="<%: value %>"><%: label %></option>
        <%/for%>
      </select>
    </div>

    <div class="checkbox">
      <label>
        <input type="checkbox" id="approved" name="approved" value="1"> freigeben
      </label>
    </div>

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

    <div class="form-group margin-top-15">
      <button class="btn btn-primary" id="documentSubmit">speichern</button>
      <button class="btn btn-cancel" data-dismiss="modal">abbrechen</button>
    </div>
  </form>
</script>

<script id="edit_document_template_school" type="text/x-jsrender">
  <form id="document-form">
    <input type="hidden" name="documentId" value="<%: documentId %>" />
    <div class="form-group">
      <label for="name">Dokumenten-Name:</label>
      <p class="help-block hidden error-message error-message-name">Bitte tragen Sie hier einen Dateinamen ein.</p>
      <input class="form-control" name="name" id="name" value="<%: documentName %>" required />
      <p class="help-block">Hier kann ein Hinweis-Text rein.</p>
    </div>

    <div class="form-group">
      <label for="school">Schule/Ansprechpartner</label>
      <p class="help-block hidden error-message error-message-school">Bitte wählen Sie einen Ansprechpartner aus einer Schule aus.</p>
      <p><%: schoolname %> / <%: contactperson %></p>
      <select name="schule" id="school" class="form-control">
        <option value="0">Bitte wählen</option>
        {% for school in schools %}
          <option value="{{ school.id }}">{{ school.id }} - {{ school.name }} ({{ school.firstname }} {{ school.lastname }})</option>
        {% endfor %}
      </select>
    </div>

    <div class="form-group">
      <div id="hint--child-loading" style="color: red" hidden>Kinder werden geladen</div>
      <label for="kind" id="label-child-internat" hidden>Familie (mit Buchung)</label>
      <label for="kind" id="label-child-course" hidden>Familie (Optional)</label>
      <select name="kind" id="child" class="form-control">
        <option value="0">Bitte wählen</option>
      </select>
    </div>

    <div class="checkbox">
      <label>
        <input type="checkbox" id="approved" name="approved" value="1"> freigeben
      </label>
    </div>

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

    <div class="form-group margin-top-15">
      <button class="btn btn-primary" id="documentSubmit">speichern</button>
      <button class="btn btn-cancel" data-dismiss="modal">abbrechen</button>
    </div>
  </form>
</script>