{% import "forms-macro/inputs_form.html.twig" as forms %}
<div class="{{ fromOR is defined and fromOR is true ? "" :"row" }} rubrique ">
    <div class="rubrique_titre">
        {% if fromOR is defined %}
            Nouvelles données pour corriger le résultat -
        {% endif %}
        <span>{{ fromOR is defined ? "Conduit de raccordement connecté au conduit de fumée" :"Coudes et Té" }}</span>
    </div>
    <form id="connectingCoudeTeForm" style="padding-bottom: 17.3px;">
        <div class="row" style="padding-bottom: 1%;">
            <div class="col-sm-12 col-md-12 col-lg-12" style="padding: 0 15px 0 30px;">
                <div id="firstCoudeConnectingDuctDiv" class="parentDivProductForm col-sm-6 col-md-6 col-lg-6"
                     style="padding: 0 15px 0 0;">
                    {{ forms.select(
                        'Coude 1 :',
                        "firstCoudeConnectingDuct",
                        "firstCoudeConnectingDuct",
                        null,
                        "-- Sélectionnez votre choix --",
                        1,
                        null,
                        false,
                        false,
                        false,
                        false,
                        "errorMessageDisabled") }}
                </div>
                <div id="secondCoudeConnectingDuctDiv" class="parentDivProductForm col-sm-6 col-md-6 col-lg-6"
                     style="padding: 0 15px 0 0;">
                    {{ forms.select(
                        'Coude 2 :',
                        "secondCoudeConnectingDuct",
                        "secondCoudeConnectingDuct",
                        null,
                        "-- Sélectionnez votre choix --",
                        2,
                        null,
                        false,
                        false,
                        false,
                        false,
                        "errorMessageDisabled") }}
                </div>
                <div id="thirdCoudeConnectingDuctDiv" class="parentDivProductForm col-sm-6 col-md-6 col-lg-6"
                     style="padding: 0 15px 0 0;">
                    {{ forms.select(
                        'Coude 3 :',
                        "thirdCoudeConnectingDuct",
                        "thirdCoudeConnectingDuct",
                        null,
                        "-- Sélectionnez votre choix --",
                        3,
                        null,
                        false,
                        false,
                        false,
                        false,
                        "errorMessageDisabled") }}
                </div>
                <div id="fourthCoudeConnectingDuctDiv" class="parentDivProductForm col-sm-6 col-md-6 col-lg-6"
                     style="padding: 0 15px 0 0;">
                    {{ forms.select(
                        'Coude 4 :',
                        "fourthCoudeConnectingDuct",
                        "fourthCoudeConnectingDuct",
                        null,
                        "-- Sélectionnez votre choix --",
                        4,
                        null,
                        false,
                        false,
                        false,
                        false,
                        "errorMessageDisabled") }}
                </div>
            </div>
            <div class="col-sm-12 col-md-12 col-lg-12" style="padding: 0 15px 0 30px;">
                <div id="teConnectingDuctDiv" class="parentDivProductForm col-sm-6 col-md-6 col-lg-6"
                     style="padding: 0 15px 0 0;">
                    {{ forms.select(
                        'Té :',
                        "teConnectingDuct",
                        "teConnectingDuct",
                        null,
                        "-- Sélectionnez votre choix --",
                        1,
                        null,
                        false,
                        false,
                        false,
                        false,
                        "errorMessageDisabled") }}
                </div>
            </div>
            {% if fromOR is defined and edit|length > 0 %}
                <div class="col-sm-12 col-md-12 col-lg-12" style="padding: 0 15px 0 30px;">
                    {% for key,field in edit %}
                        <div class="parentDivProductForm col-sm-6 col-md-6 col-lg-6" style="padding: 0 15px 0 0;">
                            {{ forms.input(
                                key,
                                "number",
                                field,
                                field,
                                null,
                                "" ,
                                01,
                                true,
                                false,
                                false,
                                false,
                                "errorMessageFormProduct"
                            ) }}
                        </div>
                    {% endfor %}
                </div>
            {% endif %}
        </div>
    </form>
</div>
<script type="application/javascript">
    $(document).ready(function () {
        {% if fromOR is defined %}
        get(getProductURI.replace("0", {{ idModeleConnectingDuct }})).then(function (response) {
            initConnectingDuctCoudeTeSelect(response, 'idModeleConnectingDuct')
            displayNumberOfCoude()
        })
        {% endif %}
    });
</script>