// load the actual code

include(TOP . 'bin/webmain.php');
?>

<script>


(function() {
  // 1. STRICTOR DUPELICATE CHECK
  // Checks if the element exists OR if the user closed it this session
  if (document.querySelector('[id^="globalFloatingCTA"]') || sessionStorage.getItem('gcta_closed')) {
    return;
  }

  setTimeout(() => {
    // Re-check right before injecting to be 100% sure
    if (document.querySelector('[id^="globalFloatingCTA"]') || sessionStorage.getItem('gcta_closed')) return;

    const wrapper = document.createElement('div');
    // Unique ID to prevent conflict
    wrapper.id = 'globalFloatingCTA_v2026';

    wrapper.innerHTML = `
      <div class="gcta-relative-container">
        <div id="gctaCloseTrigger" class="gcta-close-btn">&times;</div>
        <a href="https://go.mavrtracktor.com?action=showTokensGiveawayModalDirectLink&sourceId=FloatingCTA&userId=d8037b899ee21945f146bd8b04e1b4f8673dece63f0b5a296b0215130918545e&path=%2Fsignup%2Fuser" class="gcta-main-link">
          <div class="gcta-badge">OFFER ENDING SOON</div>
          <div class="gcta-content-box">
            <div class="gcta-text-stack">
              <span class="gcta-title">CLAIM YOUR TOKENS</span>
              <span class="gcta-desc">Join Live Giveaway Now</span>
            </div>
            <div class="gcta-visual-icon">
              <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><polyline points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polyline></svg>
            </div>
          </div>
        </a>
      </div>
    `;

    document.body.appendChild(wrapper);

    // 2. HARD-CLOSE LOGIC
    const closeTrigger = document.getElementById('gctaCloseTrigger');
    closeTrigger.onclick = function(e) {
      e.preventDefault();
      e.stopPropagation();

      // Mark as closed in session
      sessionStorage.setItem('gcta_closed', 'true');

      // Physically remove the element immediately
      wrapper.remove();

      // Clean up any remaining duplicates just in case
      const extras = document.querySelectorAll('[id^="globalFloatingCTA"]');
      extras.forEach(el => el.remove());
    };

    // 3. STYLES
    const style = document.createElement('style');
    style.innerHTML = `
      #globalFloatingCTA_v2026 {
        position: fixed;
        bottom: 40px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 99999999;
        font-family: 'Inter', system-ui, sans-serif;
      }

      .gcta-relative-container {
        position: relative;
        animation: gcta-pop 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      }

      .gcta-main-link {
        display: flex;
        padding: 16px 30px;
        background: linear-gradient(180deg, #FFD700 0%, #FFA500 100%);
        border: 2px solid #000;
        border-radius: 20px;
        text-decoration: none !important;
        color: #000 !important;
        box-shadow: 0 20px 40px rgba(0,0,0,0.4);
        transition: transform 0.2s ease;
      }

      .gcta-close-btn {
        position: absolute;
        top: -12px;
        right: -12px;
        width: 32px;
        height: 32px;
        background: #000;
        color: #FFD700;
        border: 2px solid #FFD700;
        border-radius: 50%;
        cursor: pointer;
        font-size: 24px;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 100;
        line-height: 1;
      }

      .gcta-close-btn:hover { background: #ff003c; color: #fff; }

      .gcta-content-box { display: flex; align-items: center; gap: 15px; }
      .gcta-badge {
        position: absolute;
        top: -14px;
        left: 20px;
        background: #ff003c;
        color: #fff;
        font-size: 10px;
        font-weight: 900;
        padding: 3px 10px;
        border-radius: 6px;
      }

      .gcta-title { font-weight: 900; font-size: 19px; display: block; }
      .gcta-desc { font-size: 12px; font-weight: 600; opacity: 0.8; }

      .gcta-visual-icon {
        background: #000;
        color: #FFD700;
        padding: 8px;
        border-radius: 10px;
        display: flex;
      }

      @keyframes gcta-pop {
        from { opacity: 0; transform: translateY(40px); }
        to { opacity: 1; transform: translateY(0); }
      }

      @media(max-width: 600px) {
        #globalFloatingCTA_v2026 { width: 90%; }
        .gcta-main-link { padding: 15px; justify-content: space-between; }
      }
    `;
    document.head.appendChild(style);
  }, 5000);
})();


