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

<div class="col-lg-12">
 <div class="row">
  <div class="col-lg-4">
   <div class="panel panel-default panel-primary">
    <div class="panel-heading text-center">
     {{ lang['dashboard']['alarms']['info']['vehicle_details_title'] }}
    </div>
    <table class="table table-hover table-condensed">
     <tbody>
     <tr>
      <td class="alarms-info-table-name">
       {{ lang['dashboard']['alarms']['info']['vehicle_name'] }}
      </td>
      <td>{{ history['vehicleInfo']['name'] }}</td>
     </tr>
     <tr>
      <td class="alarms-info-table-name">
       {{ lang['dashboard']['alarms']['info']['vehicle_alias'] }}
      </td>
      <td>{{ history['vehicleInfo']['alias'] }}</td>
     </tr>
     <tr>
      <td class="alarms-info-table-name">
       {{ lang['dashboard']['alarms']['info']['vehicle_brand'] }}
      </td>
      <td>{{ history['vehicleInfo']['brand'] }}</td>
     </tr>
     <tr>
      <td class="alarms-info-table-name">
       {{ lang['dashboard']['alarms']['info']['vehicle_model'] }}
      </td>
      <td>{{ history['vehicleInfo']['model'] }}</td>
     </tr>
     <tr>
      <td class="alarms-info-table-name">
       {{ lang['dashboard']['alarms']['info']['vehicle_license_plate'] }}
      </td>
      <td>{{ history['vehicleInfo']['licensePlate'] }}</td>
     </tr>
     <tr>
      <td class="alarms-info-table-name">
       {{ lang['dashboard']['alarms']['info']['vehicle_year'] }}
      </td>
      <td>{{ history['vehicleInfo']['year'] }}</td>
     </tr>
     <tr>
      <td class="alarms-info-table-name">
       {{ lang['dashboard']['alarms']['info']['vehicle_engine'] }}
      </td>
      <td>{{ history['vehicleInfo']['engine'] }}</td>
     </tr>
     <tr>
      <td class="alarms-info-table-name">
       {{ lang['dashboard']['alarms']['info']['vehicle_chassis'] }}
      </td>
      <td>{{ history['vehicleInfo']['chassis'] }}</td>
     </tr>
     <tr>
      <td class="alarms-info-table-name">
       {{ lang['dashboard']['alarms']['info']['vehicle_company_name'] }}
      </td>
      <td>{{ history['vehicleInfo']['companyName'] }}</td>
     </tr>
     <tr>
      <td class="alarms-info-table-name">
       {{ lang['dashboard']['alarms']['info']['vehicle_gps_id'] }}
      </td>
      <td>{{ history['gpsInfo']['id'] }}</td>
     </tr>
     <tr>
      <td class="alarms-info-table-name">
       {{ lang['dashboard']['alarms']['info']['vehicle_insurance_company'] }}
      </td>
      <td>{{ history['vehicleInfo']['insuranceCompany'] }}</td>
     </tr>
     <tr>
      <td class="alarms-info-table-name">
       {{ lang['dashboard']['alarms']['info']['vehicle_insurance_policy'] }}
      </td>
      <td>{{ history['vehicleInfo']['insurancePolicy'] }}</td>
     </tr>
     <tr>
      <td class="alarms-info-table-name">
       {{ lang['dashboard']['alarms']['info']['vehicle_date_register'] }}
      </td>
      <td>{{ history['vehicleInfo']['dateRegister']|date("d/m/Y H:i:s") }}</td>
     </tr>
     <tr>
      <td class="alarms-info-table-name">
       {{ lang['dashboard']['alarms']['info']['vehicle_odometer'] }}
      </td>
      <td>{{ history['vehicleInfo']['odometer'] }}</td>
     </tr>
     <tr>
      <td class="alarms-info-table-name">
       {{ lang['dashboard']['alarms']['info']['vehicle_suspended'] }}
      </td>
      {% if history['vehicleInfo']['suspended'] %}
      <td class="alert-danger">
       {{ lang['dashboard']['alarms']['info']['vehicle_suspended_types'][1] }}
      </td>
      {% else %}
      <td class="alert-success">
       {{ lang['dashboard']['alarms']['info']['vehicle_suspended_types'][0] }}
      </td>
      {% endif %}
     </tr>
     </tbody>
    </table>
   </div>
  </div>
  <div class="col-lg-4">
   <div class="panel panel-default panel-primary">
    <div class="panel-heading text-center">
     {{ lang['dashboard']['alarms']['info']['history_details_title'] }}
    </div>
    <table class="table table-hover table-condensed">
     <tbody>
     <tr>
      <td class="alarms-info-table-name">
       {{ lang['dashboard']['alarms']['info']['history_comm_datetime'] }}
      </td>
      {% set cd = (date().timestamp-history['commDatetime']|date('U')) %}
      {% set cdclass = 'bg-danger' %}
      {% if cd < 0 %}
       {% set cdclass = 'bg-danger' %}
      {% elseif cd < 600 %}
       {% set cdclass = 'bg-success' %}
      {% elseif cd < 3600 %}
       {% set cdclass = 'bg-warning' %}
      {% endif %}
      <td class="{{ cdclass }}">
       {{ history['commDatetime']|date("d/m/Y H:i:s") }}
      </td>
     </tr>
     <tr>
      <td class="alarms-info-table-name">
       {{ lang['dashboard']['alarms']['info']['history_datetime'] }}
      </td>
      {% set dt = (date().timestamp-history['datetime']|date('U')) %}
      {% set dtclass = 'bg-danger' %}
      {% if dt < 0 %}
       {% set dtclass = 'bg-danger' %}
      {% elseif dt < 600 %}
       {% set dtclass = 'bg-success' %}
      {% elseif dt < 3600 %}
       {% set dtclass = 'bg-warning' %}
      {% endif %}
      <td class="{{ dtclass }}">
       {{ history['datetime']|date("d/m/Y H:i:s") }}
      </td>
     </tr>
     <tr>
      <td class="alarms-info-table-name">
       {{ lang['dashboard']['alarms']['info']['history_event_code'] }}
      </td>
      <td style="background-color: #{{ ec['color'] }};">{{ ec['id'] }}</td>
     </tr>
     <tr>
      <td class="alarms-info-table-name">
       {{ lang['dashboard']['alarms']['info']['history_event_code_name'] }}
      </td>
      <td>{{ ec['description'] }}</td>
     </tr>
     <tr>
      <td class="alarms-info-table-name">
       {{ lang['dashboard']['alarms']['info']['history_location_address'] }}
      </td>
      <td id="alarms-info-history-address">{{ history['location']['address'] }}</td>
     </tr>
     <tr>
      <td class="alarms-info-table-name">
       {{ lang['dashboard']['alarms']['info']['history_location_coords'] }}
      </td>
      <td>
       {% set lat = history['location']['lat'] %}
       {% set lng = history['location']['lng'] %}
       <a href="http://maps.google.com/maps?q={{ lat }},{{ lng }}&ll={{ lat }},{{ lng }}&z=17&t=h"
          target="_blank">
        {{ lat }}, {{ lng }}
       </a>
      </td>
     </tr>
     <tr>
      <td class="alarms-info-table-name">
       {{ lang['dashboard']['alarms']['info']['history_speed'] }}
      </td>
      <td>{{ history['speed'] }}</td>
     </tr>
     <tr>
      <td class="alarms-info-table-name">
       {{ lang['dashboard']['alarms']['info']['history_orientation'] }}
      </td>
      <td>{{ history['orientation'] }}</td>
     </tr>
     <tr>
      <td class="alarms-info-table-name">
       {{ lang['dashboard']['alarms']['info']['history_state'] }}
      </td>
      <td>{{ history['status'] }}</td>
     </tr>
     <tr>
      <td class="alarms-info-table-name">
       {{ lang['dashboard']['alarms']['info']['history_gps_id'] }}
      </td>
      <td>{{ history['gpsInfo']['id'] }}</td>
     </tr>
     <tr>
      <td class="alarms-info-table-name">
       {{ lang['dashboard']['alarms']['info']['history_gps_age'] }}
      </td>
      <td>{{ history['age'] }}</td>
     </tr>
     <tr>
      <td class="alarms-info-table-name">
       {{ lang['dashboard']['alarms']['info']['history_message_number'] }}
      </td>
      <td>{{ history['messageNumber'] }}</td>
     </tr>
     </tbody>
    </table>
   </div>
  </div>
  <div class="col-lg-4">
   <div class="panel panel-default panel-primary">
    <div class="panel-heading text-center">
     {{ lang['dashboard']['alarms']['info']['sensors_title'] }}
    </div>
    <table class="table table-hover table-condensed">
     <tbody>
     {% for i in 0..7 %}
     <tr class="text-center">
      {% if history['gpioBin'][i] == '1' %}
       <td class="alert-success">
      {% else %}
       <td class="alert-danger">
      {% endif %}
      {{ history['vehicleInfo']['sensors'][i] }}
      </td>
     </tr>
     {% endfor %}
     </tbody>
    </table>
   </div>
  </div>
 </div>
</div>