{% extends "full_layout.html" %}
{% import "macros/status.html" as status_macros %}
{% import "macros/fields.html" as fields %}


{% block title %}Create New User{% endblock %}

{% block subnav_header %}
  Create New User
{% endblock %}

{% block subnav_items %}
  <div class="item active">
    <a href="{{ url_for('.create') }}">
      Details
    </a>
  </div>
  <div class="item">
    <span>
      Products
    </span>
  </div>
{% endblock %}

{% block content %}
  <section>

    <div class="ui segment no-padding transparent">
      <div class="ui grid middle aligned">
        <div class="ui eight wide column">
          <div class="details-header-with-extra">
            <h3>
              User Details
            </h3>
          </div>
        </div>
        <div class="ui four wide column right aligned">
        </div>
      </div>
    </div>

    <form method="POST" id="account-editing-form">
      {{ form.csrf_token }}

      <div class="ui segment details account-details">
        <div class="ui grid">

          <div class="row">
            {{ fields.form_field(form.given_name) }}
            {{ fields.form_field(form.family_name) }}
          </div>

          <div class="row">
              {{ fields.form_field(form.email) }}
          </div>
        </div>
      </div>

      <div class="ui segment details account-details">
        <div class="ui grid">

          <div class="row">
            {{ fields.form_field(form.is_sony_employee, False, "yes-no") }}
            {{ fields.form_field(form.is_vip, False, "yes-no") }}
          </div>
        </div>

      </div>

      <div class="ui segment details account-details">

        <div class="ui grid">

          <div class="row" >
            {{ fields.form_field(form.job_title) }}
            {{ fields.form_field(form.job_category) }}
          </div>

          <div class="row sony-employee-fields">
            {{ fields.form_field(form.business_unit) }}
            {{ fields.form_field(form.location) }}
          </div>

          <div class="row sony-employee-fields">
            {{ fields.form_field(form.personnel_type) }}
            {{ fields.form_field(form.preferred_username) }}
          </div>

          <div class="row">
            {{ fields.form_field(form.expiration_date, False, "date-input") }}
            {% if form.no_mfa_fields_are_available %}
              {{ fields.form_field(form.no_mfa, False, "yes-no") }}
            {% endif %}
          </div>

        </div>
      </div>

      <div class="ui segment details account-details sony-employee-fields">

        <div class="ui grid">
          <div class="row">
            {{ fields.form_field(form.supervisor_email, False, "search") }}
            {{ fields.form_readonly_field(form.supervisor_name.data|default('', True), "Supervisor Name", "supervisor_name_readonly") }}
            {{ form.supervisor_name }}
          </div>

        </div>
      </div>

      <div class="ui segment details account-details">
        <div class="ui grid">
          <div class="row">
            {{ fields.form_field(form.tags, True, "ui search dropdown") }}
          </div>
        </div>
      </div>

      <div class="ui grid">
        <div class="two wide column">

        </div>
        <div class="ten wide column right aligned">
          <a class="ui tiny button" href="{{ url_for('.list') }}">Cancel</a>
          <button class="ui pink tiny button" type="submit" name="action" value="{{ form.Actions.SAVE.name }}">{{ form.Actions.SAVE.value }}</button>
        </div>
      </div>

    </form>
  </section>
{% endblock %}

{% block js %}
  {{ super() }}
  <script src="{{ static_url_for("static", filename="js/edit-dna-account.js") }}"></script>
{% endblock %}