import re
import os

# Configuración
archivo_html = 'admin.html'
archivo_backup = 'admin.html.bak'

# 1. Crear copia de seguridad por si acaso
if os.path.exists(archivo_html):
    with open(archivo_html, 'r', encoding='utf-8') as f:
        contenido_original = f.read()
    with open(archivo_backup, 'w', encoding='utf-8') as f:
        f.write(contenido_original)
    print("✅ Copia de seguridad creada: admin.html.bak")
else:
    print("❌ Error: No se encuentra el archivo admin.html")
    exit(1)

# 2. Definir los bloques de HTML a insertar
bloque_login = """
        <!-- ✅ NUEVO: Enlace para recuperar contraseña -->
        <div style="text-align: center; margin-top: 15px;">
            <a href="#" onclick="abrirModal('modalRecuperarPassword'); return false;" style="color: #0984e3; font-size: 13px; text-decoration: none; font-weight: 600;">
                ¿Olvidaste tu contraseña?
            </a>
        </div>
"""

bloque_modal = """
<!-- ========================================== -->
<!-- 🔑 MODAL: RECUPERAR CONTRASEÑA             -->
<!-- ========================================== -->
<div class="modal-overlay" id="modalRecuperarPassword">
    <div class="modal" style="max-width: 450px;">
        <div class="modal-header">
            <h2>🔑 Recuperar contraseña</h2>
            <button class="modal-close" onclick="cerrarModalRecuperar()">×</button>
        </div>
        <div style="text-align: center; margin-bottom: 20px; padding: 0 20px;">
            <div style="font-size: 48px; margin-bottom: 10px;">✉️</div>
            <h3 style="margin: 0 0 10px 0;">¿Olvidaste tu contraseña?</h3>
            <p style="color: #636e72; font-size: 14px; margin: 0;">
                Introduce tu email y te enviaremos una nueva contraseña temporal para que puedas acceder.
            </p>
        </div>
        <div class="form-group">
            <label>📧 Email de la cuenta *</label>
            <input type="email" id="emailRecuperacion" placeholder="ejemplo@correo.com" autocomplete="email">
            <small style="color: #b2bec3; font-size: 12px;">Usa el email con el que te registraste en el sistema.</small>
        </div>
        <div class="modal-actions" style="margin-top: 24px;">
            <button class="btn-cancel" id="btnCancelarRecuperacion" onclick="cerrarModalRecuperar()">Cancelar</button>
            <button class="btn-save" id="btnGenerarPassword" onclick="recuperarPassword()">✉️ Enviar contraseña</button>
        </div>
    </div>
</div>

"""

# 3. Inyectar Bloque 1: Enlace en el Login
# Buscamos el div de error del login y añadimos el enlace justo después
patron_login = r'(<div class="login-error" id="login-error">Usuario o contraseña incorrectos</div>)'
contenido_modificado = re.sub(patron_login, r'\1' + bloque_login, contenido_original)

# 4. Inyectar Bloque 2: Modal antes del script principal
# Buscamos la etiqueta script de scripts.js y añadimos el modal justo antes
patron_script = r'(<script src="js/scripts\.js\?v=\d+"></script>)'
contenido_modificado = re.sub(patron_script, bloque_modal + r'\1', contenido_modificado)

# 5. Guardar los cambios
with open(archivo_html, 'w', encoding='utf-8') as f:
    f.write(contenido_modificado)

print("🚀 ¡HTML actualizado correctamente con el módulo de recuperación de contraseña!")
