{{ header }}{{ column_left }}
<div id="content">
  <div class="page-header">
    <div class="container-fluid">
      <h1>{{ heading_title }}</h1>
      <ul class="breadcrumb">
        {% for breadcrumb in breadcrumbs %}
        <li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>
        {% endfor %}
      </ul>
    </div>
  </div>
  <div class="container-fluid">
    {% if error_warning %}
      <div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> {{ error_warning }}</div>
    {% endif %}
    {% if success %}
      <div class="alert alert-success alert-dismissible"><i class="fa fa-check-circle"></i> {{ success }}</div>
    {% endif %}
  </div>
  <div class="container-fluid">
    <div class="panel panel-default">
    <div class="panel-heading">
      <h3 class="panel-title"><i class="fa fa-list"></i> {{ text_list }}</h3>
    </div>
    <div class="panel-body">
      <div class="well">
        <div class="row">
          <div class="col-sm-12">
            <form action="{{ add }}" method="post" id="add-profile-form" class="form-inline pull-right" role="form">
              <input type="hidden" name="step1" value="1" />
              <div class="form-group">
                <div class="input-group">
                  <select name="type"class="form-control">
                    {% for key, val in types %}


                      <option value="{{ key }}">{{ val.name }}</option>
                    {% endfor %}
                  </select>
                  <a data-toggle="tooltip" title="{{ button_add }}" class="btn btn-primary input-group-addon" onclick="$('#add-profile-form').submit();"><i class="fa fa-plus-circle"></i> {{ button_add }}</a>
                </div>
              </div>
            </form>
          </div>
        </div>
      </div>
      <table class="table table-bordered table-hover">
        <thead>
          <tr>
            <td class="text-left">{{ text_profile_name }}</td>
            <td class="text-left">{{ text_profile_type }}</td>
            <td class="text-left">{{ text_profile_desc }}</td>
            <td class="text-left"></td>
          </tr>
        </thead>
        <tbody>
        {% if profiles %}
        {% for profile in profiles %}
        <tr>
          <td class="text-left">{% if profile.default == 1 %} <strong>[{{ text_profile_default }}]</strong> {% endif %} {{ profile.name }}</td>
          <td class="text-left">{{ types[profile.type].name }}</td>
          <td class="text-left">{{ profile.description }}</td>
          <td class="text-right">
            <a href="{{ profile.link_edit }}" data-toggle="tooltip" title="{{ button_edit }}" class="btn btn-primary"><i class="fa fa-pencil"></i></a>&nbsp;
            <a href="{{ profile.link_delete }}" data-toggle="tooltip" title="{{ button_delete }}" class="btn btn-danger profile-delete"><i class="fa fa-minus-circle"></i></a>
          </td>
        </tr>
        {% endfor %}
        {% else %}
        <tr>
          <td class="text-center" colspan="4">{{ text_no_results }}</td>
        </tr>
        {% endif %}
        </tbody>
      </table>
    </div>
  </div>
  </div>
</div>
<script type="text/javascript"><!--
$(document).ready(function () {
  $('a.profileDelete').click(function (event) {
    event.preventDefault();
    var url = $(this).attr('href');
    var confirm_box = confirm('{{ text_confirm_delete }}');
    if (confirm_box) {
      window.location = url;
    }
  });
});
//--></script>
{{ footer }}
