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": "Prosimy o podanie adresu firmy, by pomóc nam znaleźć jak najwięcej usługodawców odpowiadających twoim potrzebom.",
            "lib_address": "Adres :",
            "bb_api_field_error": "Proszę wypełnić to pole",
            "cancel": "Anuluj",
            "btn_finish": "Wyślij",
            "bb_confirmation_page_user_request_recorded_success": function (fullname) {
                return `Dziękuję ${fullname} , <br> prośba została uwzględniona`
            },
            "bb_api_confirm_rfq_saved": "IMIENNE ZAPYTANIE OFERTOWE",
            "bb_api_confirm_goto_extranet": 'W każdej chwili możesz zapoznać się z szczegółowymi informacjami na temat swoich potrzeb w przestrzeni firmy <a href="https://user.companeo.pl/login" target="_blank">Companeo</a>.',
            "ph_confirm_page_ft_intro": "Oto lista usługodawców, którym przekażemy Twoje zapytanie:",
            "ph_confirm_page_click_intro": "W odpowiedzi na Twoje zapytanie wybraliśmy następujących usługodawców <br> Odwiedź ich stronę, aby zapoznać się ze szczegółami ofert i zamów usługi bezpośrednio online:",
            "ph_confirm_page_match_intro": "Oto lista usługodawców, którym przekażemy Twoje zapytanie. Prawdopodobnie przypomnimy Ci ją przed przekazaniem Twojego zapytania. Rozmowa będzie nagrywana w celu umożliwienia kontroli jakości.",
            "ph_confirm_delete_lead": "Usuń tego usługodawcę",
            "ph_confirm_remove_fac": "Usuń tego usługodawcę",
            "ph_confirm_page_deselect_reason": "Proszę wybrać powód",
            "bb_confirmation_page_supplier_cancel_reason_current_supplier": "Aktualny dostawca",
            "bb_confirmation_page_supplier_cancel_reason_already_work": "Był już moim usługodawcą",
            "bb_confirmation_page_supplier_cancel_reason_quote_received": "Oferta już otrzymana",
            "bb_confirmation_page_supplier_cancel_reason_bad_reputation": "Zła reputacja",
            "bb_confirmation_page_supplier_cancel_reason_other": "Inne",
            "bb_api_confirm_call_back_title": "Aby umożliwić Państwu jak najszybsze otrzymanie ofert, możemy do Państwa zadzwonić.",
            "bb_api_confirm_next_step_title": "Co teraz?",
            "bb_api_confirm_next_step_extranet": "Znajdź wszystkie Twoje dane, informacje na temat platformy Companeo, jak również dane dostawców, którzy przedstawią swoje oferty",
            "bb_api_confirm_tricks": "WSKAZÓWKA",
            "bb_api_confirm_buyingguide": function (category_name) {
                return `Kupuj inteligentnie z naszym przewodnikiem po kupnie ${category_name} !`
            },
            "bb_api_confirm_tricks": "WSKAZÓWKA",
            "bePrefix": '',
            "ph_confirm_page_registered_request": `Twoje zapytania ofertowe zostały zarejestrowane`,
            "ph_confirm_page_transmit_request": `Przekazujemy Twoje informacje naszym usługodawcom `,
            "ph_confirm_page_contact": `Wkrótce skontaktujemy się z Tobą`,
            "ph_confirm_page_request_number": `ph_confirm_page_request_number`,
            "ph_confirm_page_fac_list": `Kim są usługodawcy, którzy się z Tobą skontaktują?`,
            "ph_confirm_page_fac_default_description": `Autoryzowany Dostawca Companeo :1`,
            "ph_confirm_page_fac_learn_more": `Dowiedz się więcej`,
            "ph_confirm_page_delete_fac": `Usuń zaznaczenie niektórych dostawców`,
            "ph_confirm_page_delete_fac_cta": `kliknij tutaj`,
            "ph_confirm_page_delete_fac_cta_abort": `Anuluj`,
            "ph_confirm_page_qa_no_cas_available": `Niestety w tej chwili nie mamy żadnych dostawców`,
            "ph_confirm_page_qa_no_cas_available_detail": `Skontaktujemy się z Tobą, jeśli znajdziemy dostawcę odpowiadającego Twoim potrzebom`,
            "ph_confirm_page_no_cas_available": `Niestety w tej chwili nie mamy żadnych dostawców`,
            "ph_confirm_page_companeo_call_back": `Skontaktujemy się z Tobą, jeśli znajdziemy dostawcę odpowiadającego Twoim potrzebom`,
        };

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