<?php
require_once "../../functions.php";
$version = $_POST['version'] ?? 'nueva versión';
$size = $_POST['size'] ?? '';
?>
<dialog id='dialog' class="cristal" open>
    <h2>⚠️ ¿Aplicar actualización?</h2>
    
    <article class="flex column gap1" style="margin: 1rem 0; text-align: left;">
        <p>Estás a punto de actualizar a la versión <strong><?= htmlspecialchars($version) ?></strong><?= $size ? " ($size)" : '' ?>.</p>
        
        <section style="background: rgba(231,76,60,0.1); padding: 1rem; border-radius: 8px; border-left: 4px solid #e74c3c;">
            <p style="color: #e74c3c; font-weight: bold; margin-bottom: 0.5rem;">⚠️ Importante:</p>
            <ul style="margin: 0; padding-left: 1.5rem; color: var(--texto);">
                <li>Se creará un backup de los archivos actuales</li>
                <li>No cierres ni recargues la página durante el proceso</li>
            </ul>
        </section>
    </article>
    
    <section class='flex row gap5 pa1' style="justify-content: center;">
        <button id='cancelar' class="btn-t" title='Cancelar'>Cancelar</button>
        <button id='confirmar-update' class="btn-p">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" style="margin-right: 0.5rem;">
                <path fill="currentColor" d="M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32V274.7l-73.4-73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L288 274.7V32zM64 352c-35.3 0-64 28.7-64 64v32c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V416c0-35.3-28.7-64-64-64H346.5l-45.3 45.3c-25 25-65.5 25-90.5 0L165.5 352H64zm368 56a24 24 0 1 1 0 48 24 24 0 1 1 0-48z"/>
            </svg>
            Aplicar actualización
        </button>
    </section>
</dialog>
