{"id":4359,"date":"2025-08-28T23:39:50","date_gmt":"2025-08-29T02:39:50","guid":{"rendered":"https:\/\/www.opticadigital.cl\/opticadigital2023\/?page_id=4359"},"modified":"2025-09-10T01:25:10","modified_gmt":"2025-09-10T04:25:10","slug":"rifa","status":"publish","type":"page","link":"https:\/\/www.opticadigital.cl\/opticadigital2023\/rifa\/","title":{"rendered":"Rifa"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4359\" class=\"elementor elementor-4359\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b65e728 elementor-section-height-min-height elementor-section-items-top elementor-section-content-top elementor-section-stretched elementor-section-boxed elementor-section-height-default\" data-id=\"b65e728\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b126d9a\" data-id=\"b126d9a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0b49296 elementor-section-full_width elementor-section-height-full elementor-section-stretched elementor-section-items-top elementor-section-height-default\" data-id=\"0b49296\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5f02775\" data-id=\"5f02775\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-084ca69 elementor-widget elementor-widget-heading\" data-id=\"084ca69\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">gran RIFA OPTICA DIGITAL<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-97d31e8 elementor-widget elementor-widget-heading\" data-id=\"97d31e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Por la compra de un anteojo, <br>elija un n\u00famero y estar\u00e1 participando por<br>\u00b7 1 Lente monofocal (lejos o cerca) <br><span style=\"font-size: 1.33333rem\">\u00b7 1 L<\/span>ente de sol a elecci\u00f3n<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9edbbb1 elementor-hidden-desktop elementor-hidden-tablet elementor-widget-mobile__width-inherit elementor-widget elementor-widget-html\" data-id=\"9edbbb1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  .rifa-container {\n    max-width: 350px;\n    margin: auto;\n    text-align: center;\n    font-family: Arial, sans-serif;\n  }\n  .grid {\n    display: grid;\n    grid-template-columns: repeat(10, 1fr);\n    gap: 6px;\n    margin-bottom: 20px;\n  }\n  .numero {\n    padding: 10px;\n    background-color: #4CAF50;\n    color: white;\n    cursor: pointer;\n    border-radius: 5px;\n    font-weight: bold;\n    transition: 0.2s;\n  }\n  .numero:hover {\n    background-color: #45a049;\n  }\n  .numero.selected {\n    background-color: #ff0000;\n  }\n  .numero.taken {\n    background-color: #ccc !important;\n    cursor: not-allowed;\n  }\n  input, button {\n    padding: 10px;\n    margin-top: 10px;\n    width: 80%;\n    max-width: 300px;\n  }\n  \/* Ajustes especiales para pantallas peque\u00f1as *\/\n@media only screen and (max-width: 768px) {\n  .rifa-container {\n    padding: 10px;\n  }\n\n  .grid {\n    grid-template-columns: repeat(5, 1fr); \/* en m\u00f3vil 5 columnas en vez de 10 *\/\n    gap: 10px;\n  }\n\n  .numero {\n    font-size: 18px;\n    padding: 15px;\n    border-radius: 8px;\n  }\n\n  input, button {\n    width: 100%;\n    font-size: 16px;\n  }\n\n  h2 {\n    font-size: 20px;\n  }\n}\n\n\/* Ajustes para m\u00f3viles a\u00fan m\u00e1s chicos (m\u00e1x. 480px) *\/\n@media only screen and (max-width: 480px) {\n  .grid {\n    grid-template-columns: repeat(4, 1fr); \/* 4 columnas para que no se aprieten *\/\n  }\n\n  .numero {\n    font-size: 16px;\n    padding: 12px;\n  }\n\n  h2 {\n    font-size: 18px;\n  }\n}\n\n<\/style>\n\n<div class=\"rifa-container\">\n  <div class=\"grid\" id=\"numeros-grid\"><\/div>\n\n  <form id=\"form-rifa\">\n    <input type=\"hidden\" id=\"numeroElegido\" name=\"numero\" required>\n    <input type=\"text\" name=\"nombre\" placeholder=\"Tu nombre\" required><br>\n    <input type=\"tel\" name=\"telefono\" placeholder=\"Tel\u00e9fono\" required><br>\n    <button type=\"submit\">Guardar participaci\u00f3n<\/button>\n  <\/form>\n<br>\n  <p id=\"mensaje\"><\/p>\n<\/div>\n\n<script>\n  \/\/ URL de tu archivo PHP\n  const API = \"https:\/\/www.opticadigital.cl\/opticadigital2023\/wp-content\/themes\/astra-hijo\/rifa.php\";\n\n  const grid = document.getElementById(\"numeros-grid\");\n\n  \/\/ Generar botones del 1 al 100\n  for (let i = 1; i <= 100; i++) {\n    const div = document.createElement(\"div\");\n    div.textContent = i;\n    div.classList.add(\"numero\");\n    div.dataset.num = i;\n    grid.appendChild(div);\n  }\n\n  \/\/ Cargar n\u00fameros ocupados al inicio\n  fetch(API)\n    .then(res => res.json())\n    .then(data => {\n      data.forEach(item => {\n        const btn = document.querySelector(`.numero[data-num=\"${item.numero}\"]`);\n        if (btn) {\n          btn.classList.add(\"taken\");\n        }\n      });\n    })\n    .catch(err => console.error(\"Error cargando datos:\", err));\n\n  \/\/ Evento de selecci\u00f3n\n  grid.addEventListener(\"click\", e => {\n    if (!e.target.classList.contains(\"numero\") || e.target.classList.contains(\"taken\")) return;\n\n    document.querySelectorAll(\".numero\").forEach(n => n.classList.remove(\"selected\"));\n    e.target.classList.add(\"selected\");\n    document.getElementById(\"numeroElegido\").value = e.target.dataset.num;\n  });\n\n  \/\/ Env\u00edo del formulario\n  document.getElementById(\"form-rifa\").addEventListener(\"submit\", function(e) {\n    e.preventDefault();\n\n    const numero = document.getElementById(\"numeroElegido\").value;\n    const nombre = this.nombre.value.trim();\n    const telefono = this.telefono.value.trim();\n\n    if (!numero) {\n      alert(\"Por favor, selecciona un n\u00famero.\");\n      return;\n    }\n\n    fetch(API, {\n      method: \"POST\",\n      headers: { \"Content-Type\": \"application\/x-www-form-urlencoded\" },\n      body: `numero=${numero}&nombre=${encodeURIComponent(nombre)}&telefono=${encodeURIComponent(telefono)}`\n    })\n    .then(res => res.json())\n    .then(data => {\n      if (data.success) {\n        document.getElementById(\"mensaje\").textContent = `\u2705 Gracias ${nombre}, reservaste el n\u00famero ${numero}.`;\n\n        \/\/ Marcar como ocupado\n        const btn = document.querySelector(`.numero[data-num=\"${numero}\"]`);\n        btn.classList.remove(\"selected\");\n        btn.classList.add(\"taken\");\n      } else {\n        alert(data.message);\n      }\n    })\n    .catch(err => {\n      alert(\"Error al guardar, intenta nuevamente.\");\n      console.error(err);\n    });\n\n    this.reset();\n    document.getElementById(\"numeroElegido\").value = \"\";\n  });\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>gran RIFA OPTICA DIGITAL Por la compra de un anteojo, elija un n\u00famero y estar\u00e1 participando por\u00b7 1 Lente monofocal (lejos o cerca) \u00b7 1 Lente de sol a elecci\u00f3n Guardar participaci\u00f3n<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"unboxed","site-sidebar-style":"unboxed","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":"","ast-breadcrumbs-content":"","ast-featured-img":"","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":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"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":""},"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-4359","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.opticadigital.cl\/opticadigital2023\/wp-json\/wp\/v2\/pages\/4359","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.opticadigital.cl\/opticadigital2023\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.opticadigital.cl\/opticadigital2023\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.opticadigital.cl\/opticadigital2023\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.opticadigital.cl\/opticadigital2023\/wp-json\/wp\/v2\/comments?post=4359"}],"version-history":[{"count":134,"href":"https:\/\/www.opticadigital.cl\/opticadigital2023\/wp-json\/wp\/v2\/pages\/4359\/revisions"}],"predecessor-version":[{"id":4522,"href":"https:\/\/www.opticadigital.cl\/opticadigital2023\/wp-json\/wp\/v2\/pages\/4359\/revisions\/4522"}],"wp:attachment":[{"href":"https:\/\/www.opticadigital.cl\/opticadigital2023\/wp-json\/wp\/v2\/media?parent=4359"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}