{% extends 'accueil/accueil_admin.html.twig' %}

{% block body %}
<div class="content">
    <h1 style="margin-left:30px;">LISTE DES INSTRUMENTS</h1>
    <br>
                    <div class="bouton" style="float:right; margin-right:30px;">
        <a href="{{ path('app_instrument_ajouter') }}" class="btn">Ajouter un instrument</a>
    </div>
    <br><br>
    <table class="table">
        <thead>
            <tr>
                <th>Type d'Instrument</th>
                <th>Numéro de Série</th>
                <th>Date d'Achat</th>
                <th>Prix d'Achat</th>
                <th>Modèle</th>
                <th>Marque</th>
                <th>Couleur</th>
                {% if is_granted('ROLE_ADMIN') %}
                    <th>Actions</th>
                {% endif %}
            </tr>
        </thead>
        <tbody>
            {% for i in pInstruments %}
                <tr class="row">
                    <td>{{ i.TypeInstrument.libelle }}</td>
                    <td>
                        <span class="block">
                            <a href="{{ path('app_admin_instrument_consulter', { 'id': i.id }) }}" class="instrument-link">
                                {{ i.NumSerie }}
                            </a>
                        </span>
                    </td>
                    <td><span class="bold">{{ i.dateAchat ? i.dateAchat|date('d/m/Y') : 'Non renseignée' }}</span></td>
                    <td><span class="green">{{ i.prixAchat ? i.prixAchat|number_format(2, '.', ',') : 'Non renseigné' }}</span></td>
                    <td><span class="underline">{{ i.modele.nom ?? 'Non renseigné' }}</span></td>
                    <td><span class="underline">{{ i.marque.libelle ?? 'Non renseigné' }}</span></td>
                    <td><span class="underline">{{ i.couleur.libelle  ?? 'Non renseigné' }}</span></td>
                    <td class="actions">
                        <a href="{{ path('app_instrument_modifier', { 'id': i.id }) }}" class="action-btn">
                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2" class="icon icon-tabler icon-tabler-pencil">
                                <path stroke-linecap="round" stroke-linejoin="round" d="M13 3l8 8-10 10H3v-8L13 3z"></path>
                            </svg>
                        </a>
                        <a href="{{ path('app_instrument_supprimer', { 'id': i.id }) }}" onclick="return confirm('Êtes-vous sûr de vouloir supprimer ce contrat ?');" class="action-btn">
                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2" class="icon icon-tabler icon-tabler-trash">
                                <path stroke-linecap="round" stroke-linejoin="round" d="M3 6h18M9 6V4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2M10 11v6M14 11v6M5 6l1 14h12l1-14"></path>
                            </svg>
                        </a>
                    </td>
                </tr>
                <tr class="spacer"></tr>
            {% else %}
                <tr>
                    <td colspan="7">Aucun instrument n'a été trouvé.</td>
                </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}