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": "Para ayudarnos a encontrar el máximo de proveedores que respondan a sus necesidades, introduzca su dirección profesional.",
            "lib_address": "Dirección:",
            "bb_api_field_error": "¡Vaya! Por favor, rellene este campo …",
            "cancel": "Cancelar",
            "btn_finish": "Enviar",
            "bb_confirmation_page_user_request_recorded_success": function (fullname) {
                return `Gracias, ${fullname} , su solicitud de presupuesto ha sido registrada.`
            },
            "bb_api_confirm_rfq_saved": "Su solicitud ha sido registrada",
            "bb_api_confirm_goto_extranet": 'A partir de ahora, puede consultarla cuando quiera en su <a href="https://user.companeo.es">espacio profesional Companeo</a>.',
            "ph_confirm_page_ft_intro": "Esta es la lista de los proveedores a quienes comunicaremos su solicitud:",
            "ph_confirm_page_click_intro": "A raíz de su solicitud, hemos seleccionado a los siguientes proveedores.<br>Visite su página para descubrir en detalle sus propuestas y suscríbase directamente en línea:",
            "ph_confirm_page_match_intro": "Esta es la lista de los proveedores a quienes comunicaremos su solicitud. Podríamos llamarle antes de proceder a la comunicación de su solicitud.",
            "ph_confirm_delete_lead": "Suprimir a este proveedor",
            "ph_confirm_remove_fac": "Suprimir a este proveedor",
            "ph_confirm_page_deselect_reason": "Seleccione una razón",
            "bb_confirmation_page_supplier_cancel_reason_current_supplier": "Proveedor actual",
            "bb_confirmation_page_supplier_cancel_reason_already_work": "Ya ha sido mi proveedor",
            "bb_confirmation_page_supplier_cancel_reason_quote_received": "Presupuesto ya recibido",
            "bb_confirmation_page_supplier_cancel_reason_bad_reputation": "Mala reputación",
            "bb_confirmation_page_supplier_cancel_reason_other": "Otros",
            "bb_api_confirm_call_back_title": "Puede ser que, si necesario, nuestro servicio de atención al cliente se ponga en contacto con usted.",
            "bb_api_confirm_next_step_title": "¿Y ahora?",
            "bb_api_confirm_next_step_extranet": "Encuentre toda su información en su espacio profesional, así como los datos de los proveedores que realizarán sus presupuestos.",
            "bb_api_confirm_tricks": "CONSEJO",
            "bb_api_confirm_buyingguide": function (category_name) {
                return `Compra con inteligencia con nuestra guía de compra ${category_name}!`
            },
            "bb_api_confirm_tricks": "CONSEJO",
            "bePrefix": '',
            "ph_confirm_page_registered_request": `Su solicitud de presupuesto se ha registrado correctamente`,
            "ph_confirm_page_transmit_request": `Transmitimos sus datos a nuestros proveedores`,
            "ph_confirm_page_contact": `Pronto se pondrán en contacto con usted`,
            "ph_confirm_page_request_number": `ph_confirm_page_request_number`,
            "ph_confirm_page_fac_list": `¿Quiénes son los proveedores que contactarán con usted?`,
            "ph_confirm_page_fac_default_description": `Proveedor autorizado Companeo en :1`,
            "ph_confirm_page_fac_learn_more": `Más información`,
            "ph_confirm_page_delete_fac": `Para deseleccionar determinados proveedores`,
            "ph_confirm_page_delete_fac_cta": `haga clic aquí`,
            "ph_confirm_page_delete_fac_cta_abort": `Cancelar`,
            "ph_confirm_page_qa_no_cas_available": `Desgraciadamente no contamos con ningún proveedor adecuado en estos momentos`,
            "ph_confirm_page_qa_no_cas_available_detail": `Nos pondremos en contacto con usted en cuanto un proveedor encaje con su solicitud`,
            "ph_confirm_page_no_cas_available": `Desgraciadamente no contamos con ningún proveedor adecuado en estos momentos`,
            "ph_confirm_page_companeo_call_back": `Nos pondremos en contacto con usted en cuanto un proveedor encaje con su solicitud`,
        };

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