{% extends "nav.html" %}

{% block content %}
<section class="section">
  <div class="container">
    <form method="post" action="/users/edit/{{ id }}">
      <h1 class="title">Nutzer '{{ name }}' bearbeiten</h1>

      <div class="field is-horizontal">
        <div class="field-label">
          <label class="label">E-Mail</label>
        </div>
        <div class="field-body">
          <div class="field">
            <div class="control">
              <input class="input" type="text" name="email" placeholder="max.mustermann@brasiwa-leipzig.de"
                value="{{ email }}" />
            </div>
          </div>
        </div>
      </div>

      <div class="field is-horizontal">
        <div class="field-label">
          <label class="label">Name</label>
        </div>
        <div class="field-body">
          <div class="field">
            <div class="control">
              <input class="input" type="text" name="name" placeholder="Max Mustermann" value="{{ name }}" />
            </div>
          </div>
        </div>
      </div>

      <div class="field is-horizontal">
        <div class="field-label">
          <label class="label">Password</label>
        </div>
        <div class="field-body">
          <div class="field">
            <div class="control">
              <input class="input" type="password" name="password" placeholder="**********" />
            </div>
          </div>
        </div>
      </div>

      <div class="field is-horizontal">
        <div class="field-label">
          <label class="label">Rolle</label>
        </div>
        <div class="field-body">
          <div class="field is-narrow">
            <div class="control">
              <div class="select is-fullwidth">
                <select name="role">
                  <option value="1" {% if role==1%}selected{% endif %}>Personal</option>
                  <option value="10" {% if role==10%}selected{% endif %}>Bereichsleiter</option>
                  <option value="100" {% if role==100%}selected{% endif %}>Admin</option>
                </select>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="field is-horizontal">
        <div class="field-label">
          <label class="label">Funktion</label>
        </div>
        <div class="field-body">
          <div class="field is-narrow">
            <div class="control">
              <div class="select is-fullwidth">
                <select name="function">
                  <option value="1" {% if function==1%}selected{% endif %}>Posten</option>
                  <option value="10" {% if function==10%}selected{% endif %}>Wachhabender</option>
                </select>
              </div>
            </div>
          </div>
        </div>
      </div>

      {% if user.role == Role::Admin %}
      <div class="field is-horizontal">
        <div class="field-label">
          <label class="label">Bereich</label>
        </div>
        <div class="field-body">
          <div class="field is-narrow">
            <div class="control">
              <div class="select is-fullwidth">
                <select name="area">
                  {% for area in areas.as_ref().unwrap() %}
                  <option value="{{ area.id }}" {% if area.id==area_id%}selected{% endif %}>{{ area.name }}</option>
                  {% endfor %}
                </select>
              </div>
            </div>
          </div>
        </div>
      </div>
      {% endif %}

      <div class="field is-horizontal">
        <div class="field-label"></div>
        <div class="field-body">
          <div class="field is-grouped">
            <div class="control">
              <input class="button is-link" type="submit" value="Erstellen">
            </div>
            <div class="control">
              <a class="button is-link is-light" href="/users">Zurück</a>
            </div>
          </div>
        </div>
      </div>

    </form>
  </div>
</section>

<script>
</script>
{% endblock %}