{% extends '@InstallBois/index.html.twig' %}

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

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

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

{% block page_content %}
    <div class="col-sm-12 col-md-12 col-lg-12" style="margin-bottom: 2%">
        <div class="container-loader">
            <img src="{{ asset('images/logo-install-bois.png') }}" alt="Logo IB" style="width: 20rem">
            <h3 id="title-loading">Initiation du calcul</h3>
            <h5 id="subtitle-loading"></h5>
            {{ include('project/_block/_loading_animation.html.twig') }}
        </div>
    </div>
    <script type="application/javascript">
        $(document).ready(() => {
            const titles = ['Initiation du calcul', 'Calcul en cours'];
            const subtitles = [
                'Chargement de L’EN 13384 et du DTU 24.1',
                'Géolocalisation et paramètres environnementaux',
                'Traitement de vos paramètres spécifiques',
                'Étude globale de votre installation',
                'Vérification des compatibilités et cohérences',
                'Traitement de l’amenée d’air',
                'Analyse réglementaire et normative',
                'Calcul sur l’ensemble des diamètres',
                'Préparation des résultats'
            ];
            const nbOfXml = parseInt('{{ nbOfXML }}');
            const urlGenerateXml = "{{ path('service_created_on_project_generate_xml', {'id': serviceCreatedOnProject.id, 'generateWet': generateWet}) }}";
            const urlGenerateXmlWet = "{{ path('service_created_on_project_generate_xml', {'id': serviceCreatedOnProject.id, 'generateWet': true}) }}";
            const urlDisplayResults = "{{ path('service_created_on_project_show_result_diameter', {'id': serviceCreatedOnProject.id, 'displayWet': app.request.get('displayWet') ?? '0'}) }}";
            const generateAll = {{ generateAll|json_encode|raw }};

            let timeLoadMin = 3;
            let timePassed = 0;
            let interval = 2000;
            let responseReceived = false;

            const generateXml = () => {
                const timer = setInterval(() => {
                    if (timeLoadMin <= timePassed) {
                        interval = 4000;
                    }
                    timePassed++;
                }, 1000);
                $.ajax({
                    url: urlGenerateXml,
                    type: 'GET',
                    dataType: 'json',
                    success: (res) => {
                        if (res.status === "SUCCESS") {
                            if (generateAll) {
                                generateWet();
                            } else {
                                responseReceived = true;
                            }
                            // interval = timeLoadMin > timePassed ? 3000 : 6000;
                        }
                        // clearInterval(timer);
                    }, error: () => {
                        createToast("danger", 'Une erreur est survenue')
                    }
                });
            }

            const changeTitles = () => {
                let i = 0;
                const timer = setInterval(() => {
                    if (i >= 9 || (responseReceived && timeLoadMin <= timePassed)) {
                        clearInterval(timer);
                        redirectToDisplayResult(true);
                    }
                    if (i === 7) {
                        $('#title-loading').text(titles[1])
                    }
                    $('#subtitle-loading').text(subtitles[i])
                    i++;
                }, interval);
            }

            const generateWet = () => {
                $.ajax({
                    url: urlGenerateXmlWet,
                    type: 'GET',
                    dataType: 'json',
                    success: (res) => {
                        if (res.status === "SUCCESS") {
                            responseReceived = true;
                            // interval = timeLoadMin > timePassed ? 3000 : 6000;
                        }
                        // clearInterval(timer);
                    }, error: () => {
                        createToast("danger", 'Une erreur est survenue')
                    }
                });
            };

            const redirectToDisplayResult = (result) => {
                if (result) {
                    window.location.replace(urlDisplayResults);
                }
            };

            changeTitles();
            generateXml();
        });
    </script>
{% endblock %}