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

{% block head %}
    {{ parent() }}
{% endblock %}

{% block header %}
    {{ parent() }}
{% endblock %}
{% block body %}
    <br>
        <section class="pt-0">
            <div class="container-fluid">
                <div class="row gy-4">
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-header">
                                <h3 class="h4 mb-0">Modifier un Instrument</h3>
                            </div>
                            <div class="card-body pt-0">
        <form method="post" action="{{ path('instrumentModifier', {'id': instrument.id}) }}">
            {{ form_start(form) }}

            <div class="mb-3">
                <label class="form-label" for="exampleInputEmail1">Nom de l'instrument</label>
                {{ form_widget(form.numSerie) }}
            </div>
            <div class="mb-3">
                <label class="form-label" for="exampleInputEmail1"></label>
                {{ form_row(form.dateAchat) }}
            </div>
            <div class="mb-3">
                <label class="form-label" for="exampleInputPassword1"></label>
                {{ form_row(form.prixAchat) }}
            </div>
            <div class="mb-3">
                <label for="utilisation"></label>
                {{ form_row(form.utilisation) }}
            </div>
            <div class="mb-3">
                <label class="form-label" for="exampleInputEmail1"></label>
                {{ form_row(form.marque) }}
            </div>
            <div class="mb-3">
                <label class="form-label" for="exampleInputEmail1"></label>
                {{ form_row(form.TypeInstrument) }}
            </div>
            <div class="mb-3">
                <label for="couleurs"></label>
                {{ form_row(form.couleurs) }}
            </div>
            <div class="mb-3">
                <label class="form-label" for="exampleInputEmail1"></label>
            {{ form_row(form.cheminImage) }}
            </div>
            <label for="currentImage">Image actuelle :</label>
            {% set photo = 'img/instrument/' ~ instrument.cheminImage ~ '.jpg' %}
            <span class="zoom"><img src="{{ asset(photo | trans )}}" title="{{ instrument.cheminImage }}" alt="{{ instrument.cheminImage }}" width="300" height="200"/></span>
            <div class="mb-3">
                <button type="submit">Modifier</button>
            </div>

            {{ form_end(form) }}
        </form>
    </div>
    </div>
    </div>
    </div>
    </div>
    </section>

        <!-- Add a link to go back to the consultation page -->
        <a href="{{ path('instrumentConsulter', {'id': instrument.id}) }}">Retour à la consultation</a>

{% endblock %}
{% block footer %}
    {{ parent() }}
{% endblock %}