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

<!-- START | DASHBOARD/ALARMS -->
<div id="alarms" class="container-fluid">
 <div class="row pad-top">
  <div class="col-lg-2" id="alarms-nav">
   {% include 'alarms_nav.html' %}
  </div>
  <div class="col-lg-10">
   <div class="row" id="alarms-list">
    <div class="col-lg-12">
     <div class="row">
      <div class="col-lg-12">
       <button type="submit" class="btn btn-default btn-sm" id="alarms-open-selected"
               data-toggle="tooltip" data-placement="bottom"
               title="{{ lang['dashboard']['alarms']['table']['open_selected_tooltip'] }}">
        <span class="glyphicon glyphicon-zoom-in" aria-hidden="true"></span>
       </button>
       <button type="submit" class="btn btn-default btn-sm"
               id="alarms-open-selected-company"
               data-toggle="tooltip" data-placement="bottom"
               title="{{ lang['dashboard']['alarms']['table']['open_selected_company_tooltip'] }}">
        <span class="glyphicon glyphicon-home" aria-hidden="true"></span>
       </button>
        <input id="alarms-check-list" type="checkbox" /> {{ lang['dashboard']['alarms']['table']['check'] }}
       <form class="form-inline pull-right">
        <div class="form-group">
         <input type="search" class="form-control input-sm" id="alarms-search-text"
                placeholder="{{ lang['dashboard']['alarms']['table']['search_placeholder'] }}"/>
        </div>
        <button type="submit" class="btn btn-info btn-sm" id="alarms-search-submit"
                data-toggle="tooltip" data-placement="bottom"
                title="{{ lang['dashboard']['alarms']['table']['search_tooltip'] }}"
                data-loading-text="{{ lang['dashboard']['alarms']['table']['search_loading'] }}">
         <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
         {{ lang['dashboard']['alarms']['table']['search'] }}
        </button>
       </form>
      </div>
     </div>
     <br/>
     <div class="row">
      <div class="col-lg-12">
       <table id="alarms-table" class="table table-hover table-condensed noselect">
        <thead>
         <tr>
          <th>{{ lang['dashboard']['alarms']['table']['vehicle'] }}</th>
          <th>{{ lang['dashboard']['alarms']['table']['license_plate'] }}</th>
          <th>{{ lang['dashboard']['alarms']['table']['gps_id'] }}</th>
          <th>{{ lang['dashboard']['alarms']['table']['company_name'] }}</th>
          <th>{{ lang['dashboard']['alarms']['table']['description'] }}</th>
          <th>{{ lang['dashboard']['alarms']['table']['datetime'] }}</th>
         </tr>
        </thead>
        <tbody>
        </tbody>
       </table>
      </div>
     </div>
    </div>
   </div>
   <div class="row" id="alarms-info">
    <div class="col-lg-12">
     <div class="row" id="alarms-info-options"></div>
     <div class="row" id="alarms-info-history"></div>
     <div class="row" id="alarms-info-list"></div>
    </div>
   </div>
  </div>
 </div>
 {% include 'alarms_comment.html' %}
</div>
<!-- END | DASHBOARD/ALARMS -->