{% extends 'baseAdmins.html.twig' %}

    {% block stylesheets %}
        <meta http-equiv="refresh" content="60">
    {% endblock %}


{% block menu %}
    <div class="container-fluid ">
        <a href="{{ path('device_index') }}">DEVICES LIST</a>
{#        <a href="{{ path('pushSyncAction') }}">PUSH UPDATE</a>#}
{#        <a href="{{ path('pullStatAction') }}">PULL STATISTIC</a>#}
        <a href="{{ path('easyadmin') }}">RETOUR</a>
        {# <a href="{{ path('logoutAction') }}">Se deconneter</a> #}
    </div>
{% endblock %}

{% block body %}
<div class="col-md-9 " style="margin-top: 50px;">
    <h1>Sychronisation list</h1>

    <table id="example" class="display container-fluid" style="width:100%">
        <thead id="theadTable table-dark">
        <tr style="border: 1px solid #c0c0c0;    height: 50px;">
            <th class="td_1">Id</th>
            <th class="td_2">identifiant</th>
            <th class="td_3">sync_exposant</th>
            <th class="td_4">sync_conf</th>
            <th class="td_5">active</th>
            <th class="td_6">version</th>
            <th class="td_7">step</th>
            <th class="td_8">step lock</th>
            <th class="td_9">date</th>
            <th class="td_10"> </th>
            <th class="td_11">Count Devices</th>
            <th class="td_12"></th>

           
                {% for role in app.user.roles %}
                    {% if role == 'ROLE_ADMIN' %}
                        <th class="td_14">Delta images</th>
                        <th class="td_13">Message</th>
                    {% endif %}
                {% endfor %}


{#            <th class="td_8">Description</th>#}
{#            <th class="td_9">Vchlogo</th>#}
{#            <th class="td_10">Itype</th>#}
{#            <th class="td_11">Actions</th>#}
        </tr>
        </thead>
        <tbody>
        {% for sync in syncs %}
            <tr style="border: 1px solid #c0c0c0">
                <td class="td_1">{{ sync.id }}</a></td>
                <td class="td_2">{{ sync.identifiant }}</td>
                <td class="td_3">{{ sync.syncexposant }}</td>
{#                <td class="td_3">{% if device.date %}{{ device.date|date('Y-m-d H:i:s') }}{% endif %}</td>#}
                <td class="td_4">{{ sync.syncconf }}</td>
                <td class="td_7">{% if sync.active %} <img src="../images/up.gif" class="img-fluid" style="height: 30px;"> {% else %} <img src="../images/down.gif" class="img-fluid" style="height: 30px;">{% endif %}</td>
{#                <td class="td_5">{{ sync.active }} </td>#}
                <td class="td_6">{{ sync.version }}</td>
                <td class="td_7">{{ sync.step  }}</td>
                <td class="td_8">{{ sync.steplock  }}</td>
                <td class="td_9">{{ sync.date |date('d-m-Y H:i:s') }}</td>
                <td class="td_10"> </td>
                <td class="td_11">{{ devices[sync.id] }}</td>
                <td class="td_12">{% if sync.version is same as(last_version) %} <img src="../images/up.gif" class="img-fluid" style="height: 30px;"> {% else %} {% endif %}</td>
    

                {% for role in app.user.roles %}
                    {% if role == 'ROLE_ADMIN' %}
                        <td class="td_14">{% for img in  sync.deltaImg %}{{ img }}, {% endfor %}</td>
                        <td class="td_13">{{ sync.message | raw }}</td>
                   {% endif %}
                {% endfor %}

{#                <td class="td_8">{{ tAtelier.description }}</td>#}
{#                <td class="td_9">{{ tAtelier.vchLogo }}</td>#}
{#                <td class="td_10">{{ tAtelier.iType }}</td>#}
{#                <td class="td_11">#}
{#                    <ul>#}
{#                        <li>#}
{#                            <a href="{{ path('tatelier_show', { 'id': tAtelier.id }) }}">show</a>#}
{#                        </li>#}
{#                        <li>#}
{#                            <a href="{{ path('tatelier_edit', { 'id': tAtelier.id }) }}">edit</a>#}
{#                        </li>#}
{#                    </ul>#}
{#                </td>#}
            </tr>
        {% endfor %}
        </tbody>
    </table>

    <div class="d-flex justify-content-around mt-2">

    {# <ul style="list-style-type : none;">
        <li> #}
             
             {% for role in app.user.roles %}
                    {% if role == 'ROLE_ADMIN' %}
                        <a class="btn btn-primary" href="{{ path('pullStatAction') }}">Pull statistiques</a>
                    {% endif %}
             {% endfor %}

        {# </li>
         <br/> #}

{#        <li>#}
{#            <a href="{{ path('pushSyncAction') }}" style="color: #195e00;" >Push update</a>#}
{#        </li>#}
            <a class="btn btn-primary" href="{{ path('updateSyncAction') }}">Push sur les totems</a>

                {# {{ app.user.roles[0] }} #}
               {% for role in app.user.roles %}
                    {% if role == 'ROLE_ADMIN' %}
                        <a class="btn btn-primary" href="{{ path('startSynchroAction') }}">Lancer la synchro api provider</a>
                        <a class="btn btn-danger" href="{{ path('deleteSyncAction') }}" onclick="return confirm('Vous  êtes surs de TOUT SUPPRIMER ?')">Supprimer tout</a>
                    {% endif %}
                {% endfor %}
    </div>
</div>
{% endblock %}