{% extends '_base.html' %}
{% load static %}
{% load i18n %}
{% load attribute %}
{% block content %}
  {% include '_components/header.html' %}

  <div class="internal-wrapper" id="resource-wrapper">
    {% if error_message %}
      <div class="error-box" style="max-width: 400px;">{{ error_message }}</div>
    {% endif %}
    {% if info_message %}
      <div class="info-box">{{ info_message }}</div>
    {% endif %}

    {% if not new_resource %}    
    <div id="resource-header">
    <div id="sub-menu">
    {% if resource_type == 'User' %}
        <span class="button-round" id="resource-confirm-enable">{% trans 'Enable User' %}</span>
        <span class="button-round" id="resource-confirm-disable">{% trans 'Disable User' %}</span>
        <span class="button-round" id="resource-confirm-delete">{% trans 'Delete User' %}</span>
        <span class="button-round" id="resource-confirm-rename">{% trans 'Rename User' %}</span>
        <a class="button-round" href="{{ user_password_url }}">{% trans 'Change Password' %}</a>
        {% if ldap_ppolicy_unlock %}
        <span class="button-round" id="resource-confirm-unlock">{% trans 'Unlock User' %}(ppolicy)</span>
        {% endif %}
    {% elif resource_type == 'Group' %}
        <span class="button-round" id="resource-confirm-delete">{% trans 'Delete Group' %}</span>
        <span class="button-round" id="resource-confirm-rename">{% trans 'Rename Group' %}</span>
    {% endif %}
    <span class="button-round" onclick="location.href = location.pathname + '?refresh=true';">{% trans 'Refresh' %}</span>
    </div>
    </div>
    {% endif %}

    <form class="wide-form-box" method="POST">
      <h2>
        <span>{{ resource.name }}</span>
        <span style="display: inline-block; margin-left: 5px;">{{ resource.active }}</span>
      </h2>

      {% for attribute, values in resource.attributes %}

        <div class="form-group">

          <label class="control-label" for="{{ attribute.id }}">
            <span class="attribute-id">{{ attribute.id }}</span>
            {% translate_name attribute resource_type target as name %}
            {% if name %}<span class="attribute-name">({{ name }})</span>{% endif %}

            {% if attribute.required %}
              <span style="color: red;">*</span>
            {% endif %}
          </label>

          <div class="controls">
          {% if attribute.multi_value %}
              {% for value in values %}
              <div class="multivalue-input-group">
                  <input type="text" name="{{ attribute.id }}"
                  value="{{ value }}"
                  {% if attribute.required %}required{% endif %}><span class="input-remove">&#x2296;</span>
              </div>
              {% empty %}
              <div class="multivalue-input-group">
                  <input type="text" name="{{ attribute.id }}"
                  value=""
                  {% if attribute.required %}required{% endif %}><span class="input-remove">&#x2296;</span>
              </div>
              {% endfor %}
      
              <div class="button-round input-add"
                  data-attribute="{{ attribute.id }}"
                  data-size="{{ values|length }}"
                  data-required="{% if attribute.required %}yes{% endif %}">{% trans 'Add Input' %}</div>
      
          {% else %}
              <input type="text" class="form-control" name="{{ attribute.id }}" value="{{ values.0 }}"
              {% if not new_resource %}
                  {% if attribute.id == 'userName' or attribute.id == 'groupName' %}readOnly{% endif %}
              {% endif %}
              {% if attribute.required %}required{% endif %}>
          {% endif %}

          {% translate_description attribute resource_type target as description %}
          {% if description %}<p class="attribute-description">{{ description }}</p>{% endif %}
          </div>

        </div>

      {% endfor %}
      {% if resource_type == 'User' %}
        {% include '_components/resource_groups.html' with groups=resource.groups %}
      {% endif %}
      {% include '_components/select_backends.html' with backends=resource.backends %}
      {% csrf_token %}
      {% if new_resource %}
        <button autocomplete="off" class="submit-with-confirm" data-confirm="{% trans 'Are you sure you want to add this resource?' %}" data-canceled="{% trans 'Canceled' %}">{% trans 'Add' %}</button>
      {% else %}
        <button autocomplete="off" class="submit-with-confirm" data-confirm="{% trans 'Are you sure you want to modify this resource?' %}" data-canceled="{% trans 'Canceled' %}">{% trans 'Modify' %}</button>
      {% endif %}
      {% include '_components/required_field_message.html' %}
    </form>
    {% if resource_type == 'Group' and not new_resource %}
      {% include '_components/resource_members.html' with op='add' %}
      {% include '_components/resource_members.html' with op='delete' %}
    {% endif %}

  </div>

  <form id="resource-confirm-form" class="form-box" method="POST">
    <p class="enable" style="display: none;">{% blocktrans with name=resource.name %}Are you sure you want to enable '{{ name }}'?{% endblocktrans %}</p>
    <p class="disable" style="display: none;">{% blocktrans with name=resource.name %}Are you sure you want to disable '{{ name }}'?{% endblocktrans %}</p>
    <p class="delete" style="display: none;">{% blocktrans with name=resource.name %}Are you sure you want to delete '{{ name }}'?{% endblocktrans %}</p>
    <p class="rename" style="display: none;">{% blocktrans with name=resource.name %}Input new name if you want to rename '{{ name }}'.{% endblocktrans %}</p>
    <p class="ppolicy_unlock" style="display: none;">{% blocktrans with name=resource.name %}Are you sure you want to unlock '{{ name }}'?{% endblocktrans %}</p>
    <input type="hidden" name="name" value="{{ resource.name }}">
    {% include '_components/select_backends.html' with backends=resource.backends %}
    {% csrf_token %}
    <div class="buttons">
      <button type="button" autocomplete="off">{% trans 'Cancel' %}</button>
      <button type="submit" autocomplete="off">{% trans 'OK' %}</button>
    </div>
  </form>
{% endblock %}

{% block footer_scripts %}
{{ block.super }}
<script type="application/javascript" src="{% static 'js/multi_valued_input.js' %}"></script>
<script type="application/javascript" src="{% static 'js/delete_refresh_query.js' %}"></script>
<script type="application/javascript" src="{% static 'js/resource_confirm.js' %}"></script>
<script type="application/javascript" src="{% static 'js/submit_confirm.js' %}"></script>
{% endblock %}