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

<!-- START | DASHBOARD/STATUS -->
<div id="status" class="container-fluid">
 <div class="row pad-top" id="status-list">
  <div class="col-lg-12">
   <div class="row">
    <div class="col-lg-12">
     <div class="col-lg-2">
         <h4><span class="label label-success" id="status-list-count"></span></h4>
     </div>   
     <form class="form-inline pull-right">
      <div class="form-group">
       <input type="search" class="form-control input-sm" id="status-search-text"
              placeholder="{{ lang['dashboard']['status']['table']['search_placeholder'] }}"/>
      </div>
      <select class="form-control input-sm" required="required" id="status-search-status">
       {% for status in lang['dashboard']['status']['table']['search_status'] %}
        {% if loop.index0 == 0 %}
         <option value="{{ loop.index0 }}" selected>{{ status }}</option>
        {% else %}
         <option value="{{ loop.index0 }}">{{ status }}</option>
        {% endif %}
       {% endfor %}
      </select>
      <button type="submit" class="btn btn-info btn-sm" id="status-search-submit"
              data-toggle="tooltip" data-placement="bottom"
              title="{{ lang['dashboard']['status']['table']['search_tooltip'] }}"
              data-loading-text="{{ lang['dashboard']['status']['table']['search_loading'] }}">
       <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
       {{ lang['dashboard']['status']['table']['search'] }}
      </button>
      <button type="submit" class="btn btn-info btn-sm" id="status-csv-submit"
              data-toggle="tooltip" data-placement="bottom"
              title="{{ lang['dashboard']['status']['table']['csv_tooltip'] }}"
              data-loading-text="{{ lang['dashboard']['status']['table']['csv_loading'] }}">
       <span class="fa fa-table text-center" aria-hidden="true"></span>
       {{ lang['dashboard']['status']['table']['csv'] }}
      </button>
      <button type="submit" class="btn btn-primary btn-sm"
          id="status-list-postpone"
          data-toggle="tooltip" data-placement="bottom"
          title="{{ lang['dashboard']['status']['info']['postpone'] }}">
       <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
       {{ lang['dashboard']['status']['info']['postpone'] }}
      </button>
     </form>
    </div>
   </div>
   <br/>
   <div class="row">
    <div class="col-lg-12">
     <table id="status-table" class="table table-hover table-condensed noselect">
      <thead>
       <tr>
        <th><input type="checkbox" id="status-select-all"></th>
        <th>{{ lang['dashboard']['status']['table']['name'] }}</th>
        <th>{{ lang['dashboard']['status']['table']['alias'] }}</th>
        <th>{{ lang['dashboard']['status']['table']['license_plate'] }}</th>
        <th>{{ lang['dashboard']['status']['table']['company_name'] }}</th>
        <th>{{ lang['dashboard']['status']['table']['com_date_time'] }}</th>
        <th>{{ lang['dashboard']['status']['table']['pos_date_time'] }}</th>
        <th>{{ lang['dashboard']['status']['table']['gps_status'] }}</th>
        <th>{{ lang['dashboard']['status']['table']['gps_id'] }}</th>
        <th>{{ lang['dashboard']['status']['table']['status'] }}</th>
        <th>{{ lang['dashboard']['status']['table']['review'] }}</th>
       </tr>
      </thead>
      <tbody>
      </tbody>
     </table>
    </div>
   </div>
  </div>
 </div>
 <div class="row pad-top" id="status-info">
  <div class="col-lg-12">
   <div class="row" id="status-info-options"></div>
   <div class="row" id="status-info-history"></div>
   <div class="row" id="status-info-list"></div>
   <div class="row" id="status-info-relay"></div>
  </div>
 </div>
 <div class="row pad-top" id="status-cmd">
  <div class="col-lg-12">
   <div class="row" id="status-cmd-options">
    <div class="col-lg-1">
     <button type="submit" class="btn btn-info btn-sm"
             id="status-cmd-back"
             data-toggle="tooltip" data-placement="bottom"
             title="{{ lang['dashboard']['status']['info']['back'] }}">
      <span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span>
      {{ lang['dashboard']['status']['info']['back'] }}
     </button>
    </div>
    <div class="col-lg-11">
     <div class="pull-right">
      <button type="submit" class="btn btn-sm btn-warning"
              id="status-cmd-view"
              data-toggle="tooltip" data-placement="bottom"
              title="{{ lang['dashboard']['status']['command']['view_info'] }}">
       <span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
       {{ lang['dashboard']['status']['command']['view_info'] }}
      </button>
     </div>
    </div>
   </div>  
   <div class="row" id="status-cmd-send"></div>
   <div class="col-lg-12">
    <div class="pull-right">
     <button type="submit" class="btn btn-sm btn-success" id="status-cmd-update"
         data-toggle="tooltip" data-placement="bottom"
         data-loading-text="{{ lang['dashboard']['status']['command']['refresh'] }}"
         title="{{ lang['dashboard']['status']['command']['refresh_placeholder'] }}">
      <span class="glyphicon glyphicon-refresh" aria-hidden="true"></span>
        {{ lang['dashboard']['status']['command']['refresh'] }}
     </button>
    </div>
   </div>
   <div class="row" id="status-cmd-list">
    <div class="col-lg-12">
     <table id="status-cmd-table" class="table table-hover table-condensed noselect">
      <thead>
       <tr>
        <th>{{ lang['dashboard']['status']['command']['table']['gps'] }}</th>
        <th>{{ lang['dashboard']['status']['command']['table']['user'] }}</th>
        <th>{{ lang['dashboard']['status']['command']['table']['retries'] }}</th>
        <th>{{ lang['dashboard']['status']['command']['table']['next_day'] }}</th>
        <th>{{ lang['dashboard']['status']['command']['table']['command'] }}</th>
        <th>{{ lang['dashboard']['status']['command']['table']['response'] }}</th>
        <th>{{ lang['dashboard']['status']['command']['table']['actions'] }}</th>
       </tr>
      </thead>
      <tbody>
      </tbody>
     </table>
    </div>
   </div>
  </div>
     
 </div>
 {% include 'status_comment.html' %}
 {% include 'status_ref.html' %}
</div>
<!-- END | DASHBOARD/STATUS -->