{{ header }} {{ column_left }}
<div id="content">
  <div class="page-header">
    <div class="container-fluid">
      <div class="pull-right">
        <div class="btn-group">
              <a class="btn btn-primary" href="{{ add['href'] }}" data-toggle="tooltip" title="{{ add_mail }}"><i class="fa fa-plus"></i></a>
              <a href="{{ add['href'] }}"></a>
              <button data-toggle="tooltip" title="{{ button_delete }}" class="btn btn-danger" id="mail-delete"><i class="fa fa-trash"></i></button>
        </div>
      </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 is defined and error_warning != '' %}
    <div class="alert alert-danger"><i class="fa fa-exclamation-circle"></i> {{ error_warning }}
        <button type="button" class="close" data-dismiss="alert">&times;</button>
    </div>
    {% endif %}
    {% if success is defined and success != '' %}
    <div class="alert alert-success"><i class="fa fa-check-circle"></i> {{ success }}
      <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-list"></i> {{ heading_title }}</h3>
      </div>
      <div class="panel-body">
        <!--Filtering for quotation mail -->
    		<div class="well">
    			<div class="row">
    					<div class="col-sm-4">
    						<div class="form-group">
    							<label for="filter-id">{{ column_id }}</label>
    							<input class="form-control" id="filter-id" type="text" name="filter_id" value="{{ filter_id }}" placeholder="{{ column_id }}">
    						</div>
    						<div class="form-group">
    							<label for="filter-name">{{ column_name }}</label>
    							<input class="form-control" type="text" id="filter-name" name="filter_name" value="{{ filter_name  }}" placeholder="{{ column_name }}">
    						</div>
    					</div>
    					<div class="col-sm-4">
    						<div class="form-group">
    							<label for="filter-subject" class="control-label">{{ column_subject }}</label>
    							<input id="filter-subject" class="form-control" type="text" value="{{ filter_subject }}" name="filter_subject" placeholder="{{ column_subject  }}" value="{{ filter_subject }}">
    						</div>
    					</div>
    					<div class="col-sm-4">
    						<div class="form-group">
    							<label class="control-label" for="filter-message">{{ column_message }}</label>
    							<input class="form-control" id="filter-message" type="text" value="{{ filter_message }}" name="filter_message" placeholder="{{ column_message  }}" value="">
    						</div>
                <div class="form-group"><br>
    								<div class="brn btn-group pull-right">
    									<button type="button" id="button-filter-mails" class="btn btn-primary pull-left"><i class="fa fa-filter"></i> {{ button_filter }}</button>
    									<a href="{{ filter_clear }}" class="btn btn-info pull-left"><i class="fa fa-paint-brush"></i> {{ button_clear }}</a>
    								</div>
    						</div>
    					</div>
    			</div>
    		</div>
    		<!-- Filtering  for quotation mail end -->
        <div class="table-responsive">
          <table class="table table-hover table-bordered">
    				<thead>
    					<tr>
    						<th width="1"><input type="checkbox" onclick="$('input[name*=\'selected\']').prop('checked', this.checked);" ></th>
    						<th class="text-left">
                  {% if sort == 'id' %}
                    <a href="{{ sort_id  }}" class="{{ order|lower }}">{{ column_id }}</a>
                  {% else %}<a href="{{ sort_id  }}">{{ column_id }}</a>{% endif %}
                </th>
                <th class="text-left">
                  {% if sort == 'name' %}
                    <a href="{{ sort_name  }}" class="{{ order|lower }}">{{ column_name }}</a>
                  {% else %}<a href="{{ sort_name  }}">{{ column_name }}</a>{% endif %}
                </th>
                <th class="text-left">
                {% if sort == 'subject' %}
                  <a href="{{ sort_subject  }}" class="{{ order|lower }}">{{ column_subject }}</a>
                {% else %}<a href="{{ sort_subject  }}">{{ column_subject }}</a>{% endif %}
              </th>
              <th class="text-left">
              {% if sort == 'message' %}
                <a href="{{ sort_message  }}" class="{{ order|lower }}">{{ column_message }}</a>
              {% else %}<a href="{{ sort_message  }}">{{ column_message }}</a>{% endif %}
            </th>
            <th class="text-right">{{ column_action }}</th>
    					</tr>
    				</thead>
    				<tbody>
    					<form action="{{ delete }}" method="post" id="form-mails">
    						{% if mails is defined and mails %}
    							{% for mail in mails %}
    								<tr>
    									<td><input type="checkbox" name="selected[]" value="{{ mail['id'] }}"></td>
    									<td>{{ mail['id'] }}</td>
    									<td>{{ mail['name'] }}</td>
    									<td>{{ mail['subject'] }}</td>
    									<td class="mail-message">{{ mail['message'] }}</td>
    									<td class="text-right"><a class="btn btn-primary" href="{{ mail['edit'] }}" data-toggle="tooltip" title="{{ button_edit }}"><i class="fa fa-pencil"></i></a></td>
    								</tr>
    			        {% endfor %}
    					  {% else %}
                      <tr>
                        <td class="text-center" colspan="6">{{ text_empty_record }}</td>
                      </tr>
                    {% endif %}
    					</form>
    				</tbody>
    			</table>
        </div>
        <div class="row">
          <div class="col-sm-6 text-left">{{ pagination }}</div>
          <div class="col-sm-6 text-right">{{ results }}</div>
        </div>
      </div>
    </div>
  </div>
<script type="text/javascript">
  $('#mail-delete').on('click', function() {
    var check = false;
    $('tbody input:checkbox').each(function() {
      if ($(this).prop('checked') == true) {
        check = true;
      }
    });
    if (check) {
      if (confirm('{{ text_confirm }}')) {
        $('#form-mails').submit();
      } else {
        return false;
      }
    } else {
      alert('{{ text_select }}');
    }

  });
  $(document).on('click', '#button-filter-mails', function(){
    var url = 'index.php?route=quotemanager/mails&token={{ token }}';
    var filter_id = $('input[name=\'filter_id\']').val();
    var filter_name = $('input[name=\'filter_name\']').val();
    var filter_subject = $('input[name=\'filter_subject\']').val();
    var filter_message = $('input[name=\'filter_message\']').val();

    if(filter_id){
      url += '&filter_id=' + encodeURIComponent(filter_id);
    }
    if(filter_name){
      url += '&filter_name=' +  encodeURIComponent(filter_name);
    }

    if(filter_subject){
      url += '&filter_subject=' + encodeURIComponent(filter_subject);
    }
    if(filter_message){
      url += '&filter_message=' + encodeURIComponent(filter_message);
    }
    location = url;
  });
</script>
{{ footer }}