{% extends '@InstallBois/index.html.twig' %}
{% import "rule_engine/macro/block_question.twig" as macro_question %}
{% import "forms-macro/popup.html.twig" as macro_popup %}

{% block title %}
    INSTALL-BOIS
{% endblock %}

{% block head %}
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
    {{ parent() }}
{% endblock %}

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

{% block javascripts %}
    {#    <script src="{{ asset('install-bois/app.js') }}"></script> #}
    {{ parent() }}
{% endblock %}

{% block page_content_start %}
    {% set firstStepClass = "titre_ecran_process_termineeStart" %}
    {% set secondStepClass = "titre_ecran_process_terminee" %}
    {% set thirdStepClass = "titre_ecran_process_Encours" %}
    {% set fourthStepClass = "titre_ecran_process_Arealisee" %}
    {% set isFromService = true %}
    {% set isFirst = serviceCreatedOnProject.currentStepReference == null or not hasAlreadyResponseGiven ? "true" : "false" %}
    <div class="containerInfosProjectSimple">
        {{ parent() }}
        {{ include('project/_block/project_infos_simple.html.twig') }}
    </div>
{% endblock %}

{% block page_content %}
    <div class="col-sm-12 col-md-12 col-lg-12">
        <h3 id="subtitleStep" style="color: #FC971F"></h3>
        {#        {% if serviceCreatedOnProject.serviceRE.prerequisitesServiceRE != null and serviceCreatedOnProject.serviceRE.canPrerequisiteBeUpdated %} #}
        {#            <div style="margin-right: 30px;float: right"> #}
        {#                <button type="button" class="boutonRetour" #}
        {#                        style="font-weight:normal;text-decoration: underline;background-color: transparent;color:blue;" #}
        {#                        onclick='$("#popup-go-back-prerequisite").modal("show");'> #}
        {#                    Revenir au prérequis #}
        {#                </button> #}
        {#                <img alt="Revenir au prérequis" src="{{ asset("images/backToPrerequisite.png") }}" #}
        {#                     style="width: 30px;margin-left: -7px;margin-bottom: 5px;"/> #}
        {#            </div> #}
        {#        {% endif %} #}
    </div>
    <div class="container-fluid">
        <div class="row">
            <div id="baseInfoBlock">
            </div>
            {{ include('rule_engine/front/_end_page.html.twig') }}
            {% if is_granted('ROLE_ADMIN') %}
                <div id="refTimelineBlock" class="rubrique col-sm-12 col-md-12 col-lg-12" style="display: none">
                    <h4>Cheminement des étapes</h4>
                    <div id="refTimelineInfoDiv"></div>
                </div>
                <div id="serviceDataInfo" class="col-sm-12 col-md-12 col-lg-12" style="margin-left: 2%;">
                    <h3>Valeurs présentes dans le tech data et le service data</h3>
                    <table id="tableServiceData" class="hover row-border" style="width: 95%;margin: 0 2%;">
                        <thead>
                        <tr>
                            <th>Présente dans</th>
                            <th>Clé</th>
                            <th>Valeur</th>
                            <th>Libellé (pour les modèles de produits)</th>
                        </tr>
                        </thead>
                        <tbody></tbody>
                    </table>
                </div>
            {% elseif not is_granted('ROLE_DEMO') %}
                <div id="containerGeneralResponsesBySubTitle">
                </div>
            {% endif %}
        </div>
    </div>
    {{ macro_popup.popup_info_validator() }}
    {{ macro_popup.popup_blocked_validator() }}
    {{ macro_popup.popup_go_back_prerequisite(serviceCreatedOnProject) }}
    <script type="application/javascript">

        let isTesting = false;
        {% if isTesting == true %}
        isTesting = true;
        {% endif %}
        // GLOBALS VARS
        let serviceCustomerId = {{ serviceCreatedOnProject is defined and serviceCreatedOnProject != null ? serviceCreatedOnProject.id : "null" }};
        let serviceCreatedByCID = {{ serviceCreatedOnProject is defined ? serviceCreatedOnProject.id : "null" }};
        let firstStepIdToDisplay = {{ firstStep is defined and firstStep != null ? firstStep.id : "null" }};
        let hasAlreadyResponseGiven = {{ hasAlreadyResponseGiven  ? "true" : "false" }};
        let nbResponseNotUndisplay = 0
        let serviceREId = {{ serviceCreatedOnProject is defined and serviceCreatedOnProject != null ? serviceCreatedOnProject.serviceRE.id : "null" }};
        let isFirst = {{ serviceCreatedOnProject.currentStepReference == null or not hasAlreadyResponseGiven ? "true" : "false" }};
        let isFromAdrCorrector = {{ isFromAdrCorrector|json_encode|raw }};
        let firstStepOfSection = firstStepIdToDisplay;
        let hasDisplayedFirstStepCorrector = false;
        let displayWet = {{ displayWet|json_encode|raw }};

        // URI
        let getStepURI = "{{ path('rule_engine_step_get', { id : "stepId" }) }}";
        let checkUndisplayStepURI = "{{ path('rule_engine_step_check_undisplay') }}";
        let getNextStepURI = "{{ path('rule_engine_front_step_next') }}";
        let getStepMacroURI = "{{ path('rule_engine_step_get_macro') }}";
        let checkValidatorURI = "{{ path('rule_engine_validator_check') }}";
        let applyPostTreatmentURI = "{{ path('rule_engine_step_apply_post_treatment') }}";
        let getCurrentPathServiceURI = "{{ path('service_created_on_project_current_path', { id : "scid", isFromAdrCorrector: isFromAdrCorrector }) }}";
        let getPreviousStepIdURI = "{{ path('service_created_on_project_previous_step_id') }}";
        let saveResponseForServiceCustomerURI = "{{ path('service_created_responses_save') }}";
        {% set serviceCreatedId = (serviceCreatedOnProject is defined and serviceCreatedOnProject != null ? serviceCreatedOnProject.id : "null" ) %}
        let completeServiceURI = "{{ path('service_created_on_project_complete_service', { 'id': serviceCreatedId }) }}";
        let removeResponsesFromCorrectorURI = "{{ path('service_created_responses_remove_from_corrector') }}";
        let loadingXmlUri = "{{ path('service_created_on_project_loading_diameters', { 'id': serviceCreatedId }) }}";

        let getServiceDataValuesURI = "{{ path('service_created_on_project_service_data', { id : "scid" }) }}";
        let getTechDataValuesURI = "{{ path('service_created_on_project_tech_data', { id : "scid" }) }}";

        $(document).ready(function () {
            activeLoader();
            isFirstLoad = true;
            if (nbResponseNotUndisplay > 1) {
                $("#previousStepBtn-" + firstStepIdToDisplay).hide();
            }
            previousStepId = firstStepIdToDisplay;
            checkUndisplayStepBeforeLoadIt(firstStepIdToDisplay);
        });
    </script>
    <script src="{{ asset('install-bois/rule-engine/front/startingRE.js') ~ "?rnd=" ~ random() }}"></script>
    <script src="{{ asset('install-bois/rule-engine/customer/httpServiceRequest.js') ~ "?rnd=" ~ random() }}"></script>
{% endblock %}