{# {% extends '@AdminLTE/layout/default-layout.html.twig' %} #}
{% extends 'default-layout.html.twig' %}
{% import "forms-macro/popup.html.twig" as macroPopup %}
{% import "popup/popup.html.twig" as popupTemplate %}
{% block title %}
    INSTALL BOIS
{% endblock %}

{% block head %}
    <script type="text/javascript" src="{{ asset('externalJS/jquery.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('externalJS/jquery.dataTables.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('externalJS/dataTables.buttons.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('externalJS/jszip.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('externalJS/vfs_fonts.js') }}"></script>
    <script type="text/javascript" src="{{ asset('externalJS/buttons.html5.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('externalJS/buttons.print.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('externalJS/numeric-comma.js') }}"></script>
    <script type="text/javascript" src="{{ asset('externalJS/jquery-ui.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('externalJS/html2canvas.min.js') }}"></script>
    <script type="text/javascript" src="https://cdn.ckeditor.com/4.22.0/full-all/ckeditor.js"></script>
    <script type="text/javascript" src="{{ asset('install-bois/app.js') ~ "?rnd=" ~ random() }}"></script>
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js" defer></script>
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/i18n/fr.js" defer></script>
    <script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.3/dist/jquery.validate.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.3/dist/additional-methods.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
    <script type="text/javascript"
            src="{{ asset('install-bois/initDateTimeFormatDatatable.js') ~ "?rnd=" ~ random() }}"></script>
    <script src="https://cdn.datatables.net/plug-ins/1.13.4/filtering/type-based/accent-neutralise.js" defer></script>
    {{ parent() }}
{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link rel="icon" type="image/x-icon" href="{{ asset('favicon.png') }}"/>
    <link rel="stylesheet" href="{{ asset('externalCSS/font.css') }}">
    <link rel="stylesheet" href="{{ asset('externalCSS/jquery.dataTables.min.css') }}">
    <link rel="stylesheet" href="{{ asset('externalCSS/buttons.dataTables.min.css') }}">
    <link rel="stylesheet" href="{{ asset('externalCSS/select.dataTables.min.css') }}">
    <link rel="stylesheet" href="{{ asset('externalCSS/responsive.dataTables.min.css') }}">
    <link rel="stylesheet" href="{{ asset('externalCSS/select2.min.css') }}">
    <link rel="stylesheet" href="{{ asset('externalCSS/jquery-ui.css') }}">
    <link rel="stylesheet" href="{{ asset('externalCSS/jquery-ui.theme.min.css') }}">
    <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">
{% endblock %}

 {% block logo_mini %}
     <img src="{{ asset("favicon.png") }}" alt="Logo Install Bois -premiere
    application pour revendeurs et installateurs de poêles et d'inserts qui les aide à concevoir et mettre en oeuvre
    leurs installations, et qui valorise leur travail auprès de leurs clients." title="Logo Install Bois"/>
 {% endblock %}

{% block logo_large %}
    <img src="{{ asset("images/logo-install-bois.png") }}" alt="Logo Install Bois -premiere
    application pour revendeurs et installateurs de poêles et d'inserts qui les aide à concevoir et mettre en oeuvre
    leurs installations, et qui valorise leur travail auprès de leurs clients." title="Logo Install Bois"/>
{% endblock %}

{% block sidebar_search %}
{% endblock %}

{% block page_title %}
    <input id="isAdmin" type="hidden" value=" {{ is_granted("ROLE_ADMIN") ? "true" : "false" }}"/>
    <input id="isLectureSeul" type="hidden" value="{{ is_granted('ROLE_LECTURE_SEULE') ? "true" : "false" }}">
    <input id="featuresAccess" type="hidden" value="true"/>
{% endblock %}

{% block page_subtitle %}{% endblock %}

{% block sidebar_nav %}
    {% include "@Sidebar/menu.html.twig" %}
{% endblock %}

 {% block navbar_user %}
     {% include "@Navbar/user.html.twig" %}
 {% endblock %}

{% block page_content_start %}
    {{ parent() }}
    <div id="reservedPopupDivCgu">
        {% set isAdmin = is_granted("ROLE_ADMIN") || is_granted("ROLE_PREVIOUS_ADMIN") ? true : false %}
        {% set hasValidatedCookies = app.user.hasValidatedCookies %}
        {% set popupNumberProject = app.session.get('popupNumberProject') %}
        {% set popupWelcomeToIB = app.session.get('popupWelcomeToIB') %}
        {% set popupContractNotPaid = app.session.get('displayPopupContractNotPaid') %}
        {% set popups = app.session.get('popups') %}
        {{ include('cookie/cookie.html.twig') }}
        {{ include('cg/_form_cgu.html.twig') }}
        {{ include('cg/_form_base_info_user.html.twig') }}
        {{ macroPopup.popup_send_bug() }}
        {{ macroPopup.popup_contract_not_paid() }}
        {% if popupNumberProject %}
            {{ include('project/_modal/_popup_NumberProject.html.twig') }}
        {% endif %}
        {{ include('project/_modal/_popup_welcome_to_IB.html.twig') }}
        {{ macroPopup.simple("info", "Cette fonctionnalité n’est accessible que depuis un ordinateur, veuillez vous connecter depuis un ordinateur.",null,null,"popUpGoToBrandOnSmartphone") }}
        {% if popups is not empty %}
            {{ popupTemplate.multiple_popup(popups) }}
        {% endif %}
    </div>
    <script type="application/javascript">
        let isDemo = {{ is_granted('ROLE_DEMO')|json_encode|raw }};
        let isAdmin = {{ isAdmin|json_encode|raw }};
        $(document).ready(function () {
            let hasValidatedCookies = {{ hasValidatedCookies|json_encode|raw }};
            if (!isAdmin && !hasValidatedCookies) {
                $('#modal-cookie').modal("show");
            } else {
                isLastCguValidated();
            }
            $('#cookies').click(function () {
                validateCookies();
                isLastCguValidated();
            });

            $("#modalBaseInfouserValidatedBtn").click(function () {
                let isOkToContinueProcess = checkFormField("formBaseInfoUser");
                if (isOkToContinueProcess) {
                    saveInfoUser();
                }
            });


            $('#popup-contract-not-paid').on('hide.bs.modal', function (e) {
                checkOtherPopups();
            })
            // $('#btnPayContract').on('click', () => {
            //     checkOtherPopups();
            // });

            $('#modalCguValidatedBtn').on('click', () => {
                saveCguValidation();
            });

            $('img').on('contextmenu', function (e) {
                e.preventDefault();
            });

            {#let screenshot = null;#}
            {#$('#pictoBug').on('click', function() {#}
            {#    html2canvas(document.body).then(canvas => {#}
            {#        screenshot = canvas.toDataURL('image/png');#}
            {#    });#}
            {#    $('#btnSendBug').show();#}
            {#    $('#send-bug-msg').text('Vous souhaitez signaler un fonctionnement qui vous semble anormal ?');#}
            {#    $('#bug-description-block').show();#}
            {#    $('#bug-description-block').removeClass('errorInputBug');#}
            {#    $('#send-bug-question').show();#}
            {#    $('#btnSendBugNo').text('Non');#}
            {#    $('#popup-send-bug').modal('show');#}
            {#});#}

            {#$('#bug-description').on('input', function() {#}
            {#    if ($(this).val().length >= 3) {#}
            {#        $('#btnSendBug').prop('disabled', false);#}
            {#        $('#btnSendBug').prop('title', '');#}
            {#    } else {#}
            {#        $('#btnSendBug').prop('disabled', true);#}
            {#        $('#btnSendBug').prop('title', 'Merci de décrire la situation');#}
            {#    }#}
            {#});#}

            {#$('#btnSendBug').on('click', () => {#}
            {#    let message = $('#bug-description').val();#}

            {#    if (message.length >= 3) {#}
            {#        $('#popup-send-bug').modal('hide');#}
            {#        $.ajax({#}
            {#            type: 'POST',#}
            {#            url: '{{ path('send_report_bug') }}',#}
            {#            data: {#}
            {#                screenshot: screenshot,#}
            {#                route: window.location.href,#}
            {#                message: message#}
            {#            },#}
            {#            success: function(response) {#}
            {#                $('#btnSendBug').hide();#}
            {#                $('#send-bug-msg').text('Merci, nous vous recontacterons.');#}
            {#                $('#bug-description-block').hide();#}
            {#                $('#send-bug-question').hide();#}
            {#                $('#btnSendBugNo').text('OK');#}
            {#                $('#popup-send-bug').modal('show');#}

            {#                createToast('success', response.message);#}
            {#            },#}
            {#            error: function(error) {#}
            {#                console.log(error.message);#}
            {#                createToast('danger', 'Une erreur est survenue lors de l\'envoi');#}
            {#            }#}
            {#        });#}
            {#    } else {#}
            {#        $('#bug-description-block').addClass('errorInputBug');#}
            {#    }#}
            {#});#}

            if (isDemo) {
                // Déconnexion temps d'inactivité
                const inactivityTime = 15 * 60 * 1000; // 15 minutes en millisecondes
                let inactivityTimeout;

                function resetInactivityTimer() {
                    clearTimeout(inactivityTimeout);
                    inactivityTimeout = setTimeout(logoutUser, inactivityTime);
                }

                function logoutUser() {
                    window.location.href = "/logout";
                }

                resetInactivityTimer();
                $(document).on('mousemove keypress click scroll', resetInactivityTimer);
            }
        });

        const isLastCguValidated = () => {
            $.ajax({
                url: '{{ path('cg_is_last_cgu_validated_info_user') }}',
                type: 'GET',
                success: function (res) {
                    if (res.status === "SUCCESS") {
                        if (!res.isLastCguValidated && res.cgu !== null) {
                            $("#displayCgu").prop("src", "/" + res.cgu.filePath + '#toolbar=0');
                            $("#inputIdCgu").val(res.cgu.id);
                            $("#cguEvoluent").text(res.isFirstConnection ? "" : "évoluent");
                            $("#modal-cgu").modal("show");
                        } else {
                            hasBaseInfoUser();
                        }
                    }
                }, error: function (res) {
                    console.log('Une erreur est survenue lors de la récupération des CGU : ' + res.error)
                }
            });
        }

        const hasBaseInfoUser = () => {
            $.ajax({
                url: '{{ path('cg_is_last_cgu_validated_info_user') }}',
                type: 'GET',
                success: function (res) {
                    if (res.status === "SUCCESS") {
                        if (res.isLastCguValidated && res.isFirstConnection && !isAdmin) {
                            $("#modal-base-info-user").modal("show");
                        } else {
                            checkContractUnpaid();
                        }
                    }
                }, error: function (res) {
                    console.log('Une erreur est survenue lors de la récupération des informations de l\'utilisateur : ' + res.error)
                }
            });
        }

        const saveInfoUser = () => {
            const firstname = $('#firstName').val();
            const lastname = $('#lastName').val();
            $.ajax({
                type: 'POST',
                url: '{{ path('user_edit_base_user_info') }}',
                data: {
                    firstName: firstname,
                    lastName: lastname
                },
                success: response => {
                    $('#modal-base-info-user').modal('hide');
                    checkContractUnpaid();
                },
                error: error => {
                    console.log(error.message);
                    createToast('danger', 'Une erreur est survenue lors de l\'envoi');
                }
            });
        }

        const saveCguValidation = () => {
            $.ajax({
                type: 'GET',
                url: '{{ path('user_validate_cgu') }}',
                success: response => {
                    $('#modal-cgu').modal('hide');
                    hasBaseInfoUser();
                },
                error: error => {
                    console.log(error.message);
                    createToast('danger', 'Une erreur est survenue lors de l\'envoi');
                }
            });
        }

        const validateCookies = () => {
            $.ajax({
                url: '{{ path('validate_cookies') }}',
                type: 'GET',
                success: function (res) {
                    if (res.status === "SUCCESS") {
                        $('#modal-cookie').modal("hide");
                    }
                }, error: function (res) {
                    console.log(res);
                }
            });
        }

        const checkPopUpWelcomeToIB = () => {
            if ('{{ popupWelcomeToIB }}' === '1') {
                $.ajax({
                    url: '{{ path('popup_welcome_to_ib_done') }}',
                    type: 'GET',
                    success: () => {
                        $("#modal-welcome_ib").modal("show");
                    }
                });
            } else {
                checkPopUpNumberOfProject();
            }
        }

        const checkPopUpNumberOfProject = () => {
            if ('{{ popupNumberProject }}' === '1' && !isAdmin) {
                $("#popup-popupNumberProject").modal("show");
                $.ajax({
                    url: '{{ path('popup_number_project_done') }}',
                    type: 'GET',
                });
            }
        }

        const checkContractUnpaid = () => {
            if ('{{ popupContractNotPaid }}' === '1' && !isAdmin) {
                $.ajax({
                    url: '{{ path('check_contract_ispaid') }}',
                    type: 'GET',
                    dataType: 'json',
                    success: res => {
                        if (res.status === "SUCCESS") {
                            $('#popup-contract-not-paid').modal('show');
                        }
                    }
                });
            } else {
                checkOtherPopups();
                // checkPopUpWelcomeToIB();
            }
        }

        const checkOtherPopups = () => {
            $.ajax({
                url: '{{ path('save_view_popup') }}',
                type: 'GET',
                success: res => {
                    if (res.status === "SUCCESS") {
                        $('#container-popups').css('display', 'flex');
                        $('body').append('<div class="modal-backdrop fade in" id="global-backdrop"></div>')
                        $('#container-popups .modal.fade').each(function () {
                            $(this).modal('show');
                        });
                        $('#container-popups .modal .cross-popup').on('click', function () {
                            setTimeout(function () {
                                if ($('#container-popups .modal.fade.in').length === 0) {
                                    $('#container-popups').hide();
                                    $('#global-backdrop').hide();
                                    checkPopUpWelcomeToIB();
                                }
                            }, 100);
                        });
                        $('#btn-close-all').on('click', function () {
                            $('#container-popups .modal .cross-popup').each(function () {
                                $(this).click();
                            });
                        });
                        $('.modal-backdrop').each(function () {
                            if ($(this).attr('id') !== 'global-backdrop') {
                                $(this).hide();
                            }
                        });
                    } else if (res.status === "EMPTY") {
                        checkPopUpWelcomeToIB();
                    }
                },
                error: res => {
                    createToast('error', res.error);
                }
            });
        }

        const checkFormField = formID => {
            for (let input of $("#" + formID + " input:visible, textarea:visible")) {
                let isEmpty = false;
                if (input.required) {
                    let spanRequiredId = input.id + "Control";
                    if (input.type === "text") {
                        isEmpty = input.value.length === 0;
                    }

                    if (isEmpty) {
                        $("#" + spanRequiredId).show();
                        document.getElementById(input.id).classList.add("borderErrorInput");
                    }
                }
            }

            let saveProcessCanContinue = true;
            for (let input of $("#" + formID + " input:visible, select:visible, textarea:visible")) {
                let spanControl = "#" + input.id + "Control";
                if ($(spanControl).is(':visible')) {
                    saveProcessCanContinue = false;
                    break;
                }
            }
            return saveProcessCanContinue;
        }

        if (!isDemo && !isAdmin) {
            const checkCurrentConnection = () => {
                $.ajax({
                    url: '{{ path('app_check_current_connection') }}',
                    type: 'GET',
                    dataType: 'json',
                    success: res => {
                        if (!res.keepSession) {
                            window.location.href = '{{ path('app_logout') }}';
                        }
                    }
                });
            };
            checkCurrentConnection();
            setInterval(() => {
                checkCurrentConnection();
            }, 30000);
        }

        if (isDemo) {
            // Déconnexion temps d'inactivité
            const inactivityTime = 15 * 60 * 1000; // 15 minutes en millisecondes
            let inactivityTimeout;

            function resetInactivityTimer() {
                clearTimeout(inactivityTimeout);
                inactivityTimeout = setTimeout(logoutUser, inactivityTime);
            }

            function logoutUser() {
                window.location.href = "/logout";
            }

            resetInactivityTimer();
            $(document).on('mousemove keypress click scroll', resetInactivityTimer);
        }
    </script>
    <a href="{{ path('home') }}" style="vertical-align: super;">
        <img src="{{ asset('install-bois/icon/icon-house.svg') }}" width="32px"/>
    </a>
{% endblock %}

{% block page_content %}

{% endblock %}

{% block footer %}
{#    <img id="pictoBug" src="{{ asset('install-bois/icon/picto-bug.svg') }}" alt="Signaler un bug">#}
    <footer class="main-footer">
        <!-- To the right -->
        <div class="pull-right btnFooter">
            <a>Support INSTALL BOIS</a>
            <span>-</span>
            <a data-toggle="modal" data-target="#popup-mentions">Mentions Légales</a>
            <span>-</span>
            <a href="{{ path('user_edit', {'id': app.user.id}) }}">Mon profil</a>
        </div>
    </footer>
    <div class="modal fade" id="popup-mentions" style="display: none; padding-right: 15px; ">
        <div class="modal-dialog popup">
            <div class="containerMentions">
                <h2>
                    MENTIONS LEGALES
                </h2>
                <div>
                    <span>Raison sociale : BOURGOIN EXPERTISE</span>
                    <span>Forme juridique : SARL</span>
                    <span>Siège social : 46 Rue du 14 Juillet, 79000 NIORT</span>
                    <span>Montant du capital social : 50.000 €</span>
                    <span>Immatriculation SIRET N°809 701 261 00012</span>
                    <span>R.C.S : 809 701 261 R.C.S NIORT. Tél. 09 72 54 16 79</span>
                    <span>N° TVA intra-communautaire : FR 16 80 97 01 26 1</span>
                    <span>E-mail : contact@bourgoin-expertise.com</span>
                </div>
                <div>
                    <span>Directeur de publication</span>
                    <br>
                    <span> Philippe Bourgoin</span>
                    <span>E-mail : contact@bourgoin-expertise.com</span>
                </div>
                <div style="margin-bottom: 20px;">
                    <span>  Site hébergé par IONOS :</span>
                    <br>
                    <span>  1&1 IONOS SARL</span>
                    <span>   Téléphone (Service client) : 09 70 808 911</span>
                    <span>   Adresse : 7 place de la Gare BP 70109</span>
                    <span>  57200 Sarreguemines CEDEX</span>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block control_sidebar %}{% endblock %}