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

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


{% block menu %}
    <div class="container-fluid ">
        <a href="{{ path('sync_index') }}">SYNC LIST</a>
{#        <a href="{{ path('updateSyncAction') }}">UPDATE APPSALON</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>Devices list</h1>

    <table id="example" class="display container-fluid" style="width:100%">
        <thead id="theadTable">
        <tr style="border: 1px solid #c0c0c0;    height: 50px;">
            <th class="td_1">Id</th>
            <th class="td_2">identifiant</th>
            <th class="td_3">project_id</th>
            <th class="td_4">module</th>
            <th class="td_5">position</th>
            <th class="td_6">Version actuelle</th>
            <th class="td_7">Is Updated</th>
            <th class="td_8">Version cible</th>
            <th class="td_9"></th>
            <th class="td_10"></th>
{#            <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 device in devices %}
            <tr style="border: 1px solid #c0c0c0">
                <td class="td_1">{{ device.id }}</a></td>
                <td class="td_2">{{ device.identifiant }}</td>
                <td class="td_3">{{ device.projectid }}</td>
{#                <td class="td_3">{% if device.date %}{{ device.date|date('Y-m-d H:i:s') }}{% endif %}</td>#}
                <td class="td_4">{{ device.module }}</td>
                <td class="td_5">{{ device.position }}</td>
                <td class="td_6">{{ device.version }}</td>
                <td class="td_7">{% if device.isupdated %} <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_8">{{ actualVersion }}</td>
                <td class="td_9"></td>
                <td class="td_10">
                    {# <li> #}
                        <a class="btn btn-danger btn-sm m-1" href="{{ path('device_delete', { 'id': device.id }) }}" onclick="return confirm('Vous êtes surs de SUPPRIMER ?')" >Supprimer</a>
                    {# </li> #}
                </td>
{#                <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>

    <ul>
{#        <li>#}
{#            <a href="{{ path('pushSyncAction') }}" style="color: #195e00;">Push update</a>#}
{#        </li>#}
{#        <li>#}
{#            <a href="{{ path('updateSyncAction') }}" style="color: #195e00;" >Update AppSalon</a>#}
{#        </li>#}
{#        <li>#}
{#            <a href="{{ path('deleteDeviceAction') }}" style="color: red;" onclick="return confirm('Vous  êtes surs de TOUT SUPPRIMER ?')">Supprimer tout</a>#}
{#        </li>#}
    </ul>
</div>
{% endblock %}