{# src/Saracom/TPMSBundle/Resources/views/TPMS/index.html.twig #}
{% extends "SaracomTPMSBundle::layout.html.twig" %}

 
{% block title %}
  {% trans %}Compte{% endtrans %}-{{compte}} - {{ parent() }}
{% endblock %}



{% block tpms_body %}
    <script type="text/javascript">
        function openPos(){
            document.getElementById("position").innerHTML="Position";
        }
        function closePos(){
            document.getElementById("position").innerHTML="Pos.";
        }
         function openComp(){
            document.getElementById("comp").innerHTML="{% trans %}Pression compensée{% endtrans %}";
        }
        function closeComp(){
            document.getElementById("comp").innerHTML="{% trans %}P. comp.{% endtrans %}";
        }
        function openRec(){
            document.getElementById("rec").innerHTML="{% trans %}Pression recommendée{% endtrans %}";
        }
        function closeRec(){
            document.getElementById("rec").innerHTML="{% trans %}P. rec.{% endtrans %}";
        }
        function openTemp(){
            document.getElementById("tempa").innerHTML="Temperature";
        }
        function closeTemp(){
            document.getElementById("tempa").innerHTML="Temp.";
        }
        function openDer(){
            document.getElementById("der").innerHTML="{% trans %}Dernière lecture{% endtrans %}";
        }
        function closeDer(){
            document.getElementById("der").innerHTML="{% trans %}Der. lec.{% endtrans %}";
        }
    </script>
<h2>{% trans %}Compte{% endtrans %} - {{compte}}</h2>

<div class="well">
  <form method="post" action={{path('saracomtpmsvoir_compte',{'id':id,tri:'v'})}}>
    
    {%for site in sites%}
  
       <input name="sites[]" type="checkbox" value="{{site.id}}" {{site.checked}} onChange="submit();"> {{site.nom}}
    
    {%endfor%}

  </form>
</div>

 <table class="table table-striped">
 <tr>
 <th><a href="{{path('saracomtpmsvoir_compte',{'id':id,tri:'v'}) }}">{% trans %}Vehicule{% endtrans %}</a></th>
 <th><div id="position" onmouseover="openPos();"onmouseout="closePos();">Pos.</div></th>
 <th><a href="{{path('saracomtpmsvoir_compte',{'id':id,tri:'e'}) }}">{% trans %}Ecart{% endtrans %}</a></th>
 <th><div id="comp" onmouseover="openComp();"onmouseout="closeComp();">P. comp.</div></th>
 <th><div id="rec" onmouseover="openRec();"onmouseout="closeRec();">P. rec.</div></th>
 <th><div id="tempa" onmouseover="openTemp();"onmouseout="closeTemp();">Temp.</div></h>
 <th><a href="{{path('saracomtpmsvoir_compte',{'id':id,tri:'s'}) }}">Site</a></th>
 <th>{% trans %}Alerte{% endtrans %}</th>
 <th><a href="{{path('saracomtpmsvoir_compte',{'id':id,tri:'d'}) }}">
     <div id="der" onmouseover="openDer();"onmouseout="closeDer();">Der. lec.</div></a></th>
 <th></th>
 </tr>
 
 {% for donnee in donnees %}
   
   {% if donnee.ecart > donnee.seuil_rouge %}
        {% set warning="rouge" %}
        <tr class="error">
   {% elseif donnee.ecart > donnee.seuil_orange %}
        {% set warning="orange" %}
        <tr class="warning">
   {% else %} 
        {% set warning="-" %}
        <tr>
   {% endif %}
   
   <td>{{donnee.vehicule}}</td>
   <td>{{donnee.essieu}}{{donnee.position}}</td>
   <td>{{donnee.signe}}{{donnee.ecart}} %</td>
   <td>{{donnee.pression}} Kpa</td>
   <td>{{donnee.rec}} Kpa</td>
   <td>{{donnee.temperature}} °C</td>
   <td>{{donnee.nomdesite}}</td>
   <td>{{warning}}</td>
   <td>{{donnee.last|date("d/m/y")}}</td>
   </tr>
       
  {% endfor %}
</table>
{% endblock %}