{"id":46497,"date":"2024-07-14T21:02:53","date_gmt":"2024-07-14T19:02:53","guid":{"rendered":"https:\/\/ibred.es\/?page_id=46497"},"modified":"2024-07-15T03:38:00","modified_gmt":"2024-07-15T01:38:00","slug":"test","status":"publish","type":"page","link":"https:\/\/ibred.es\/en\/test\/","title":{"rendered":"test"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"46497\" class=\"elementor elementor-46497\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b5123d e-flex e-con-boxed e-con e-parent\" data-id=\"7b5123d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eddfd1f elementor-widget elementor-widget-shortcode\" data-id=\"eddfd1f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"tarifas\">\n    <div class=\"calculadora\">\n        <div class=\"columna\" id=\"columna-internet\">\n            <div class=\"seleccion\">\n                <div class=\"form-radio\">\n                    <input name=\"lista\" type=\"checkbox\" id=\"internet\" value=\"internet\" checked>\n                    <label for=\"internet\">Internet<\/label>\n                <\/div>\n            <\/div>\n\n            <div class=\"datos\">\n                <div class=\"datos-bloque linea-internet\" id=\"internet-container\">\n                    <!-- Internet -->\n                    <span class=\"dato swing\">Internet<\/span>\n                    <div class=\"form-select form-select-small swing\">\n                        <select id=\"internet-speed\" name=\"internet-speed\">\n                                                                                                                                        <option value=\"internet-1\" data-price=\"35\">\n                                            7 Megas                                        <\/option>\n                                                                                                                                                <option value=\"internet-2\" data-price=\"45\">\n                                            25 Megas                                        <\/option>\n                                                                                                                                                <option value=\"internet-3\" data-price=\"70\">\n                                            50 Megas                                        <\/option>\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <\/select>\n                    <\/div>\n\n                    <!-- Router WiFi -->\n                    <span class=\"dato swing\">Router WiFi<\/span>\n                    <div class=\"form-select form-select-small swing\">\n                        <select id=\"internet-router\" name=\"internet-router\">\n                            <option value=\"no\" data-price=\"0\">No<\/option>\n                            <option value=\"si\" data-price=\"10\">S\u00ed<\/option>\n                        <\/select>\n                    <\/div>\n\n                    <!-- Fijo -->\n                    <span class=\"dato swing\">Fijo<\/span>\n                    <div class=\"form-select form-select-small swing\">\n                        <select id=\"internet-fijo\" name=\"internet-fijo\">\n                            <option value=\"no\" data-price=\"0\">No<\/option>\n                            <option value=\"si\" data-price=\"1\">L\u00ednea fija sin llamadas<\/option> \n                            <option value=\"bono\" data-price=\"9.99\">L\u00ednea fija y bono en llamadas<\/option>\n                        <\/select>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Fibra -->\n        <div class=\"columna\" id=\"columna-fibra\">\n            <div class=\"seleccion\">\n                <div class=\"form-radio\">\n                    <input name=\"lista\" type=\"checkbox\" id=\"fibra\" value=\"fibra\">\n                    <label for=\"fibra\">Fibra \u00d3ptica<\/label>\n                <\/div>\n            <\/div>\n            <div class=\"datos\">\n                <div class=\"datos-bloque linea-fibra\" id=\"fibra-container\">\n                    <!-- Fibra -->\n                    <span class=\"dato swing\">Fibra \u00d3ptica Sim\u00e9trica<\/span>\n                    <div class=\"form-select form-select-small swing\">\n                        <select id=\"fibra-speed\" name=\"fibra-speed\">\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <option value=\"fibra-1\" data-price=\"29\">\n                                            300 Megas                                        <\/option>\n                                                                                                                                                <option value=\"fibra-2\" data-price=\"39\">\n                                            600 Megas                                        <\/option>\n                                                                                                                                                <option value=\"fibra-3\" data-price=\"79\">\n                                            1000 Megas                                        <\/option>\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <\/select>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- M\u00f3vil -->\n        <div class=\"columna\" id=\"columna-movil\">\n            <div class=\"seleccion\">\n                <div class=\"form-radio\">\n                    <input name=\"lista\" type=\"checkbox\" id=\"movil\" value=\"movil\">\n                    <label for=\"movil\">M\u00f3vil<\/label>\n                <\/div>\n            <\/div>\n            <div class=\"datos\">\n                <div class=\"datos-bloque linea-movil\" id=\"movil-container\">\n                    <!-- M\u00f3vil -->\n                    <span class=\"dato swing\">Datos<\/span>\n                    <div class=\"form-select form-select-small swing\">\n                        <select id=\"movil-datos\" name=\"movil-datos\">\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <option value=\"movil-1\" data-price=\"7.90\">\n                                            12 Gb                                        <\/option>\n                                                                                                                                                <option value=\"movil-2\" data-price=\"9.90\">\n                                            20 Gb                                        <\/option>\n                                                                                                                                                <option value=\"movil-3\" data-price=\"14.90\">\n                                            50 Gb                                        <\/option>\n                                                                                                                                                <option value=\"movil-4\" data-price=\"24.90\">\n                                            150 Gb                                        <\/option>\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <\/select>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    var checkboxes = ['fibra', 'internet', 'movil'];\n    checkboxes.forEach(function(name) {\n        var checkbox = document.getElementById(name);\n        var columna = document.getElementById('columna-' + name);\n\n        function toggleDeseleccionado() {\n            if (checkbox.checked) {\n                columna.classList.remove('deseleccionado');\n            } else {\n                columna.classList.add('deseleccionado');\n            }\n        }\n\n        toggleDeseleccionado();\n        checkbox.addEventListener('change', toggleDeseleccionado);\n    });\n    \n    \n    function updateResults() {\n      const internetCheckbox = document.getElementById(\"internet\");\n      const fibraCheckbox = document.getElementById(\"fibra\");\n      const movilCheckbox = document.getElementById(\"movil\");\n\n      const internetSpeed = document.getElementById(\"internet-speed\")?.value;\n      const internetRouter = document.getElementById(\"internet-router\")?.value;\n      const internetFijo = document.getElementById(\"internet-fijo\")?.value;\n      const fibraSpeed = document.getElementById(\"fibra-speed\")?.value;\n      const movilDatos = document.getElementById(\"movil-datos\")?.value;\n\n      const TEXTOS_TARIFAS = {\n        INTERNET: \"Internet WiMAX:\",\n        FIJO_SIN_LLAMADAS: \"L\u00ednea fija sin llamadas\",\n        FIJO_CON_LLAMADAS: \"L\u00ednea fija y bono en llamadas\",\n        FIBRA: \"Fibra \u00f3ptica:\",\n        MOVIL: \"M\u00f3vil:\",\n      };\n\n      const TEXTOS_TARIFAS_FIJAS = {\n        INTERNET: \"*[Internet] Alta + Instalaci\u00f3n\",\n        WIFI: \"*[Internet] Router WiFi\",\n        FIJO: \"*[Fijo] Alta de l\u00ednea de tel\u00e9fono fijo\",\n        FIBRA: \"*[Fibra \u00d3ptica] Sin pago inicial\",\n        MOVIL: \"*[M\u00f3vil] Sin pago inicial\",\n      };\n\n      const tarifas = [];\n      const tarifasFijas = [];\n      let totalCost = 0;\n\n      \/\/ Internet\n      if (internetCheckbox.checked) {\n        const internetSpeedOption = document.querySelector(\n          \"#internet-speed option:checked\"\n        );\n        if (internetSpeedOption) {\n          const internetSpeedPrice = parseFloat(\n            internetSpeedOption.getAttribute(\"data-price\")\n          );\n          tarifas.push(\n            `${TEXTOS_TARIFAS.INTERNET} ${internetSpeedOption.textContent}`\n          );\n          tarifasFijas.push(`${TEXTOS_TARIFAS_FIJAS.INTERNET} 49\u20ac`);\n          totalCost += internetSpeedPrice;\n        }\n\n        const internetRouterOption = document.querySelector(\n          \"#internet-router option:checked\"\n        );\n        if (internetRouterOption) {\n          const internetRouterPrice = parseFloat(\n            internetRouterOption.getAttribute(\"data-price\")\n          );\n\n          if (internetRouterOption.value === \"si\") {\n            \/\/ tarifas.push(`Router WiFi: ${internetRouterOption.textContent}`);\n            tarifasFijas.push(`${TEXTOS_TARIFAS_FIJAS.WIFI} 35\u20ac`);\n            \/\/ totalCost += internetRouterPrice;\n          }\n        }\n\n        const internetFijoOption = document.querySelector(\n          \"#internet-fijo option:checked\"\n        );\n        if (internetFijoOption && internetFijoOption.value !== \"no\") {\n          const internetFijoPrice = parseFloat(\n            internetFijoOption.getAttribute(\"data-price\")\n          );\n          const fijoText =\n            internetFijoOption.value === \"bono\"\n              ? TEXTOS_TARIFAS.FIJO_CON_LLAMADAS\n              : TEXTOS_TARIFAS.FIJO_SIN_LLAMADAS;\n          tarifas.push(`${fijoText} ${internetFijoPrice}\u20ac`);\n          tarifasFijas.push(`${TEXTOS_TARIFAS_FIJAS.FIJO} 39\u20ac`);\n          totalCost += internetFijoPrice;\n        }\n      }\n\n      \/\/ Fibra\n      if (fibraCheckbox.checked) {\n        const fibraSpeedOption = document.querySelector(\n          \"#fibra-speed option:checked\"\n        );\n        if (fibraSpeedOption) {\n          const fibraSpeedPrice = parseFloat(\n            fibraSpeedOption.getAttribute(\"data-price\")\n          );\n          tarifas.push(\n            `${TEXTOS_TARIFAS.FIBRA} ${fibraSpeedOption.textContent}`\n          );\n          tarifasFijas.push(`${TEXTOS_TARIFAS_FIJAS.FIBRA} 0\u20ac`);\n          totalCost += fibraSpeedPrice;\n        }\n      }\n\n      \/\/ M\u00f3vil\n      if (movilCheckbox.checked) {\n        const movilDatosOption = document.querySelector(\n          \"#movil-datos option:checked\"\n        );\n        if (movilDatosOption) {\n          const movilDatosPrice = parseFloat(\n            movilDatosOption.getAttribute(\"data-price\")\n          );\n          tarifas.push(\n            `${TEXTOS_TARIFAS.MOVIL} ${movilDatosOption.textContent}`\n          );\n          tarifasFijas.push(`${TEXTOS_TARIFAS_FIJAS.MOVIL} 0\u20ac`);\n          totalCost += movilDatosPrice;\n        }\n      }\n\n      \/\/ Actualizar el contenido en rate-configurator-result.php\n      document.querySelector(\".tarifas .tabla\").innerHTML = tarifas\n        .map((tarifa) => `<li>${tarifa}<\/li>`)\n        .join(\"\");\n      document.querySelector(\".tarifas .asterisco\").innerHTML = tarifasFijas\n        .map((tarifa) => `<li>${tarifa}<\/li>`)\n        .join(\"\");\n      document.getElementById(\"calculo\").querySelector(\".monthly\").textContent =\n        totalCost.toFixed(2); \/\/ Mostrar el costo total con dos decimales\n    }\n\n    \/\/ Agregar event listeners a los checkboxes y campos\n    document\n      .getElementById(\"internet\")\n      ?.addEventListener(\"change\", updateResults);\n    document.getElementById(\"fibra\")?.addEventListener(\"change\", updateResults);\n    document.getElementById(\"movil\")?.addEventListener(\"change\", updateResults);\n\n    document\n      .getElementById(\"internet-speed\")\n      ?.addEventListener(\"change\", updateResults);\n    document\n      .getElementById(\"internet-router\")\n      ?.addEventListener(\"change\", updateResults);\n    document\n      .getElementById(\"internet-fijo\")\n      ?.addEventListener(\"change\", updateResults);\n    document\n      .getElementById(\"fibra-speed\")\n      ?.addEventListener(\"change\", updateResults);\n    document\n      .getElementById(\"movil-datos\")\n      ?.addEventListener(\"change\", updateResults);\n\n    \/\/ Inicializar el resultado con los valores predeterminados\n    updateResults();\n  });\n<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-46497","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/ibred.es\/en\/wp-json\/wp\/v2\/pages\/46497","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ibred.es\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ibred.es\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ibred.es\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/ibred.es\/en\/wp-json\/wp\/v2\/comments?post=46497"}],"version-history":[{"count":0,"href":"https:\/\/ibred.es\/en\/wp-json\/wp\/v2\/pages\/46497\/revisions"}],"wp:attachment":[{"href":"https:\/\/ibred.es\/en\/wp-json\/wp\/v2\/media?parent=46497"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}