{% import "forms-macro/inputs_form.html.twig" as forms %}
<div class="row rubrique " {{ fromOR is defined ? 'id="_blockChoiceTubageCoudeParent"':"" }}>
    <div class="rubrique_titre">
        <span>{{ fromOR is defined ? 'Nouvelles données pour corriger le résultat - Tubage':"Tubage" }}</span>
    </div>
    <form id="tubageTypeForm">
        <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 class="parentDivProductForm col-sm-3 col-md-3 col-lg-3" style="padding: 0 15px 0 0;">
                    {{ forms.select(
                        'Marque',
                        "idMarqueTubage",
                        "idMarqueTubage",
                        null,
                        "-- Sélectionnez votre choix --",
                        1,
                        null,
                        true,
                        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(
                        'Modèle',
                        "idModeleTubage",
                        "idModeleTubage",
                        null,
                        "-- Sélectionnez votre choix --",
                        2,
                        null,
                        true,
                        false,
                        false,
                        false,
                        "errorMessageDisabled") }}
                </div>
                {% if fromOR is defined %}
                    <div style="float: right;margin-right: 50px;margin-top: 40px;">
                        <div>
                            <input type="radio" id="TFPI" name="typeDuctOR"
                                   style="transform: scale(1.2);cursor: pointer;">
                            <label for="TFPI" class="control-label control-checkbox-label"
                                   style="vertical-align: middle;">Tubage Pré isolé</label>
                        </div>
                        <div>
                            <input type="radio" id="all" name="typeDuctOR"
                                   style="transform: scale(1.2);cursor: pointer;"
                                   checked>
                            <label for="all" class="control-label control-checkbox-label"
                                   style="vertical-align: middle;">Tous les tubages</label>
                        </div>
                    </div>
                {% endif %}
            </div>
        </div>
    </form>
    <div id="loaderTubage" class="parentDivProductForm col-sm-3 col-md-5 col-lg-3"
         style="display:block;text-align: center;width: 100%">
        <img src="{{ asset('images/loader-service.gif') }}" alt="Loader"
             style="width: 126px;margin-left: -10%;">
    </div>
    {% if fromOR is not defined %}
</div>
{% endif %}
<script type="application/javascript">
    $(document).ready(function () {
        {% if fromOR is defined %}
        fromORTubage = true;
        get(getProductURI.replace("0", {{ techData['idModele'] }})).then(function (response) {
            productDeviceSelected = deviceSelected = response;
            tubageNeedReload = true;
            techData ={{ techData| json_encode | raw }};
            initAllSelectBrandProductForTubageCoude({{ techData['idMarqueTubage'] }})
        })
        $('input[name="typeDuctOR"]').on('change', function () {
            tubageNeedReload = true;
            initAllSelectBrandProductForTubageCoude({{ techData['idMarqueTubage'] }})
        })
        {% endif %}
    });
</script>