{{ header }}{{ column_left }}
<div id="content">
  <div class="page-header">
    <div class="container-fluid">
      <div class="pull-right">
        <button type="submit" form="form-module" data-toggle="tooltip" title="{{ button_save }}" class="btn btn-primary"><i class="fa fa-save"></i></button>
        <a href="{{ cancel }}" data-toggle="tooltip" title="{{ button_cancel }}" class="btn btn-default"><i class="fa fa-reply"></i></a>
      </div>
      <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 }}
        <button type="button" class="close" data-dismiss="alert">&times;</button>
      </div>
    {% endif %}
    <div class="panel panel-default">
      <div class="panel-heading">
        <h3 class="panel-title"><i class="fa fa-pencil"></i> {{ text_edit }}</h3>
      </div>
      <div class="panel-body">
        
        <form action="{{ action }}" method="post" enctype="multipart/form-data" id="form-module" class="form-horizontal">
          <div class="form-group required">
            <label class="col-sm-2 control-label" for="input-name">{{ entry_name }}</label>
            <div class="col-sm-10">
              <input type="text" name="name" value="{{ name }}" placeholder="{{ entry_name }}" id="input-name" class="form-control" />
              {% if error_name %}
              <div class="text-danger">{{ error_name }}</div>
              {% endif %}
            </div>
          </div>

          <div class="form-group">
            <label class="col-sm-2 control-label" for="input-status">{{ entry_popup }}</label>
            <div class="col-sm-10">
             <select name="popup" id="input-popup" class="form-control">
                {% if popup %}
                <option value="1" selected="selected">{{ text_enabled }}</option>
                <option value="0">{{ text_disabled }}</option>
                {% else %}
                <option value="1">{{ text_enabled }}</option>
                <option value="0" selected="selected">{{ text_disabled }}</option>
                {% endif %}
                </select>
            </div>
          </div>

          <div class="form-group">
            <label class="col-sm-2 control-label" for="input-status">{{ entry_status }}</label>
            <div class="col-sm-10">
              <select name="status" id="input-status" class="form-control">
                {% if status %}
                  <option value="1" selected="selected">{{ text_enabled }}</option>
                  <option value="0">{{ text_disabled }}</option>
                {% else %}
                  <option value="1">{{ text_enabled }}</option>
                  <option value="0" selected="selected">{{ text_disabled }}</option>
                {% endif %}
              </select>
            </div>
          </div>
          <div class="form-group">            
            <div class="col-sm-2 control-label">
              <div class="tab-pane" id="tab-module">
                <ul class="nav nav-pills nav-stacked" id="module">                  
                  <li class="active">
                    <a href="#tab-list" data-toggle="tab" >{{ text_list  }}</a>
                  </li>                                
                </ul>
              </div>
            </div>
            <div class="col-sm-10">
              <div class="tab-content">
                <div class="tab-pane active" id ="tab-list">
                  <div class="table-responsive">
                    <table class="table table-bordered table-hover">
                      <thead>
                        <thead>
                          <tr>
                            <td class="text-center"><input type="checkbox" onclick="$('input[name*=\'selected\']').attr('checked', this.checked);" /></td>
                            <td class="text-left">{{ entry_number }}</td>
                            <td class="text-left">{{ entry_email }}</td>                           
                            <td class="text-center">{{ entry_action }}</td>
                          </tr>
                        </thead>
                        <tbody>
                          {% if users %}
                            {% for key,user  in users %}
                            <tr>
                              <td class="text-center">
                                {% if user['selected'] %}
                                  <input type="checkbox" name="selected[]" value="{{ user['id']  }}" checked="checked" />
                                {% else %}
                                  <input type="checkbox" name="selected[]" value="{{ user['id']  }}" />
                                {% endif %}
                              </td>
                              <td class="text-left">{{ page_nav+ key  +1  }}</td>
                              <td class="text-left">{{ user['email']  }}</td>                            
                              <td class="text-center">
                                {% for action in user['action'] %}
                                 <a href="{{ action['href']  }}">{{ action['text']  }}</a>
                                {% endfor %}
                              </td>
                            </tr>
                            {% endfor %}
                          {% else %}
                            <tr>
                              <td class="text-center" colspan="5">{{ text_no_results  }}</td>
                            </tr>
                          {% endif %}
                        </tbody>
                    </table>
                    <div class="pagination">{{ pagination  }}</div>
                  </div>
                </div>
              </div>
            </div>          
          </div>
          
        </form>
      </div>
    </div>
  </div>
</div>
{{ footer }}
