<?php
if ( ! defined( 'ABSPATH' ) ) exit;
?>
<div class="wscraper-container">

  <div id="wscraper-user-info" class="wscraper-user-info" style="display: none;">
    <div class="user-card">
      <div class="user-card-header">
        <h2>👤 Mi cuenta – ALERTA PRECIO –</h2>
      </div>
      <div class="user-card-body">
        <div class="user-field">
          <span class="field-label">Email:</span>
          <span id="user-email" class="field-value"></span>
        </div>
        <div class="user-field tokens">
          <span class="field-label">Tokens disponibles:</span>
          <span id="user-alerts" class="field-value"></span>
        </div>

        <div class="user-actions">
          <button id="wscraper-logout" class="logout-btn">Cerrar sesión</button>
          <a href="#" class="plan-btn wscraper-plan-link wscraper-plan-button">Ver planes disponibles</a>
        </div>
      </div>
    </div>
  </div>

  <div class="g_id_signin" data-type="standard" data-theme="outline" data-size="large"></div>

  <div class="button-flux" style="text-align:center">
    <div id="btnWarning">
      <p class="warning">Para usar nuestros servicios debes iniciar sesión.</p>
    </div>

    <button id="wscraper-login-google" class="wscraper-plan-link wscraper-plan-button">
      Iniciar sesión con Google
    </button>
  </div>

  <div id="wscraper-nav-buttons" class="wscraper-nav-buttons">
    <a href="<?php echo esc_url( admin_url('admin.php?page=alertaprecio_scraper') ); ?>" class="wscraper-big-btn">
      🛰️ Ir a Monitor
    </a>
    <a href="<?php echo esc_url( admin_url('admin.php?page=alertaprecio_enrich') ); ?>" class="wscraper-big-btn">
      🤖 Ir a Enriquecer IA
    </a>
  </div>

  <a target="_blank" href="https://play.google.com/store/apps/details?id=com.xperro.AlertaPrecio">
    <div class="wscraper-banner" style="outline: 0; display: block; text-align: center;">
      <img class="banner" style="width:56%" src="<?php echo esc_url( plugins_url('../assets/banner.png', __FILE__) ); ?>" alt="Banner Alerta Precio">
    </div>
  </a>

  <div id="wscraper-modal" class="wscraper-modal" style="display: none;">
    <div class="wscraper-modal-content">
      <img src="<?php echo esc_url( plugins_url('../assets/modal.png', __FILE__) ); ?>" alt="Planes disponibles">
      <span class="wscraper-modal-close">&times;</span>
      <button class="wscraper-modal-button">Cerrar</button>
    </div>
  </div>

  <div class="wscraper-signature">
    <a 
      href="https://api.alertaprecio.online/privacy" 
      target="_blank" 
      rel="noopener noreferrer"
      style="color: inherit; text-decoration: none;"
    >
      Alerta Precio &mdash; &copy; <?php echo esc_html( date_i18n( 'Y' ) ); ?> &ndash; Todos los derechos reservados.<br>
      Términos &amp; Condiciones
    </a>
  </div>

</div>

</body>
</html>