{##
# @file events.html
# Copyright (C) 2015 Pressa. All rights reserved.
#}

<!-- START | DASHBOARD/EVENTS -->
<div id="events" class="container-fluid">
  <div class="row pad-top">
    <div class="col-lg-12">
      <form class="form-inline pull-left">
        <div class="form-group input-group-sm">
          <select class="form-control" data-width="150px" multiple
                  data-live-search="false" data-size="8" data-style="input-sm" data-actions-box="false"
                  data-placeholder="{{ lang['dashboard']['events']['filters']['types_placeholder'] }}"
                  title="{{ lang['dashboard']['events']['filters']['types_placeholder'] }}"
                  data-header="{{ lang['dashboard']['events']['filters']['types_placeholder'] }}"
                  id="events-types">
            {% for type in lang['dashboard']['events']['filters']['events_types'] %}
            <option value="{{ type.id }}">{{ type.name }}</option>
            {% endfor %}
          </select>
        </div>
        <div class="form-group input-group-sm">
          <select class="form-control" data-width="150px" multiple
                  data-live-search="false" data-size="8" data-style="input-sm" data-actions-box="false"
                  data-placeholder="{{ lang['dashboard']['events']['filters']['sucursales_placeholder'] }}"
                  title="{{ lang['dashboard']['events']['filters']['sucursales_placeholder'] }}"
                  data-header="{{ lang['dashboard']['events']['filters']['sucursales_placeholder'] }}"
                  id="events-sucursales">
            {% for suc in lang['dashboard']['events']['filters']['sucursales'] %}
            <option value="{{ suc.id }}">{{ suc.name }}</option>
            {% endfor %}
          </select>
        </div>
      </form>
      <form class="form-inline pull-right">
        <div class="form-group">
          <input type="search" class="form-control input-sm" id="events-search-text"
                 placeholder="{{ lang['dashboard']['events']['table']['search_placeholder'] }}"/>
        </div>
        <button type="submit" class="btn btn-info btn-sm" id="events-search-submit"
                data-toggle="tooltip" data-placement="bottom"
                title="{{ lang['dashboard']['events']['table']['search_tooltip'] }}"
                data-loading-text="{{ lang['dashboard']['events']['table']['search_loading'] }}">
          <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
          {{ lang['dashboard']['events']['table']['search'] }}
        </button>
        <!--  
       <button type="submit" class="btn btn-primary btn-sm" id="events-add"
               data-toggle="tooltip" data-placement="bottom"
               title="{{ lang['dashboard']['events']['table']['create_tooltip'] }}">
        <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
        {{ lang['dashboard']['events']['table']['create'] }}
       </button>
       <button type="submit" class="btn btn-info btn-sm" id="events-csv-submit"
               data-toggle="tooltip" data-placement="bottom"
               title="{{ lang['dashboard']['events']['table']['csv_tooltip'] }}"
               data-loading-text="{{ lang['dashboard']['events']['table']['csv_loading'] }}">
        <span class="fa fa-table text-center" aria-hidden="true"></span>
        {{ lang['dashboard']['events']['table']['csv'] }}
       </button>
        -->
      </form>
    </div>
  </div>
  <br/>
  <div class="row">
    <div class="col-lg-12">
      <table id="events-table" class="table table-hover table-condensed table-sm">
        <thead class="table-dark">
        </thead>
        <tbody>
        </tbody>
      </table>
    </div>
  </div>
</div>
<!-- END | DASHBOARD/events -->