{% extends 'base.html.twig' %}
{% block title %}Consulter un accessoire!{% endblock %}
{% block stylesheets %}{% endblock %}
{% block header %}Mon superbe menu{% endblock %}
{% block body %}

    <form method="get" action="{{ path('accessoireLister') }}" aria-label="Text input with radio button">
        <label for ='search'>Rechercher :</label>
        <input type="text" id="search" name="search" value="{{ app.request.query.get('search') }}">
        <button type="submit" class="btn btn-primary">Rechercher</button>
    </form>

    <div class="col-12">
        <div  class="container-fluid pt-4 px-4">
            <div class="bg-secondary rounded h-100 p-4">

                <h6 class="mb-4">LISTE DES ACCESSOIRES</h6>
                <form action="{{ path('accessoireAjouter') }}" method="get">
                    <button type="submit" class="btn btn-primary">Ajouter un nouvel accessoire</button>
                </form>
                <div class="table-responsive">
                    <table class="table">


                        <tr>
                            <th scope="col" style="text-align: center;"><a href="{{ path('accessoireLister', {'sort': 'libelle', 'order': (sortField == 'libelle' and sortOrder == 'asc' ? 'desc' : 'asc')}) }}">Libelle</a></th>
                            <th scope="col" style="text-align: center;"><a href="{{ path('accessoireLister', {'sort': 'instrument', 'order': (sortField == 'instrument' and sortOrder == 'asc' ? 'desc' : 'asc')}) }}">Instrument </a> </th>
                            {% if is_granted('ROLE_GEST') or is_granted('ROLE_ADMIN') %}
                            <th scope="col">Modifier</th>
                            <th scope="col">Supprimer</th>
                            {% endif %}


                        </tr>

                        {% for accessoires in accessoires %}
                            <tr>
                                <td style="text-align: center;">{{ accessoires.libelle }}</td>
                                <td style="text-align: center;"><a href="{{ path('InstrumentConsulter', { 'id': accessoires.instrument.id }) }}">{{ accessoires.instrument.nom }}</a></td>


                                {% if is_granted('ROLE_GEST') or is_granted('ROLE_ADMIN') %}
                                <td>
                                    <form action="{{ path('accessoireModifier', {'id': accessoires.id}) }}" method="post">
                                        <input type="hidden" name="_method" value="UPDATE">
                                        <button type="submit" class="btn btn-outline-primary">Modifier</button>
                                    </form>
                                </td>
                                <td>
                                    <form action="{{ path('accessoireSupprimer', {'id': accessoires.id}) }}" method="post">
                                        <input type="hidden" name="_method" value="DELETE">
                                        <button type="submit" class="btn btn-outline-primary">Supprimer</button>
                                    </form>
                                </td>
                                {% endif %}


                            </tr>

                        {% endfor %}
                    </table>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block javascripts %}{% endblock %}