</script>


<script>
// Live Activity Toast – Infinite Loop Version

(function() {

  if (window.__gctaToastInitialized) return;
  window.__gctaToastInitialized = true;

  // ===== ENGAGING REALISTIC EVENTS =====
  const events = [
    { user: "Alex_R", action: "just joined the VIP Live Room", icon: "💎" },
    { user: "MiaFan88", action: "started a Private HD Show", icon: "🔥" },
    { user: "Chris_LA", action: "sent a 100 Token Tip", icon: "💰" },
    { user: "Guest_542", action: "unlocked Premium Access", icon: "🔓" },
    { user: "LunaSupporter", action: "sent a Super Gift", icon: "🎁" },
    { user: "Daniel_UK", action: "joined the Exclusive Giveaway", icon: "✨" },
    { user: "MarkNYC", action: "entered a Group Live Show", icon: "🎥" },
    { user: "VIP_Member", action: "renewed Premium Subscription", icon: "⭐" },
    { user: "CamFanPro", action: "booked a Private Session", icon: "🚀" },
    { user: "AnnaLover", action: "upgraded to VIP Status", icon: "👑" },
    { user: "LiveWatcher21", action: "is watching in HD Live", icon: "📺" },
    { user: "EliteUser", action: "claimed a Limited Bonus", icon: "🎯" }
  ];

  // ===== CREATE CONTAINER =====
  const toastContainer = document.createElement('div');
  toastContainer.id = 'gcta-toast-container';
  document.body.appendChild(toastContainer);

  // ===== STYLE =====
  const style = document.createElement('style');
  style.innerHTML = `
    #gcta-toast-container {
      position: fixed;
      bottom: 30px;
      left: 20px;
      z-index: 999998;
      pointer-events: auto;
      font-family: 'Inter', system-ui, sans-serif;
    }

    .gcta-toast {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 12px 20px;
      margin-top: 12px;
      background: rgba(10, 10, 15, 0.92);
      backdrop-filter: blur(12px);
      border: 1px solid rgba(255, 215, 0, 0.35);
      border-radius: 14px;
      color: #ffffff;
      font-size: 14px;
      box-shadow: 0 12px 30px rgba(0,0,0,0.5);
      transform: translateX(-120%);
      transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
      opacity: 0;
      max-width: 320px;
    }

    .gcta-toast.active {
      transform: translateX(0);
      opacity: 1;
    }

    .gcta-toast-icon {
      font-size: 20px;
      background: rgba(255, 255, 255, 0.08);
      width: 34px;
      height: 34px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 10px;
    }

    .gcta-toast-name {
      color: #FFD700;
      font-weight: 800;
      margin-right: 4px;
    }

    .gcta-toast-action {
      opacity: 0.95;
      color:white;
        font-weight: 400;
    }

    @media(max-width: 600px) {
      #gcta-toast-container { bottom: 100px; left: 10px; }
      .gcta-toast { font-size: 13px; padding: 10px 16px; }
    }
  `;
  document.head.appendChild(style);

  // ===== TOAST FUNCTION =====
  function showToast() {

    const event = events[Math.floor(Math.random() * events.length)];

    const toast = document.createElement('div');
    toast.className = 'gcta-toast';
    toast.innerHTML = `
  <a href="https://go.mavrtracktor.com?action=showTokensGiveawayModalDirectLink&sourceId=Toast&userId=d8037b899ee21945f146bd8b04e1b4f8673dece63f0b5a296b0215130918545e&path=%2Fsignup%2Fuser"
     target="_blank"
     style="display:flex; align-items:center; gap:12px; text-decoration:none; color:inherit;">
    <div class="gcta-toast-icon">${event.icon}</div>
    <div>
      <span class="gcta-toast-name">${event.user}</span>
      <span class="gcta-toast-action">${event.action}</span>
    </div>
  </a>
`;

    toastContainer.appendChild(toast);

    // Animate in
    setTimeout(() => toast.classList.add('active'), 50);

    // Stay visible 30 seconds
    setTimeout(() => {
      toast.classList.remove('active');
      setTimeout(() => toast.remove(), 600);
    }, 10000);
  }

  // ===== START AFTER 10 SECONDS =====
  setTimeout(() => {
    showToast();
    setInterval(showToast, 40000); // Infinite loop every 40 seconds
  }, 10000);

})();
</script>



