{% extends 'base.html.twig' %}
{% block stylesheets %}
	{{parent() }}

{% endblock %}

{% block body %}
    <a class="change-page" href="{{ path('photo_commentaire', {'url_details' : url_details, 'planif' : planif, 'numDevis' : num_devis, 'date': date}) }}">Abandonner</a>    <fieldset>
        <div id="myModal" class="modal">
            <div class="modal-content">
                <form id="infoSup">
                    <label for="metrage">Si besoin de tuyauterie, quel metrage ?</label><br/>
                    <input type="number" default="0" id="metrage" placeholder="aucun" onChange="submitMetrage('{{ path('insert_metrage') }}', '{{ planif }}')"/> <br/> <br/>
                    
                    <div>
                        <p>Choix de l'amorçage</p>
                        {% for amorcage in amorcages %}
                            <label for="Amorcage{{ amorcage.ID }}" class="label-amorcage">{{ amorcage.libelle }}</label>
                            <input type="checkbox" id="Amorcage{{ amorcage.ID }}" name="Amorcage{{ amorcage.ID }}"
                            onclick="insertDeleteAmorcageOuLavagePlanif('{{ path('insert_delete_amorcage_planif') }}', {{ planif }} ,{{ amorcage.ID }}, 'Amorcage')" class='chbx-amorcage' value="{{ amorcage.ID }}"/><br/> 
                        {% endfor %}
                    </div>
                    
                    <div>
                        <p>Choix du lavage</p>
                        {% for lavage in lavages %}
                            <label for="Lavage{{ lavage.id }}" class="label-amorcage">{{ lavage.libelle }}</label>
                            <input type="checkbox" id="Lavage{{ lavage.id }}" name="Lavage{{ lavage.id }}"
                            onclick="insertDeleteAmorcageOuLavagePlanif('{{ path('insert_delete_lavage_planif') }}', {{ planif }} ,{{ lavage.id }}, 'Lavage')" class='chbx-amorcage' value="{{ lavage.id }}"/><br/> 
                        {% endfor %}
                    </div>

                    <br/><br/>

                    <input type="hidden" name="camionId" id="camion-id"/>
                    <input type="button" class='chbx-camion' onclick="hideModal()" value="valider" class="btn-val">
                </form>
            </div>

        </div>
        <form id='form-camion' action="{{ path('ajout_camions', {'url_details' : url_details, 'planif' : planif, 'date': date}) }}" method="POST">
        
        {% for categorie in camions_categories %}
            <h5>{{ categorie.libelle }}</h5>
            {% for camion in camions_trie[categorie.libelle] %}
                <div class="preference">
                    <label for="{{ camion.libelle }}" id="label-camion">{{ camion.libelle }}</label>
           
                    <input type="checkbox"
                    onclick="deleteCamionPlanif('{{ path('suppr_camion') }}', '{{ planif }}', {{ camion.id }}); {% if categorie.libelle == "Pompe" %}updateMetrage({{ camion.id }}){% endif %}"  
                    class='chbx-camion' name="{{ camion.libelle }}" id="{{ camion.id }}" value={{ camion.id }} 
                    {% if camion.id in camions_checked %}
                        checked
                    {% endif %}
                    />
                </div>
            {% endfor %}
        {% endfor %}
            <div id="div-btn-valider">
                <input type="hidden" name="numDevis" id="numDevis" value="{{ num_devis }}">
                <button type="submit" id="btn-valider">Valider</button>
            </div>
        </form>
    </fieldset>
{% endblock %}

{% block javascripts %}
{{ parent() }}
<script src=" {{ asset('assets/js/deleteCamionPlanif.js') }}"></script>
{% endblock %}