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": "To help us find more suppliers that meet your needs, please add your business address.",
            "lib_address": "Address:",
            "bb_api_field_error": "Oops! Please fill in this field ...",
            "cancel": "Cancel",
            "btn_finish": "Submit",
            "bb_confirmation_page_user_request_recorded_success": function (fullname) {
                return `Thank you ${fullname} , <br> Your request has been taken into account!`
            },
            "bb_api_confirm_rfq_saved": "QUOTATION(S) REQUEST(S) REGISTERED",
            "bb_api_confirm_goto_extranet": 'You can consult at any time the details of your requests on your <a href="https://user.companeo.co.uk">account Companeo</a>.',
            "ph_confirm_page_ft_intro": "Here is the list of suppliers to whom we will send your request.",
            "ph_confirm_page_click_intro": "Following your request, we have selected the following service providers.<br>Visit their website to get more detail on their offers and subscribe directly online:",
            "ph_confirm_page_match_intro": "Here is the list of suppliers to whom we will send your request. We may call you before sending, this call will be recorded for quality reasons.",
            "ph_confirm_delete_lead": "Delete this supplier",
            "ph_confirm_remove_fac": "Delete this supplier",
            "ph_confirm_page_deselect_reason": "Please select a reason",
            "bb_confirmation_page_supplier_cancel_reason_current_supplier": "Current supplier",
            "bb_confirmation_page_supplier_cancel_reason_already_work": "Has already been my supplier",
            "bb_confirmation_page_supplier_cancel_reason_quote_received": "Request already received",
            "bb_confirmation_page_supplier_cancel_reason_bad_reputation": "Poor reputation",
            "bb_confirmation_page_supplier_cancel_reason_other": "Other",
            "bb_api_confirm_call_back_title": "In order to allow you to receive your quotes as quickly as possible, we may call you.",
            "bb_api_confirm_next_step_title": "Now what?",
            "bb_api_confirm_next_step_extranet": "Find all your information on your Companeo account, as well as the suppliers contact details who will carry out your quotes.",
            "bb_api_confirm_tricks": "TIP",
            "bb_api_confirm_buyingguide": function (category_name) {
                return `Buy smart with our buying guide ${category_name} !`
            },
            "bb_api_confirm_tricks": "TIP",
            "bePrefix": '',
            "ph_confirm_page_registered_request": `Your requests have been registered`,
            "ph_confirm_page_transmit_request": `We are transmitting your information to our suppliers`,
            "ph_confirm_page_contact": `You will be contacted shortly`,
            "ph_confirm_page_request_number": `ph_confirm_page_request_number`,
            "ph_confirm_page_fac_list": `Which suppliers will contact you?`,
            "ph_confirm_page_fac_default_description": `Companeo Approved Supplier in :1`,
            "ph_confirm_page_fac_learn_more": `Find out more`,
            "ph_confirm_page_delete_fac": `To deselect some suppliers`,
            "ph_confirm_page_delete_fac_cta": `click here`,
            "ph_confirm_page_delete_fac_cta_abort": `Cancel`,
            "ph_confirm_page_qa_no_cas_available": `Unfortunately, we don’t have a supplier at the moment`,
            "ph_confirm_page_qa_no_cas_available_detail": `We’ll get back to you if a supplier matches your request`,
            "ph_confirm_page_no_cas_available": `Unfortunately, we don’t have a supplier at the moment`,
            "ph_confirm_page_companeo_call_back": `We’ll get back to you if a supplier matches your request`,
        };

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