{% import "forms-macro/inputs_form.html.twig" as forms %}
{% if fromORTubage is not defined %}
<div class="row rubrique" {{ fromOR is defined ? 'id="_blockChoiceTubageCoude" style="margin-left:0;margin-right:0"':"" }}>
    <div class="rubrique_titre">
        {% if fromOR is defined %}
            Nouvelles données pour corriger le résultat -
        {% endif %}
        <span id="showCoude">{{ fromOR is defined ? "Tubage" :"Coudes (angle du conduit de fumée) et Té" }}</span>
    </div>
    {% endif %}
    <div class="col-sm-12 col-md-12 col-lg-12"
         style="padding: 10px" {{ fromOR is defined ? 'id="_blockChoiceTubageCoude"':'' }}'>
    <form id="tubageCoudeTypeForm">
        <div class=" col-sm-12 col-md-12 col-lg-12" style="padding: 0">
            <div id="containerCoudeTubage" class="parentDivProductForm col-sm-3 col-md-3 col-lg-3"
                 style="padding: 0 15px 0 0;">
                {{ forms.select(
                    'Coude :',
                    "coudeTubage",
                    "coudeTubage",
                    null,
                    null,
                    2,
                    null,
                    false,
                    false,
                    false,
                    false,
                    "errorMessageDisabled") }}
            </div>
            <div id="containerCoude2Tubage" class="parentDivProductForm col-sm-3 col-md-3 col-lg-3"
                 style="padding: 0 15px 0 0;">
                {{ forms.select(
                    'Coude 2:',
                    "coude2Tubage",
                    "coude2Tubage",
                    null,
                    null,
                    3,
                    null,
                    false,
                    false,
                    false,
                    false,
                    "errorMessageDisabled") }}
            </div>
        </div>
        <div class="parentDivProductForm col-sm-3 col-md-3 col-lg-3" style="padding: 0 15px 0 0;">
            {{ forms.select(
                'Té :',
                "TeTubage",
                "TeTubage",
                null,
                null,
                4,
                null,
                true,
                false,
                false,
                false,
                "errorMessageDisabled") }}
        </div>
        {% if fromOR is defined and fromORTubage is defined %}
            <div class="parentDivProductForm col-sm-3 col-md-3 col-lg-3" style="padding: 0 15px 0 0;">
                {{ forms.input(
                    'Longueur développée',
                    "number",
                    'LongueurDeveloppeeCdf.1',
                    'LongueurDeveloppeeCdf.1',
                    null,
                    "" ,
                    01,
                    true,
                    false,
                    false,
                    false,
                    "errorMessageFormProduct"
                ) }}
            </div>
        {% endif %}
    </form>
</div>
</div>
<script type="application/javascript">
    $(document).ready(function () {
        {% if fromOR is defined %}
        showTubage = SUBCASE[installationType][subInstallationTypeSelected]['showPages']['tubage'];
        if (showTubage) {
            get(getProductURI.replace("0", {{ idModeleTubage }})).then(function (response) {
                initTubageCoudeSelect(response)
            })
            $('#coudeTubage').on('change', function () {
                $('#coude2Tubage').val($(this).val()).change();
            })
        }
        {% endif %}
    });
</script>