{% import "forms-macro/inputs_form.html.twig" as forms %}
<div class="row rubrique" {{ fromOR is defined ? 'style="margin-left:0;margin-right:0"':"" }}>
    <div class="rubrique_titre" {{ fromOR is defined ? 'id="_blockChoiceSmokeDuctParent"':"" }}>
        {% if fromOR is defined %}
            Nouvelles données pour corriger le résultat -
        {% endif %}
        <span id="showCoude">{{ fromOR is defined ? "Conduit de fumée" :"Coudes et Té" }}</span>
    </div>
    <form id="smokeDuctCoudeTeForm">
        <div class="row" style="padding-bottom: 1%;">
            {% if fromOR is defined %}
            <div id="_blockChoiceCoudeTeSmokeDuct">
                {% endif %}
                <div class="col-sm-12 col-md-12 col-lg-12" style="padding: 0 15px 0 30px;">


                    <div class="parentDivProductForm col-sm-3 col-md-3 col-lg-3" style="padding: 0 15px 0 0;">
                        {{ forms.select(
                            'Coude 1 :',
                            "firstCoudeSmokeDuct",
                            "firstCoudeSmokeDuct",
                            null,
                            "-- Sélectionnez votre choix --",
                            1,
                            null,
                            false,
                            false,
                            false,
                            false,
                            "errorMessageDisabled") }}
                    </div>
                    <div class="parentDivProductForm col-sm-3 col-md-3 col-lg-3" style="padding: 0 15px 0 0;">
                        {{ forms.select(
                            'Coude 2 :',
                            "secondCoudeSmokeDuct",
                            "secondCoudeSmokeDuct",
                            null,
                            "-- Sélectionnez votre choix --",
                            2,
                            null,
                            false,
                            false,
                            false,
                            false,
                            "errorMessageDisabled") }}
                    </div>
                    <div class="parentDivProductForm col-sm-3 col-md-3 col-lg-3" style="padding: 0 15px 0 0;">
                        {{ forms.select(
                            'Coude 3 :',
                            "thirdCoudeSmokeDuct",
                            "thirdCoudeSmokeDuct",
                            null,
                            "-- Sélectionnez votre choix --",
                            3,
                            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 class="parentDivProductForm col-sm-3 col-md-3 col-lg-3" style="padding: 0 15px 0 0;">
                        {{ forms.select(
                            'Té :',
                            "teSmokeDuct",
                            "teSmokeDuct",
                            null,
                            "-- Sélectionnez votre choix --",
                            4,
                            null,
                            false,
                            false,
                            false,
                            false,
                            "errorMessageDisabled") }}
                    </div>
                </div>
                {% if fromOR is defined %}
            </div>
            {% endif %}
            {% 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 %}
        maconne = SUBCASE[installationType][subInstallationTypeSelected]['showPages']['maconne'];
        metalic = SUBCASE[installationType][subInstallationTypeSelected]['showPages']['metallique'];

        if (maconne) {
            if (subInstallationTypeSelected === "subCaseA_1") {
                initBasicsCoude($('#firstCoudeSmokeDuct'));
                initBasicsCoude($('#secondCoudeSmokeDuct'));
                initBasicsCoude($('#thirdCoudeSmokeDuct'));
                initBasicsTes($('#teSmokeDuct'));
            } else {
                $('#_blockChoiceCoudeTeSmokeDuct').hide();
            }
        } else if (metalic) {
            get(getProductURI.replace("0", {{ idModeleSmokeDuct is defined ? idModeleSmokeDuct : null }})).then(function (response) {
                initSmokeDuctCoudeTeSelect(response)
            })
        }
        {% endif %}
    });
</script>