<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Metformina Natural Quiz</title>

<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>

<div class="quiz-container">

  <!-- RIGHT SIDE CONTENT -->
  <div class="quiz-content">
    <div class="text-block">
      <p><b class="headline">Adelgazar solo con dieta no es fácil.</b></p>
      <ul class="benefit-list">
        <li><i class="fa-solid fa-check"></i> Las nuevas medicinas para adelgazar son un gran descubrimiento.</li>
        <li><i class="fa-solid fa-check"></i> La nueva Metformina natural adelgaza y nunca cae mal.</li>

        <!-- 🔥 UPDATED LINE 🔥 -->
        <li>
          <i class="fa-solid fa-check"></i> 
          <b> Metformina Natural está en</b>
          <a id="geoLink" href="#" target="_blank">
            <img src="img/Amazon-US.png" alt="Pedir aquí" 
            style="width:80px; height:40px; object-fit:contain; vertical-align:;">
          </a>
        </li>
      </ul>
    </div>

    <div class="question">
      Estos síntomas mejoran al tomar metformina natural. ¿Cuál tienes?
    </div>

    <div class="answers">
      <button class="btn btn-outline-danger w-100 mb-2" data-answer="abdomen">
        Engordo en el abdomen (aún sin comer mucho)
      </button>
      <button class="btn btn-outline-danger w-100 mb-2" data-answer="ansiedad">
        Siento ansiedad por comer carbohidratos
      </button>
      <button class="btn btn-outline-danger w-100 mb-2" data-answer="ronco">
        Ronco al dormir
      </button>
      <button class="btn btn-outline-danger w-100" data-answer="manchas">
        Manchas en la cara y el cuello oscuro
      </button>
    </div>

    <div class="info mt-4">
      Soy el Dr Salomon. Todas las noches ayudo a algunos pacientes.<br>
      Si quieres que te ayude por WhatsApp escríbeme por aquí:
      <b>
        <a href="https://api.whatsapp.com/send?phone=19206774835&text=Hola%20Dr%20Salomon.%20Me%20gustar%C3%ADa%20recibir%20su%20ayuda%20por%20aqu%C3%AD%20%F0%9F%99%8F">
          Ayuda por WhatsApp
        </a>
      </b>
      <img src="img/download__1_-removebg-preview.png" 
      alt="Pedir aquí" 
      style="width:20px; height:20px; object-fit:contain; vertical-align:middle;">
      <br><br>

      <!-- This one stays the same because you did NOT request a change here -->
      Si crees que necesitas Metformina natural puedes pedirlas por aquí:
      <a id="geoLink" href="https://urlgeni.us/amazon/metformina-natural" target="_blank">
        <img src="img/Amazon-US.png" alt="Pedir aquí" 
        style="width:80px; height:40px; object-fit:contain; vertical-align:middle;">
      </a>
    </div>
  </div>
</div>

<!-- MODAL -->
<div class="modal fade" id="resultModal" tabindex="-1" aria-labelledby="resultModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="resultModalLabel">Resultado</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Cerrar"></button>
      </div>
      <div class="modal-body text-center">
        <p id="modal-answer" class="lead mb-3"></p>
        <div id="modal-video"></div>
      </div>
    </div>
  </div>
</div>

<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>

<script>
// AMAZON BUTTON HTML USED IN ALL ANSWERS
const amazonButton = `
  <br><br>
  <b>La METFORMINA NATURAL está en Amazon:</b><br>
  <a href="https://urlgeni.us/amazon/metformina-natural" target="_blank">
    <img src="img/Amazon-US.png" 
         alt="Comprar en Amazon" 
         style="width:120px; height:50px; object-fit:contain; margin-top:8px;">
  </a>
  <br><br>
`;

