{% 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">
                <span class="close-modal" id="closeModal" onclick="hideModal()">✖</span>
                <form id="infoSup">            
                    <div id="section-lavage-standard">
                        <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 }}')"/>

                        <h5>Choix de l'amorçage</h5>
                        {% for amorcage in amorcages %}
                            <div class="mod-box">
                                <label for="Amorcage{{ amorcage.ID }}" class="label-amorcage">{{ amorcage.libelle }}</label>
                                
                                <select id="Amorcage{{ amorcage.ID }}" name="Amorcage{{ amorcage.ID }}"
                                        onchange="syncAmorcage('{{ path('insert_delete_amorcage_planif') }}', {{ planif }}, {{ amorcage.ID }}, this)">
                                    
                                    {% if amorcage.libelle|lower == 'ciment' or amorcage.ID == 2 %}
                                        {% set step, unit, max_loop = 1, "sacs", 10 %}
                                    {% else %}
                                        {% set step, unit, max_loop = 0.5, "m³", 20 %}
                                    {% endif %}

                                    <option value="0">Aucun</option> {# Valeur 0 = Désactivé / Supprimé #}
                                    {% for i in 1..max_loop %}
                                        {% set value = i * step %}
                                        <option value="{{ value }}">{{ value }} {{ unit }}</option>
                                    {% endfor %}
                                </select>
                            </div>
                        {% endfor %}  
                        <h5>Lavage Standard</h5>
                        {% for lavage in lavages %}
                            <div class="mod-box">
                                <label for="Lavage{{ lavage.id }}" class="label-amorcage">{{ lavage.libelle }}</label>
                                <input type="checkbox" id="Lavage{{ lavage.id }}" 
                                    onclick="insertDeleteAmorcageOuLavagePlanif('{{ path('insert_delete_lavage_planif') }}', {{ planif }}, {{ lavage.id }}, 'Lavage')" 
                                    class='chbx-amorcage' value="{{ lavage.id }}"/>
                            </div>
                        {% endfor %}

                        <br>
                        <br>

                        <label for="nb-tech">Nombre de techniciens :</label>
                        <select id="nb-tech" name="nb-tech" onChange="submitNbTech('{{ path('insert_nb_tech_supp') }}', '{{ planif }}')">
                            {% for i in 0..3 %}
                                <option value="{{ i }}" {% if i == nb_tech %} selected {% endif %}>{{ i }}</option>
                            {% endfor %}
                        </select>
                        <br>
                    </div>

                    <div id="section-lavage-toupie" style="display: none;">
                        <h5>Lavage Spécifique Toupie</h5>
                        {% for lavageT in lavages_toupie %}
                            <div class="mod-box">
                                <label for="LavageToupie{{ lavageT.id }}" class="label-amorcage">{{ lavageT.libelle }}</label>
                                <input type="checkbox" id="LavageToupie{{ lavageT.id }}" 
                                    onclick="insertDeleteAmorcageOuLavagePlanif('{{ path('insert_delete_lavage_planif') }}', {{ planif }}, {{ lavageT.id }}, 'LavageToupie')" 
                                    class='chbx-amorcage' value="{{ lavageT.id }}"/>
                            </div>
                        {% endfor %}
                    </div>
                    

                    <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 %}
    
            {% if categorie.libelle == 'Negoce' %}
                {# Cas spécifique pour Négoce : Accordéon #}
                <details class="negoce-details">
                    <summary><h5>{{ categorie.libelle }} (cliquez pour dérouler)</h5></summary>
                    <div class="negoce-content">
                        {% for camion in camions_trie[categorie.libelle] %}
                            <div class="preference">
                                <label for="{{ camion.libelle }}" id="label-camion">{{ camion.libelle }}</label>
                                <input type="checkbox"
                                    class="chbx-camion"
                                    onclick="deleteCamionPlanif('{{ path('suppr_camion') }}', '{{ planif }}', {{ camion.id }});"  
                                    id="{{ camion.id }}" value="{{ camion.id }}" name="{{ camion.id }}"
                                    {% if camion.id in camions_checked %} checked {% endif %}
                                />
                            </div>
                        {% endfor %}
                    </div>
                </details>
                <br/>
            {% else %}
                {# Cas standard pour les autres catégories #}
                <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"
                            class="chbx-camion"
                            onclick="deleteCamionPlanif('{{ path('suppr_camion') }}', '{{ planif }}', {{ camion.id }});
                            {% if categorie.libelle == 'Pompe' or categorie.libelle == 'Toupie' %}
                                updateMetrage({{ camion.id }}, '{{ categorie.libelle }}')
                            {% endif %}"  
                            id="{{ camion.id }}" value="{{ camion.id }}" name="{{ camion.id }}"
                            {% if camion.id in camions_checked %} checked {% endif %}
                        />
                    </div>
                {% endfor %}
            {% endif %}

        {% endfor %}

        <h5>Protections</h5>
        {% for protect in protections %}
            <div class="preference">
                <label for="protect_{{ protect.id }}" id="label-camion">{{ protect.libelle }}</label>
           
                <input type="checkbox"
                onclick="deleteProtectPlanif('{{ path('suppr_protect') }}', '{{ planif }}', 'protect_{{ protect.id }}')"
                class='chbx-camion' name="protect_{{ protect.id }}" id="protect_{{ protect.id }}" value={{ protect.id }} 
                {% if protect.id in protect_checked %}
                    checked
                {% endif %}
                />
            </div>
        {% 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 %}