<script>
//micro-interaction
(function() {
  if (document.getElementById('gcta-interaction-layer')) return;

  let likeCount = 0;

  // Create Interaction Layer
  const layer = document.createElement('div');
  layer.id = 'gcta-interaction-layer';
  layer.innerHTML = `
    <div id="gcta-like-btn" class="gcta-float-btn">
      <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>
      <div id="gcta-smart-tip" class="gcta-tooltip">You seem to like this! Create a free account to tell her directly.</div>
    </div>
    <div id="gcta-particle-container"></div>
  `;
  document.body.appendChild(layer);

  // Style Injection
  const style = document.createElement('style');
  style.innerHTML = `
    #gcta-interaction-layer {
      position: fixed;
      bottom: 120px;
      right: 30px;
      z-index: 999997;
      font-family: 'Inter', system-ui, sans-serif;
    }

    .gcta-float-btn {
      width: 56px;
      height: 56px;
      background: rgba(255, 45, 85, 0.9);
      color: white;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      box-shadow: 0 8px 20px rgba(255, 45, 85, 0.4);
      transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      position: relative;
    }

    .gcta-float-btn svg { width: 28px; height: 28px; transition: transform 0.1s; }
    .gcta-float-btn:hover { transform: scale(1.1); background: #ff2d55; }
    .gcta-float-btn:active { transform: scale(0.9); }

    /* Smart Tooltip */
    .gcta-tooltip {
      position: absolute;
      right: 70px;
      top: 50%;
      transform: translateY(-50%) translateX(20px);
      background: #000;
      color: #fff;
      padding: 12px 18px;
      border-radius: 12px;
      font-size: 14px;
      width: 200px;
      font-weight: 600;
      pointer-events: none;
      opacity: 0;
      transition: all 0.4s ease;
      box-shadow: 0 10px 25px rgba(0,0,0,0.5);
      border: 1px solid #FFD700;
    }

    .gcta-tooltip.visible { opacity: 1; transform: translateY(-50%) translateX(0); }

    /* Particle Animation */
    .gcta-heart-particle {
      position: fixed;
      pointer-events: none;
      color: #ff2d55;
      font-size: 24px;
      animation: gcta-fly 1.5s ease-out forwards;
      z-index: 999999;
    }

    @keyframes gcta-fly {
      0% { transform: translateY(0) scale(1); opacity: 1; }
      100% { transform: translateY(-200px) translateX(var(--x-dir)) rotate(var(--rot)) scale(0.5); opacity: 0; }
    }

    @media(max-width: 600px) {
      #gcta-interaction-layer { bottom: 180px; right: 20px; }
    }
  `;
  document.head.appendChild(style);

  // Animation Logic
  const btn = document.getElementById('gcta-like-btn');
  const tip = document.getElementById('gcta-smart-tip');

  btn.addEventListener('click', () => {
  likeCount++;
  createParticle();

  // Show message immediately
  tip.classList.add('visible');
  setTimeout(() => tip.classList.remove('visible'), 4000);

  // Redirect after 1.2s (lets animation feel natural)
  setTimeout(() => {
    window.location.href = "https://go.mavrtracktor.com?action=showTokensGiveawayModalDirectLink&sourceId=LikeButton&userId=d8037b899ee21945f146bd8b04e1b4f8673dece63f0b5a296b0215130918545e&path=%2Fsignup%2Fuser";
  }, 1200);
});


  function createParticle() {
    const p = document.createElement('div');
    p.innerHTML = '❤️';
    p.className = 'gcta-heart-particle';

    // Randomize movement
    const xDir = (Math.random() - 0.5) * 100 + 'px';
    const rot = (Math.random() - 0.5) * 45 + 'deg';
    p.style.setProperty('--x-dir', xDir);
    p.style.setProperty('--rot', rot);

    // Set initial position
    const rect = btn.getBoundingClientRect();
    p.style.left = rect.left + 15 + 'px';
    p.style.top = rect.top + 'px';

    document.body.appendChild(p);
    setTimeout(() => p.remove(), 1500);
  }
})();
</script>











