<!doctype html>
<html>
    <head>
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="shortcut icon" href="{{ base() }}favicon.ico" type="image/x-icon">
        {{ titleHtml() }}
        
        <script type="text/javascript">
            var separateur = 'debut-----fin'; 
            var messageAttention = '{{ 'Non bloquant' | trad }}';
        </script>
        {{ skinCode() }}
        
        {% include '@GlobalApplication/Template/_script.twig' %}
    
        <meta charset="utf-8">
    </head>
    
    <body>
        {# utilisé pour les tooltip boostrap vue qu'on a pas les versions récente, on ne peut pas appliquer de class directement dessus #}
        {# DO NOT MOVE #}
        <div id="div_tooltip"></div>        
        <div id='loader' style='display:none;'>
            <div id='picto_loader'>
            </div>
        </div>
        {{ bandeauOxaproc('bandeauConnexion') }}
        <table class="table table-hover">
            <thead class="thead-dark">
                <tr>
                    <th scope="col">{{ 'Requete' }}</th>
                    <th scope="col">{{ 'début' }}</th>
                    <th scope="col">{{ 'fin' }}</th>
                    <th scope="col">{{ 'temps écoulé' }}</th>
                </tr>
            </thead>

                {% for info in stats %}
                    <tr>
                        <td>{{ info.requete|nl2br }}</td>
                        <td>{{ info.start }}</td>
                        <td>{{ info.end }}</td>
                        <td>{{ info.diff }}</td>
                    </tr>
                {% endfor %}

        </table>

        <h4 style="float: right;margin-right: 100px;">Total : {{ totalTime }}</h4>

    </body>
</html>