{% extends '@InstallBois/index.html.twig' %}
{% block title %}
    INSTALL-BOIS
{% endblock %}

{% block head %}
    {{ parent() }}
{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('install-bois/improveResultCDC/index.css') }}">
{% endblock %}

{% block javascripts %}
    <script type="text/javascript"
            src="{{ asset('install-bois/initDateTimeFormatDatatable.js') ~ "?rnd=" ~ random() }}"></script>
    <link href="https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp"
          rel="stylesheet">
    <script type="text/javascript"
            src="{{ asset('install-bois/prerequisite/main_prerequisite.js') }}"></script>
    <script type="text/javascript"
            src="{{ asset('install-bois/prerequisite/_choice_connecting_duct_coude_te.js') }}"></script>
    <script type="text/javascript"
            src="{{ asset('install-bois/prerequisite/_choice_tubage_coude.js') }}"></script>
    <script type="text/javascript"
            src="{{ asset('install-bois/prerequisite/_choice_smoke_duct_coude_te.js') }}"></script>
    {{ parent() }}
{% endblock %}

{% block page_content_start %}
    {% set serviceCreatedOnProject =serviceCreatedOnProject %}
    <div class="containerInfosProjectSimple">
        {{ parent() }}
        {% set fromPrerequisiteAdrOr = true %}
        {{ include('project/_block/project_infos_simple.html.twig') }}
    </div>
{% endblock %}

{% block page_content %}
    {{ parent() }}
    <div class="container-fluid">
    <div class="col-sm-12 col-md-12 col-lg-12" style="margin-bottom: 2%">
        <div style="margin-left: 100px;" class="containerTitleOR">
            <h3 class="title-results" style="">
                Correcteur de résultat pour le diamètre : {{ diameter }} mm (buse : {{ buse }} mm)
            </h3>
            <h2 class="title-results" style="margin: 0;" id="subTitle">
            </h2>
        </div>
    </div>
    <div id="displayResult" class="col-sm-12 col-md-12 col-lg-12" style="display: block">
        {{ include('project/improveResultCDC/block/display_result.html.twig') }}
    </div>
    <div id="edit" style="display: none;margin-top: 290px">
    </div>
    <div id="productParametersArray" style="display: none"
         data-productParameters="{{ productParametersProvider|json_encode()|convert_encoding('UTF-8', 'UTF-8') }}"></div>
    <script type="text/javascript"
            src="{{ asset('install-bois/improveResultCDC/display_result.js') ~ "?rnd=" ~ random() }}"></script>
    <script type="text/javascript"
            src="{{ asset('install-bois/improveResultCDC/httpServiceRequestImproveResultCDC.js') ~ "?rnd=" ~ random() }}"></script>
    <script type="application/javascript">
        let infosByCriteria = {{ infosByCriteria|json_encode|raw }};

        let action = null;
        let criteria = null;

        let containerDisplayResult = $('#displayResult');
        let containerEdit = $('#edit');

        //URI
        let getActionContentURI = '{{ path('improve_result_get_infos_for_one_action',{serviceCreatedOnProject:serviceCreatedOnProject.id,diameter:diameter,buse:buse,action:"action",criteria:"criteria"}) }}';
        let saveEdidingDataURI = '{{ path('improve_result_save_new_data_and_simulation',{serviceCreatedOnProject:serviceCreatedOnProject.id,diameter:diameter,buse:buse,action:"action",criteria:"criteria",displayWet:app.request.get('displayWet') ??'0'}) }}';
        let resetImproveProcessURI = '{{ path('improve_result_reset_improve_process',{serviceCreatedOnProject:serviceCreatedOnProject.id,diameter:diameter,buse:buse}) }}';

        //Coudes
        let getProductURI = "{{ path('products_get_by_id', { id : 0 }) }}";
        let coudeToCheck = [];
        let teToCheck = [];
        let installationType = '{{ dataForCoudes['installation'] }}';
        let cdr2IsDisplay = {{ dataForCoudes.nbOfDiameterConnectingDuct is defined and dataForCoudes['nbOfDiameterConnectingDuct']!=1? 'true':'false' }};
        let prerequisiteProcessDone = true;
        let isTesting = false;
        let techData = [];
        let productDeviceSelectedDeviceType = null;
        let productDevice = null;
        let isImprovment = true;
        let subInstallationTypeSelected = '{{ dataForCoudes['subInstallation'] }}'
        const COUDE_TUBAGE ={{ prerequisiteMatrix["COUDE_TUBAGE"]| json_encode | raw }};
        const TWO_COUDES_TUBAGE ={{ prerequisiteMatrix["TWO_COUDES_TUBAGE"]| json_encode | raw }};
        const COUDE_TE_SMOKE_DUCT ={{ prerequisiteMatrix["COUDE_TE_SMOKE_DUCT"]| json_encode | raw }};
        const TWO_COUDES_SMOKE_DUCT ={{ prerequisiteMatrix["TWO_COUDES_SMOKE_DUCT"]| json_encode | raw }};
        const TWO_COUDES_WITH_CREATE_SMOKE_DUCT ={{ prerequisiteMatrix["TWO_COUDES_WITH_CREATE_SMOKE_DUCT"]| json_encode | raw }};
        const INIT_COUDE2_SAME_COUDE1 ={{ prerequisiteMatrix["INIT_COUDE2_SAME_COUDE1"]| json_encode | raw }};
        const CONNECTING_DUCT1 ={{ prerequisiteMatrix["CONNECTING_DUCT1"]| json_encode | raw }};
        const SUBCASE ={{ prerequisiteMatrix["SUBCASE"]| json_encode | raw }};
        let specialTe = false;

        const TUBAGE ={{ prerequisiteMatrix["TUBAGE"]| json_encode | raw }};
        let tubageNeedReload = true;
        let brandListURI = "{{ path('brand_list', { "fromPrerequisite" : "true"}) }}";
        let installPath = "{{ asset('install-bois/rule-engine/front/pictures') }}";
        let productListByParamsURI = "{{ path('products_list_by_params') }}";

        $(document).ready(function () {
            get(getProductURI.replace("0", {{ dataForCoudes['idModele'] }})).then(function (response) {
                productDevice = response;
                productDeviceSelectedDeviceType = productDevice.device.type;
            })
        })
    </script>
{% endblock %}