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

  <div class="internal-wrapper" id="resource-wrapper">
    <div id="resource-header">
      {% include '_components/sub_menu.html' %}
    </div>
    <form class="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.items %}
        {% if attribute in resource.multi_valued_attributes %}
          <div class="multi-valued-input">
            <div class="resource-attribute">
              <span>{{ attribute }}</span>
              {% if attribute in resource.optional_attributes %}
                <br><span>({% trans 'Option' %})</span>
              {% endif %}
            </div>
            <div class="resource-values">
              {% include '_components/multi_valued_input.html' with attribute=attribute values=values %}
            </div>
          </div>
        {% else %}
          <div class="single-valued-input">
            <div class="resource-attribute">
              <span>{{ attribute }}</span>
              {% if attribute in resource.optional_attributes %}
                <br><span>({% trans 'Option' %})</span>
              {% endif %}
            </div>
            <div class="resource-values">
              <input type="text" name="{{ attribute }}" value="{{ values.0 }}" {% if attribute not in resource.optional_attributes %}required{% endif %}>
            </div>
          </div>
        {% endif %}
      {% endfor %}
      {% include '_components/select_backends.html' with backends=resource.backends %}
      {% csrf_token %}
      {% if new_resource %}
        <button>{% trans 'Add' %}</button>
      {% else %}
        <button>{% trans 'Modify' %}</button>
      {% endif %}
    </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' %}
    {% elif resource_type == 'User' and not new_resource %}
      {% include '_components/resource_groups.html' %}
    {% 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="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">{% trans 'Cancel' %}</button>
      <button type="submit">{% trans 'OK' %}</button>
    </div>
  </form>

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