// ANSWERS WITH TEXT + AMAZON BUTTON
const answers = {
  abdomen: {
    text: "La Metformina natural baja la grasa del abdomen. Muchos la usan porque evita que los dulces engorden tanto." + amazonButton,
    video: "https://www.facebook.com/plugins/video.php?height=476&href=https%3A%2F%2Fwww.facebook.com%2Freel%2F2223031661453316%2F&show_text=false&width=267&t=0"
  },
  ansiedad: {
    text: "La Metformina natural quita la ansiedad por comer y evita que los dulces engorden tanto." + amazonButton,
    video: "https://www.facebook.com/plugins/video.php?height=476&href=https%3A%2F%2Fwww.facebook.com%2Freel%2F2223031661453316%2F&show_text=false&width=267&t=0"
  },
  ronco: {
    text: "La Metformina natural disminuye la grasa que causa los ronquidos. Al dejar de roncar vas a dormir más profundo." + amazonButton,
    video: "https://www.facebook.com/plugins/video.php?height=476&href=https%3A%2F%2Fwww.facebook.com%2Freel%2F699681489761487%2F&show_text=false&width=267&t=0"
  },
  manchas: {
    text: "Tomar metformina natural aclara las manchas de la cara y el cuello oscuro. Por eso las manchas no reaparecen." + amazonButton,
    video: "https://www.facebook.com/plugins/video.php?height=476&href=https%3A%2F%2Fwww.facebook.com%2Freel%2F2033530630719780%2F&show_text=false&width=267&t=0"
  }
};

// Handle button clicks
document.querySelectorAll('.answers button').forEach(btn => {
  btn.addEventListener('click', () => {
    const key = btn.dataset.answer;
    const modalAnswer = document.getElementById('modal-answer');
    const modalVideo = document.getElementById('modal-video');

    modalAnswer.innerHTML = answers[key].text;
    modalVideo.innerHTML = `
      <iframe src="${answers[key].video}"
        width="267" height="476" style="border:none;overflow:hidden;" 
        scrolling="no" frameborder="0" allowfullscreen="true"
        allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share">
      </iframe>`;

    const modal = new bootstrap.Modal(document.getElementById('resultModal'));
    modal.show();
  });
});
</script>

<script>
document.addEventListener("DOMContentLoaded", function () {
  const linkElement = document.getElementById("geoLink");

  let url = "https://urlgeni.us/amazon/metformina-natural";

  fetch("https://ipwho.is/")
    .then(res => res.json())
    .then(data => {
      const country = data.country_code || "default";
      console.log("🌎 Detected country:", country);

      if (country === "US") {
        url = "https://urlgeni.us/amazon/metformina-natural";
      } else if (country === "MX") {
        url = "https://urlgeni.us/amazon/metformina-natural-mx";
      } else {
        const euCountries = [
          "ES","FR","DE","IT","PT","NL","BE","SE","PL","AT",
          "DK","IE","FI","GR","HU","CZ","RO","BG","HR","SK",
          "SI","EE","LT","LV","LU","CY","MT"
        ];
        if (euCountries.includes(country)) {
          url = "https://urlgeni.us/amazon/metformina-natural-esp";
        }
      }

      document.querySelectorAll("#geoLink").forEach(el => el.href = url);

    })
    .catch(err => {
      console.error("❌ IP lookup failed:", err);
      document.querySelectorAll("#geoLink").forEach(el => 
        el.href = "https://urlgeni.us/amazon/metformina-natural"
      );
    });
});
</script>

</body>
<script>'undefined'=== typeof _trfq || (window._trfq = []);'undefined'=== typeof _trfd && (window._trfd=[]),_trfd.push({'tccl.baseHost':'secureserver.net'},{'ap':'cpsh-oh'},{'server':'p3plzcpnl510265'},{'dcenter':'p3'},{'cp_id':'10740876'},{'cp_cl':'8'}) // Monitoring performance to make your website faster. If you want to opt-out, please contact web hosting support.</script><script src='https://img1.wsimg.com/traffic-assets/js/tccl.min.js'></script></html>
