function ConfirmationPage() {
        var self = this;
        var imageCdn = "https://i.static-companeo.com";
        var contextVersion = "?23.10.26";
        var visibilityNumber = 4;
        var ret = ``;
        var facHtmlList = [];
        var userData = {};

        var confirmation_text = {
            "bb_survey_confirmation_modal_address_title": "Pour nous aider à trouver le plus de fournisseurs répondant à votre besoin, merci de compléter votre adresse professionnelle.",
            "lib_address": "Adresse :",
            "bb_api_field_error": "Oups ! Merci de renseigner ce champ...",
            "cancel": "Annuler",
            "btn_finish": "Terminer",
            "bb_confirmation_page_user_request_recorded_success": function (fullname) {
                return `Merci ${fullname},<br> Nous avons bien pris en compte votre demande !`
            },
            "bb_api_confirm_rfq_saved": "DEMANDE(S) DE DEVIS ENREGISTRÉE(S)",
            "bb_api_confirm_goto_extranet": 'Vous pouvez à tout moment consulter le détail de vos demandes sur votre <a href="https://user.companeo.be/fr_BE/">espace Companeo</a>.',
            "ph_confirm_page_ft_intro": "Voici la liste des fournisseurs à qui nous allons transmettre votre demande :",
            "ph_confirm_page_click_intro": "Suite à votre demande, nous avons sélectionné les prestataires suivants.<br>Rendez-vous sur leur site pour découvrir en détail leurs offres et souscrivez directement en ligne :",
            "ph_confirm_page_match_intro": "Voici la liste des fournisseurs à qui nous allons transmettre votre demande. Nous sommes susceptibles de vous rappeler avant de procéder à la transmission, cet appel sera enregistré pour des raisons de qualité.",
            "ph_confirm_delete_lead": "Supprimer ce fournisseur",
            "ph_confirm_remove_fac": "Supprimer ce fournisseur",
            "ph_confirm_page_deselect_reason": "Veuillez sélectionner une raison",
            "bb_confirmation_page_supplier_cancel_reason_current_supplier": "Fournisseur actuel",
            "bb_confirmation_page_supplier_cancel_reason_already_work": "A déjà été mon fournisseur",
            "bb_confirmation_page_supplier_cancel_reason_quote_received": "Devis déjà reçu",
            "bb_confirmation_page_supplier_cancel_reason_bad_reputation": "Mauvaise réputation",
            "bb_confirmation_page_supplier_cancel_reason_other": "Autre",
            "bb_api_confirm_call_back_title": "Afin de vous permettre de recevoir vos devis le plus rapidement possible, nous sommes susceptibles de vous appeler.",
            "bb_api_confirm_next_step_title": "Et maintenant ?",
            "bb_api_confirm_next_step_extranet": "Retrouvez l&#039;ensemble de vos informations sur votre espace Companeo, ainsi que les coordonnées des fournisseurs qui vont réaliser vos devis.",
            "bb_api_confirm_tricks": "ASTUCE",
            "bb_api_confirm_buyingguide": function (category_name) {
                return `Achetez malin avec notre guide d'achat ${category_name} !`
            },
            "bb_api_confirm_tricks": "ASTUCE",
            "bePrefix": '/fr_BE',
            "ph_confirm_page_registered_request": `Vos demandes de devis ont bien été enregistrées`,
            "ph_confirm_page_transmit_request": `Nous transmettons vos informations à nos prestataires`,
            "ph_confirm_page_contact": `Vous allez être rapidement recontacté`,
            "ph_confirm_page_request_number": `ph_confirm_page_request_number`,
            "ph_confirm_page_fac_list": `Qui sont les prestataires qui vont vous contacter ?`,
            "ph_confirm_page_fac_default_description": `Fournisseur Agréé Companeo en :1`,
            "ph_confirm_page_fac_learn_more": `En savoir plus`,
            "ph_confirm_page_delete_fac": `Pour désélectionner certains des prestataires`,
            "ph_confirm_page_delete_fac_cta": `cliquez ici`,
            "ph_confirm_page_delete_fac_cta_abort": `Annuler`,
            "ph_confirm_page_qa_no_cas_available": `Malheureusement nous n’avons aucun prestataire actuellement`,
            "ph_confirm_page_qa_no_cas_available_detail": `Nous reviendrons vers vous si un prestataire correspond à votre demande`,
            "ph_confirm_page_no_cas_available": `Malheureusement nous n’avons aucun prestataire actuellement`,
            "ph_confirm_page_companeo_call_back": `Nous reviendrons vers vous si un prestataire correspond à votre demande`,
        };

        function __(value, val) {
            return (typeof confirmation_text[value] == 'function') ? confirmation_text[value](val) : confirmation_text[value];
        }

        _removeSelected = function(e) {
            // remove selected items from data and send information to the server
            let checkedList = e.closest(".presta-list").querySelectorAll('input[class=prestaSelection]:checked');
            if (checkedList.length > 0) {
                checkedList.forEach((elem) => {
                    let data = {
                        ...elem.dataset,
                        ...{"reason": "CAS deselected by user"}
                    };
                    delete userData.blockList[data.listindex].facList[data.itemindex]
                    store.removeFac(data);
                })

                // reindex array
                userData.blockList[e.dataset.listindex].facList = userData.blockList[e.dataset.listindex].facList.filter(val => val);

                // remove all elements
                let cardList = e.closest(".presta-list").querySelectorAll('.card-presta');
                for (let i = 0; i < cardList.length; i++) {
                    cardList[i].remove()
                }

                // find after what element to add the new html
                let d1 = e.closest(".presta-list").querySelector('.presta-list__cat');
                // generate and insert a new html
                d1.insertAdjacentHTML('afterend', _facList(userData.blockList[e.dataset.listindex], e.dataset.listindex));
            }

            let nextElement = e.nextElementSibling;

            while (nextElement) {
                if (nextElement.classList.contains('presta-footer')) {
                    const initialText = __('ph_confirm_page_delete_fac_cta');
                    const textNextToBtn = __('ph_confirm_page_delete_fac') + ' ';
                    const initialTextNode = document.createTextNode(textNextToBtn);
                    nextElement.firstChild.textContent = initialText;
                    nextElement.prepend(initialTextNode);
                    break;
                }

                nextElement = nextElement.nextElementSibling;
            }
            removeAllVisibility(e);
        }

        _toggleAllVisibility = function(e) {
            // change text
            const initialText = __('ph_confirm_page_delete_fac_cta');
            const textNextToBtn = __('ph_confirm_page_delete_fac') + ' ';
            if (e.textContent.toLowerCase().includes(initialText.toLowerCase())) {
                // check if the first element is a text node
                // then remove it
                if (e.parentElement.childNodes[0].nodeType === 3) {
                    e.parentElement.removeChild(e.parentElement.childNodes[0]);
                }
                e.textContent = __('ph_confirm_page_delete_fac_cta_abort');

                // show trash button
                e.closest(".presta-list").querySelector(".presta-trash").style.display = "block"
                // show checkboxes
                e.closest(".presta-list").classList.add('show-checkbox')
            } else {
                const initialTextNode = document.createTextNode(textNextToBtn);
                const pNode = e.parentElement;
                pNode.prepend(initialTextNode);
                e.textContent = initialText;
                removeAllVisibility(e);
            }
        }

        const removeAllVisibility = function (e) {
            // show trash button
            e.closest(".presta-list").querySelector(".presta-trash").style.display = "none"
            // show checkboxes
            e.closest(".presta-list").classList.remove('show-checkbox')
        }


        // self.test = function () {
        //     // Good data  for test : remove after development + integration
        //     var ldata = `{"status": "success", "message": "getConfirmation", "data": {"fullname": "rf BALTARD", "cliId": 9190271, "ratioMax": 4, "blockList": [{"categoryList": {"name": "VoIP, Voix sur IP, telephonie IP", "rfq_id": 20408110 }, "guideBlocks": [{"cat_id": "6062", "group_categ": "636010", "cat_type": "Primary", "visible": true, "group_qa_active": true, "cat_lib": "Opérateurs telecoms et FAI", "rfq_image": "https://www.lcompaneo-fr.lan/i/fr_FR/rfq/_6062.jpeg", "permalink_url": "operateur-telecoms", "cg_portal_url": "https://www.lcompaneo-fr.lan/operateur-telecoms"}, {"cat_id": "1341", "group_categ": "740010", "cat_type": "Focus", "visible": true, "group_qa_active": true, "cat_lib": "Fournisseur délectricité", "rfq_image": "https://www.lcompaneo-fr.lan/i/fr_FR/rfq/1341_1341.jpeg", "permalink_url": "energie-fournisseur-electricite-gaz", "cg_portal_url": "https://www.lcompaneo-fr.lan/energie-fournisseur-electricite-gaz"}, {"cat_id": "344", "group_categ": "207010", "cat_type": "Primary", "visible": true, "group_qa_active": true, "cat_lib": "Permanence Téléphonique", "rfq_image": "https://www.lcompaneo-fr.lan/i/fr_FR/rfq/344_344.jpeg", "permalink_url": "permanence-telephonique", "cg_portal_url": "https://www.lcompaneo-fr.lan/permanence-telephonique"} ], "facList": [{"facName": "FMI TELECOM", "tradingName": "FMI TELECOM", "facId": "202357", "permalinkFacHomepage": "https://www.lcompaneo-fr.lan/standard-telephonique/annuaire/fmi-telecom", "isUrlActive": true, "offerId": "58143", "rfqId": "20408110", "cliId": 9190271, "ratioMax": 4, "bigLogo": "/i/fr_FR/faclogobig/202357.gif", "fac_resume": "<span style='font-size:11pt;line-height:115%;font-family:Calibri, sans-serif;'>est un opérateur de télécommunication proposant ses services sur les 3 principaux réseaux Orange, SFR et Bouygues Télécom. </span>", "pack_online": false }, {"facName": "MY IBS", "tradingName": "MY IBS", "facId": "175557", "permalinkFacHomepage": "https://www.lcompaneo-fr.lan/standard-telephonique/annuaire/my-ibs", "isUrlActive": true, "offerId": "58431", "rfqId": "20408110", "cliId": 9190271, "ratioMax": 4, "bigLogo": "/i/fr_FR/faclogobig/175557.gif", "fac_resume": "<div>le spécialiste de la bureautique pour les TPE/ PME depuis plus de 8 ans.&nbsp;</div><div>Les domaines de limprimerie, des télécoms et de linformatique sont nos 3 compétences.</div>", "pack_online": false }, {"facName": "ETM", "tradingName": "ETM", "facId": "194892", "permalinkFacHomepage": "https://www.lcompaneo-fr.lan/standard-telephonique/annuaire/etm", "isUrlActive": true, "offerId": "56981", "rfqId": "20408110", "cliId": 9190271, "ratioMax": 4, "bigLogo": "/i/fr_FR/faclogobig/194892.gif", "fac_resume": "<span style='line-height:115%;'>intégrateur et opérateur de nouvelle génération, fournit des solutions Télécoms innovantes aux Entreprises depuis plus de 40 ans. </span><div><span style='line-height:115%;'>Installation de standard téléphonique, Téléphonie VoIP dans le Cloud (IP Centrex), Fibre optique, outils collaboratifs et sécurité.</span></div>", "pack_online": false }, {"facName": "TECH TELECOM", "tradingName": "TECH TELECOM", "facId": "41685", "permalinkFacHomepage": "", "isUrlActive": false, "offerId": "43671", "rfqId": "20408110", "cliId": 9190271, "ratioMax": 4, "bigLogo": null, "fac_resume": "", "pack_online": false }, {"facName": "KERTEL", "tradingName": "KERTEL", "facId": "188172", "permalinkFacHomepage": "", "isUrlActive": false, "offerId": "56416", "rfqId": "20408110", "cliId": 9190271, "ratioMax": 4, "bigLogo": null, "fac_resume": "", "pack_online": false }, {"facName": "BOUYGUES TELECOM ENTREPRISES", "tradingName": "BOUYGUES TELECOM ENTREPRISES", "facId": "192146", "permalinkFacHomepage": "", "isUrlActive": false, "offerId": "55384", "rfqId": "20408110", "cliId": 9190271, "ratioMax": 4, "bigLogo": "/i/fr_FR/faclogobig/192146.gif", "fac_resume": "", "pack_online": false }, {"facName": "CUBE", "tradingName": "CUBE", "facId": "6824", "permalinkFacHomepage": "https://www.lcompaneo-fr.lan/standard-telephonique/annuaire/cube", "isUrlActive": true, "offerId": "12209", "rfqId": "20408110", "cliId": 9190271, "ratioMax": 4, "bigLogo": "/i/fr_FR/faclogobig/6824.gif", "fac_resume": "<span style='color:rgb(50,51,29);font-family:Helvetica Neue, Helvetica, Arial, sans-serif;font-size:13px;line-height:20px;background-color:rgb(255,255,255);'> existe depuis 2002. Dirigée par Cyrille PATRIGEON, elle propose d’accompagner les PMI, PME et TPE de Paris et sa région dans la conception, l’installation, le suivi et la maintenance de leurs réseaux informatiques et téléphoniques. Sa vocation ? Proposer un service de qualité, une solution globale et une tranquillité aux entreprises. Informatique, infogérance, téléphonie et solutions de mobilité, Cube s’occupe des réseaux, de la prévention des problèmes techniques éventuels, d’être un interlocuteur et une solution unique avec Be Cube ! et des techniciens experts dédiés.</span>", "pack_online": false }, {"facName": "PRECTEL", "tradingName": "PRECTEL", "facId": "6427", "permalinkFacHomepage": "https://www.lcompaneo-fr.lan/standard-telephonique/annuaire/prectel", "isUrlActive": true, "offerId": "11224", "rfqId": "20408110", "cliId": 9190271, "ratioMax": 4, "bigLogo": "/i/fr_FR/faclogobig/6427.gif", "fac_resume": "<p class='MsoNormal' style='margin-bottom:6.0pt;line-height:normal'>est intégrateur de solutions de communication pour les TPE/PME depuis 1949.<p class='MsoNormal'><span style='mso-bidi-font-family:Arial;color:#0070C0'>&nbsp;</span></p><p class='MsoNormal'><span style='mso-bidi-font-family:Arial;color:#0070C0'>&nbsp;</span></p>", "pack_online": false }, {"facName": "5EME AVENUE", "tradingName": "5EME AVENUE", "facId": "172746", "permalinkFacHomepage": "", "isUrlActive": false, "offerId": "51065", "rfqId": "20408110", "cliId": 9190271, "ratioMax": 4, "bigLogo": null, "fac_resume": "", "pack_online": false }, {"facName": "SISTEO COMMUNICATIONS", "tradingName": "SISTEO COMMUNICATIONS", "facId": "12569", "permalinkFacHomepage": "", "isUrlActive": false, "offerId": "31479", "rfqId": "20408110", "cliId": 9190271, "ratioMax": 4, "bigLogo": "/i/fr_FR/faclogobig/12569.gif", "fac_resume": "est spécialisé depuis 2005, sur les systèmes téléphoniques, informatiques, périphériques et sécurité.", "pack_online": false }, {"facName": "Paritel", "tradingName": "Paritel", "facId": "5158", "permalinkFacHomepage": "https://www.lcompaneo-fr.lan/standard-telephonique/annuaire/paritel", "isUrlActive": true, "offerId": "35454", "rfqId": "20408110", "cliId": 9190271, "ratioMax": 4, "bigLogo": "/i/fr_FR/faclogobig/5158.gif", "fac_resume": ", filiale du Groupe Global Concept, est le spécialiste des solutions télécoms pour les TPE-PME et professions libérales.", "pack_online": false }, {"facName": "E - LEADS Distributeur BOUYGUES", "tradingName": "E - LEADS Distributeur BOUYGUES", "facId": "13478", "permalinkFacHomepage": "", "isUrlActive": false, "offerId": "34724", "rfqId": "20408110", "cliId": 9190271, "ratioMax": 4, "bigLogo": null, "fac_resume": "est spécialisé dans les télécoms", "pack_online": false } ], "isFasttracked": false, "isClic": false, "isMatch": true } ], "category_name": "VoIP, Voix sur IP, telephonie IP", "cg_permalink": "standard-telephonique"} }`;
        //     var response = JSON.parse(ldata);
        //     userData = response.data;
        //     console.log(response)
        //     document.getElementById('jsConfirmationCallback').innerHTML = self.render(userData)
        // }


        /**
         * Modal Address
         * @param  data
         * @returns  {string}
         */
        function modalEditAddress(data) {
            // Modal Edit Company
            return `<div id="modalEditCompany" class="sa_modalEdit">
            <div class="sa_modalEdit-dialog">
                <div class="sa_modalEdit-header">
                    <a class="sa_btnClose" onclick="window.closeCompaneoModal(this)" aria-hidden="true">×</a>
                    <label>
                        <svg class="sa_icon sa_icon-edit">
                            <use xlink:href="#icon-edit"></use>
                        </svg>
                        ${__("bb_survey_confirmation_modal_address_title")}
                    </label>
                </div>
                <div class="sa_modalEditCompany-body">
                    <div class="sa_inputText">
                        <input onchange="window.companeoInputTextValue(this)" id="modalEditCompany_address" value="" name="address" class="sa_complete"/>
                        <label for="modalEditCompany_address">${__("lib_address")}</label>
                        <svg class="sa_icon sa_icon-address sa_icon-label">
                            <use xlink:href="#icon-address"></use>
                        </svg>
                        <div class="sa_reset" onclick="window.companeoInputTextClearValue(this)">
                            <svg class="sa_icon sa_icon-cross">
                                <use xlink:href="#icon-cross"></use>
                            </svg>
                        </div>
                        <div class="sa_chip">
                            <svg class="sa_icon sa_icon-confirm">
                                <use xlink:href="#icon-confirm"></use>
                            </svg>
                            <svg class="sa_icon sa_icon-exclamation">
                                <use xlink:href="#icon-exclamation"></use>
                            </svg>
                            <svg class="sa_icon sa_icon-disable">
                                <use xlink:href="#icon-disable"></use>
                            </svg>
                        </div>
                        <span class="sa_errorMessage">${__("bb_api_field_error")}</span>
                    </div>
                </div>
                <div class="sa_modalEdit-footer">
                    <div class="sa_btnContainer">
                        <button type="button" class="sa_btn-text sa_btn-txt-third" onclick="window.closeCompaneoModal(this)" aria-hidden="true">
                            <svg class="sa_icon sa_icon-cross">
                                <use xlink:href="#icon-cross"></use>
                            </svg>
                            ${__("cancel")}
                        </button>
                    </div>
                    <div class="sa_btnContainer">
                        <button class="sa_btn sa_btn-text sa_btn-txt-prime" type="button" id="modalEditCompanyValid">
                            <svg class="sa_icon sa_icon-confirm">
                                <use xlink:href="#icon-confirm"></use>
                            </svg>
                            ${__("btn_finish")}
                        </button>
                    </div>
                </div>
            </div>
        </div>
        <svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" display="none">
            <symbol id="icon-phone" viewBox="7 3 16 24"><title>icon-phone</title>
                <path d="M7 9.3S7.6 22 19.4 27c1.8 0 4.2-3 3.4-4-1.7-2.5-3-4.6-5.8-2.2-1.1 1-7-8.4-6.5-10.6 1.7-.9 2.8-.7 2.8-1.7 0-1.4-.8-6.4-2.8-5.4-2 1-3.3 2.6-3.3 2.6L7 9.3z"/>
            </symbol>
            <symbol id="icon-confirm" viewBox="0 0 38 26"><title>icon-confirm</title>
                <path d="M37.3.7a2.4 2.4 0 0 0-3.5 0L14.8 20 4.2 9.3c-1-1-2.5-1-3.5 0s-1 2.5 0 3.5L13 25.3a2.4 2.4 0 0 0 3.5 0l20.8-21a2.5 2.5 0 0 0 0-3.6z"/>
            </symbol>
            <symbol id="icon-cross" viewBox="0 0 17 17"><title>icon-cross</title>
                <path d="M10.6 8.5l6-6a1.5 1.5 0 1 0-2.2-2L8.5 6.3l-6-6a1.5 1.5 0 1 0-2 2.2l5.9 5.9-6 6a1.5 1.5 0 1 0 2.2 2l5.9-5.9 6 6a1.5 1.5 0 1 0 2-2.2l-5.9-5.9z"/>
            </symbol>
            <symbol id="icon-exclamation" viewBox="0 0 30 30"><title>icon-exclamation</title>
                <path d="M16.9 20.4V4A2 2 0 0 0 13 4v16.5a2 2 0 0 0 3.9 0M15 28a2 2 0 0 0 1.9-2 2 2 0 0 0-3.3-1.3 2 2 0 0 0 0 2.7c.3.4.8.6 1.4.6"/>
            </symbol>
            <symbol id="icon-disable" viewBox="0 0 22 22"><title>icon-disable</title>
                <path d="M11 0C5 0 0 5 0 11s5 11 11 11 11-5 11-11S17 0 11 0zM5.3 5.3A8 8 0 0 1 11 3a8 8 0 0 1 4.3 1.3l-11 11A8 8 0 0 1 3 11a8 8 0 0 1 2.3-5.7zm11.4 11.4A8 8 0 0 1 11 19a8 8 0 0 1-4.7-1.5L17.5 6.3A8 8 0 0 1 19 11a8 8 0 0 1-2.3 5.7z"/>
            </symbol>
            <symbol id="icon-address" viewBox="0 -1 20 26"><title>icon-address</title>
                <path d="M10 0A10 10 0 0 0 0 9.9C0 15.4 10 26 10 26S20 15.4 20 9.9A10 10 0 0 0 10 0zm-.1 15.2a5.7 5.7 0 0 1-5.7-5.7C4.2 6.4 6.7 4 9.9 4c3.1 0 5.7 2.5 5.7 5.6 0 3.1-2.6 5.7-5.7 5.7z"/>
            </symbol>
        </svg>`
        }


        /**
         * 3 cards
         * @param  data
         * @param  isMatch
         * @returns  {string}
         * @private
         */
        function _cards(data, isMatch) {
            var rfqId = ``;
            for (let index in data) {
                if (undefined !== data[index].categoryList.rfq_id) {
                    rfqId = `<span class="card-status__devis">n° ${data[index].categoryList.rfq_id}</span>`;
                    break;
                }
            }
            ret = `<div class="card-status-wrapper">
                    <div class="card-status is-valid">
                    <p>${__("ph_confirm_page_registered_request")}</p>` +
                `${rfqId}` +
                `<span class="card-status__img"></span>
                </div>
                    <div class="card-status ` + (isMatch ? 'is-sending' : 'is-error') + `">
                    <p>` + (isMatch ? __("ph_confirm_page_transmit_request") : __("ph_confirm_page_no_cas_available")) + `</p>
                        <span class="card-status__img"></span>
        </div>
                    <div class="card-status is-calling">
                        <p>` + (isMatch ? __("ph_confirm_page_contact") : __("ph_confirm_page_companeo_call_back")) + `</p>
                        <span class="card-status__img"></span>
                        </div>
                </div>`;

            return ret;
        }

        function _cardsNoFacs(block) {
            return `<section class="presta-wrapper">` +
                `<p class="presta-list__cat">${block.categoryList.name}</p>` +
                `<section class="card-presta card-presta--empty">
                    <svg xmlns="http://www.w3.org/2000/svg" width="90" height="90" viewBox="0 0 90 90">
                    <g transform="translate(-683 -383)">
                    <g transform="translate(683 383)">
                    <g fill="#fafafa" stroke="#00a3e4" stroke-width="2px" transform="translate(0)">
                    <circle stroke="none" cx="45" cy="45" r="45"/>
                    <circle fill="none" cx="45" cy="45" r="44"/>
                    </g>
                    </g>
                    <g transform="translate(710 410)">
                        <line fill="none" stroke="#afafaf" stroke-linecap="round" stroke-width="4px" x1="36" y2="36" transform="translate(0)"/>
                        <line fill="none" stroke="#afafaf" stroke-linecap="round" stroke-width="4px" x2="36" y2="36" transform="translate(0)"/>
                    </g>
                    </g>
                                </svg>
                    <div class="card-presta__main">
                        <h3 class="card-presta__title">${__('ph_confirm_page_qa_no_cas_available')}</h3>
                        <p class="card-presta__resume">${__('ph_confirm_page_qa_no_cas_available_detail')}</p>
                                    </div>
                    </section>` +
                `</section>`;
        }

        /**
         * Fac list HTML
         * @param  data
         * @returns  {string}
         * @private
         */
        function _listFac(data) {
            let cardsMatchExists = false;
            let cardsNoMatchExists = false;
            for (let x in data) {
                let block = data[x];
                if (block.facList?.length > 0) {
                    if (x === '0') {
                        cardsMatchExists = true;
                        ret = _cards(data, true);
                        ret += `<h2 class="presta-wrapper__title">${__('ph_confirm_page_fac_list')}</h2>`
                    }
                    ret +=
                        `<section class="presta-wrapper">` +
                        `<div class="presta-list">
                            <button type="button" onclick="_removeSelected(this)" class="presta-trash" data-listindex="${x}">
                                <span class="sr-only"></span>
                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="22" viewBox="0 0 20 22">
                                    <g transform="translate(0 1)">
                                        <rect fill="#fcfcfc" opacity="0" width="20" height="20"/>
                                        <g transform="translate(1.29 2.499)">
                                            <path fill="none" stroke="#afafaf" stroke-linecap="round" stroke-linejoin="round" stroke-width="2px" d="M3,6H21" transform="translate(-3.29 -4.499)"/>
                                            <path fill="none" stroke="#afafaf" stroke-linecap="round" stroke-linejoin="round" stroke-width="2px"
                                                  d="M19,6V20a2,2,0,0,1-2,2H7a2,2,0,0,1-2-2V6M8,6V4a2,2,0,0,1,2-2h4a2,2,0,0,1,2,2V6"
                                                  transform="translate(-3.29 -4.499)"/>
                                            <line fill="none" stroke="#afafaf" stroke-linecap="round" stroke-linejoin="round" stroke-width="2px" y2="6" transform="translate(6.71 6.501)"/>
                                            <line fill="none" stroke="#afafaf" stroke-linecap="round" stroke-linejoin="round" stroke-width="2px" y2="6" transform="translate(10.71 6.501)"/>
                                        </g>
                                    </g>
                                </svg>
                                    </button>
                            <p class="presta-list__cat">${block.categoryList.name}</p>`;
                    ret += _facList(block, x)
                    ret += `<p class="presta-footer">${__('ph_confirm_page_delete_fac')}
                        <button onclick="_toggleAllVisibility(this)" type="button" class="checkboxtoggleremove">${__('ph_confirm_page_delete_fac_cta')}</button></p>
                    </div>
                </section>`
                } else {
                    if (x === '0') {
                        ret += _cards(data, false);
                        cardsNoMatchExists = true;
                    } else if (cardsMatchExists || !cardsNoMatchExists) {
                        ret += _cardsNoFacs(block)
                    }
                }
            }
            return ret;
        }


        /**
         * Fac list builder
         * @param  block
         * @param  listindex
         * @returns  {string}
         * @private
         */
        function _facList(block, listindex) {
            var res = ``;
            var iter = block.facList.length > visibilityNumber ? visibilityNumber : block.facList.length
            for (let y = 0; y < iter; y++) {
                res += _facInfo(block.facList[y], listindex, y);
            }
            return res;
        }

        /**
         * Fac Information
         * @param  facData
         * @param  listindex
         * @param  itemindex
         * @returns  {string}
         * @private
         */
        function _facInfo(facData, listindex, itemindex) {
            var noLogo = (undefined === facData.bigLogo || facData.bigLogo === "" || null === facData.bigLogo);
            var res = `<section class="card-presta">` +
                `<div class="img">` +
                (noLogo ? `<div class="card-presta__no-logo"> <p> ${facData.tradingName.slice(0,1).toUpperCase()} </p></div>` :
                    `<img src="${imageCdn}${facData.bigLogo}${contextVersion}" alt="${facData.tradingName}" width="90" height="90">`)
                + `</div>` +
                `<div class="card-presta__main">
                            <h3 class="card-presta__title ` + (!facData.pack_online ? 'no-stand':'') + `">${facData.tradingName}</h3>
                            <p class="card-presta__resume">${facData.fac_resume}</p>` +
                (facData.pack_online && facData.permalinkFacHomepage !== "" ?
                        `<a class="card-presta__redirect" href="${facData.permalinkFacHomepage}">${__('ph_confirm_page_fac_learn_more')}</a>` : ''
                )
                + `</div>
                        <label class="card-presta__check custom-checkbox" for="presta_${listindex}_${facData.facId}">
                                <input
                                   type="checkbox"
                                   class="prestaSelection"
                                   id="presta_${listindex}_${facData.facId}"
                                   name="presta_${listindex}[]"
                                   value="${facData.facId}"
                                   data-cli-id="${facData.cliId}"
                                   data-fac-id="${facData.facId}"
                                   data-fac-name="${facData.facName}"
                                   data-rfq-id="${facData.rfqId}"
                                   data-offer-id="${facData.offerId}"
                                   data-listindex="${listindex}"
                                   data-itemindex="${itemindex}">
                                <span></span>
                        </label>
                </section>`
            facHtmlList.push(res)
            return res;
        }


        /**
         * Main render
         * @param  data
         * @returns  {string}
         */
        self.render = function (data) {
            userData = data
            var html = ``;
            html = `<div class="confirm-presta">` +
                `<div class="confirm-presta__content">` +
                _listFac(data.blockList) +
                `</div>` +
                `</div>` + modalEditAddress(data);
            return html;
        }

        return self;
    }