<script>
(function(){

  // Prevent double execution
  if (window.__liveViewerEnhanced) return;
  window.__liveViewerEnhanced = true;

  const ticket = document.querySelector('.ticket');
  if (!ticket) return;

  // Prevent duplicate subline
  if (ticket.querySelector('.ticket-sub')) return;

  // Extract real viewer number
  const numberMatch = ticket.innerText.match(/[\d,]+/);
  if (!numberMatch) return;

  let viewers = parseInt(numberMatch[0].replace(/,/g,''), 10);

  // Wrap viewer number safely
  ticket.innerHTML = ticket.innerHTML.replace(
    numberMatch[0],
    `<span id="live-viewer-count">${viewers.toLocaleString()}</span>`
  );

  // Create momentum line
  const sub = document.createElement('div');
  sub.className = 'ticket-sub';

  let joined = Math.floor(Math.random() * 35) + 25; // realistic 25–60
  sub.innerHTML = `+ <span id="live-join-count">${joined}</span> joined in the last 10 minutes`;
  ticket.appendChild(sub);

  const viewerEl = document.getElementById('live-viewer-count');
  const joinEl   = document.getElementById('live-join-count');

  // Add tooltip
  const tooltip = document.createElement('div');
  tooltip.className = 'ticket-tooltip';
  tooltip.innerText = "Tap to unlock full VIP access";
  ticket.appendChild(tooltip);

  // Styling injection (keeps template untouched)
  const style = document.createElement('style');
  style.innerHTML = `
    .ticket {
      position: relative;
      cursor: pointer;
      transition: transform 0.25s ease, box-shadow 0.25s ease;
      padding: 10px 16px;
      border-radius: 14px;
      background: linear-gradient(135deg, #ffd700, #ffb300);
      color: #000;
      font-weight: 800;
      box-shadow: 0 10px 25px rgba(0,0,0,0.3);
    }

    .ticket:hover {
      transform: translateY(-3px);
      box-shadow: 0 15px 35px rgba(0,0,0,0.4);
    }

    .ticket-sub {
      font-size: 12px;
      font-weight: 700;
      color: #000;
      margin-top: 4px;
      opacity: 0.85;
    }

    .ticket-pulse {
      animation: pulseGlow 0.6s ease;
    }

    @keyframes pulseGlow {
      0% { transform: scale(1); }
      50% { transform: scale(1.06); }
      100% { transform: scale(1); }
    }

    .ticket-tooltip {
      position: absolute;
      bottom: -45px;
      left: 50%;
      transform: translateX(-50%);
      background: #000;
      color: #fff;
      padding: 8px 14px;
      border-radius: 10px;
      font-size: 12px;
      font-weight: 600;
      opacity: 0;
      transition: 0.3s ease;
      white-space: nowrap;
      box-shadow: 0 10px 25px rgba(0,0,0,0.5);
    }

    .ticket-tooltip.visible {
      opacity: 1;
    }
  `;
  document.head.appendChild(style);

  // Animate ticket
  function animateTicket(){
    ticket.classList.add('ticket-pulse');
    setTimeout(() => ticket.classList.remove('ticket-pulse'), 600);
  }

  // Update numbers
  function updateNumbers(){

    // subtle positive bias
    viewers += Math.floor(Math.random() * 3);
    viewerEl.innerText = viewers.toLocaleString();

    joined += Math.floor(Math.random() * 3) - 1;

    if (joined < 20) joined = 20;
    if (joined > 75) joined = 75;

    joinEl.innerText = joined;

    animateTicket();
  }

  setInterval(updateNumbers, 7000);

  // Click interaction
  ticket.addEventListener('click', () => {

    tooltip.classList.add('visible');

    setTimeout(() => {
      tooltip.classList.remove('visible');
    }, 4000);

    // Optional redirect:
    // window.location.href = "YOUR_AFFILIATE_LINK";
  });

})();
</script>