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": "Bedankt om uw bedrijfsadres in te voeren zodat we zoveel mogelijk leveranciers uit uw regio kunnen voorstellen.",
            "lib_address": "Adres:",
            "bb_api_field_error": "Oeps! Gelieve dit veld in te vullen…",
            "cancel": "Annuleren",
            "btn_finish": "Verzenden",
            "bb_confirmation_page_user_request_recorded_success": function (fullname) {
                return `Dank u ${fullname}, <br> Wij hebben uw offerte aanvraag verwerkt!`
            },
            "bb_api_confirm_rfq_saved": "OFFERTE AANVRAAG AFGEROND",
            "bb_api_confirm_goto_extranet": 'U kunt op elk moment de gegevens van uw offerte aanvraag raadplegen op uw <a href="https://user.companeo.be/nl_BE/">Companeo Account</a>.',
            "ph_confirm_page_ft_intro": "Dit is de lijst met de leveranciers aan wie we uw aanvraag zullen overmaken:",
            "ph_confirm_page_click_intro": "Op basis van uw aanvraag hebben we de volgende leveranciers geselecteerd. <br>Surf naar hun website om hun voorstel in detail te bekijken en er al dan niet rechtstreeks online op in te gaan :",
            "ph_confirm_page_match_intro": "Dit is de lijst met de leveranciers aan wie we uw aanvraag zullen overmaken. Het is mogelijk dat we u opbellen alvorens u de offertes te bezorgen. Deze oproep kan worden opgenomen voor kwaliteitsdoeleinden.",
            "ph_confirm_delete_lead": "Deze leverancier verwijderen",
            "ph_confirm_remove_fac": "Deze leverancier verwijderen",
            "ph_confirm_page_deselect_reason": "Gelieve een reden te selecteren",
            "bb_confirmation_page_supplier_cancel_reason_current_supplier": "Huidige leverancier",
            "bb_confirmation_page_supplier_cancel_reason_already_work": "Was in het verleden reeds mijn leverancier",
            "bb_confirmation_page_supplier_cancel_reason_quote_received": "Offerte reeds ontvangen",
            "bb_confirmation_page_supplier_cancel_reason_bad_reputation": "Slechte reputatie",
            "bb_confirmation_page_supplier_cancel_reason_other": "Andere reden",
            "bb_api_confirm_call_back_title": "Om u uw offertes zo snel mogelijk te bezorgen kan het voorkomen dat wij telefonisch contact met u opnemen.",
            "bb_api_confirm_next_step_title": "En nu?",
            "bb_api_confirm_next_step_extranet": "Vind al uw informatie in uw Companeo Account, ook als de contact gegevens van de leveranciers die offerte aanvraag zullen beantwoorden.",
            "bb_api_confirm_tricks": "TIP",
            "bb_api_confirm_buyingguide": function (category_name) {
                return `Bekijk de ${category_name} buyers guide en koop nog slimmer aan!`
            },
            "bb_api_confirm_tricks": "TIP",
            "bePrefix": '/nl_BE',
            "ph_confirm_page_registered_request": `Uw offerteaanvraag werd goed ontvangen`,
            "ph_confirm_page_transmit_request": `We maken uw gegevens over aan onze dienstverleners`,
            "ph_confirm_page_contact": `U zult binnenkort gecontacteerd worden`,
            "ph_confirm_page_request_number": `ph_confirm_page_request_number`,
            "ph_confirm_page_fac_list": `Wie zijn de dienstverleners die met u contact zullen opnemen?`,
            "ph_confirm_page_fac_default_description": `Erkend Companeo-leverancier voor :1`,
            "ph_confirm_page_fac_learn_more": `Meer weten`,
            "ph_confirm_page_delete_fac": `Om bepaalde aanbieders te deselecteren`,
            "ph_confirm_page_delete_fac_cta": `klik hier`,
            "ph_confirm_page_delete_fac_cta_abort": `Annuleren`,
            "ph_confirm_page_qa_no_cas_available": `Helaas hebben we op dit moment geen beschikbare dienstverlener voor deze aanvraag`,
            "ph_confirm_page_qa_no_cas_available_detail": `We zullen contact met u opnemen indien een dienstverlener aan uw aanvraag voldoet`,
            "ph_confirm_page_no_cas_available": `Helaas hebben we op dit moment geen beschikbare dienstverlener voor deze aanvraag`,
            "ph_confirm_page_companeo_call_back": `We zullen contact met u opnemen indien een dienstverlener aan uw aanvraag voldoet`,
        };

        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;
    }