{% extends "horizon/common/_modal_form.html" %}
{% load i18n %}

{% block form_id %}{% endblock %}
{% block form_action %}{% url 'horizon:project:shares:add_security_service' share_network.id %}{% endblock %}

{% block modal_id %}add_security_service_modal{% endblock %}
{% block modal-header %}{% trans "Add Security Service" %}{% endblock %}


{% block modal-body %}
<div class="left">
  <fieldset>
  {% include "horizon/common/_form_fields.html" %}
  </fieldset>
</div>
<div class="right">
  <h3>{% trans "Description" %}:</h3>
  <p>{% blocktrans %}
    The security service can be used by backend drivers to 
    configure clients, for more secure using of share.
    {% endblocktrans %}</p>
</div>
    <table class="table-fixed" id="networkListSortContainer">
  <tbody>
    <tr>
      <td class="actions">
        <label id="selected_network_label">{% trans "Selected Networks" %}</label>
        <ul id="selected_network" class="networklist">
        </ul>
        <label>{% trans "Available networks" %}</label>
        <ul id="available_network" class="networklist">
        </ul>
      </td>
    </tr>
  </tbody>
</table>

<table class="table-fixed" id="networkListIdContainer">
  <tbody>
    <tr>
      <td class="actions">
          <div id="networkListId">
            {% include "horizon/common/_form_fields.html" %}
          </div>
      </td>
      <td class="help_text">
          {{ step.get_help_text }}
      </td>
    </tr>
  </tbody>
</table>


{% endblock %}

{% block modal-footer %}
  <input class="btn btn-primary pull-right" type="submit" value="{% trans "Create Security Service" %}" />
  <a href="{% url 'horizon:project:shares:index' %}" class="btn secondary cancel close">{% trans "Cancel" %}</a>
{% endblock %}
