Tul xxx Tul

Viewing: hero.php

<?php
$db = getDB();
$hero = $db->query('SELECT * FROM hero_settings LIMIT 1')->fetch();
?>

<div class="admin-card">
    <div class="card-header">
        <div class="card-title"><i class="ph-fill ph-shooting-star"></i> Configuración del Hero</div>
    </div>
    <form id="heroForm" onsubmit="saveHero(event)">
        <div class="form-row">
            <div style="flex:1;">
                <div class="form-group">
                    <label class="form-label">Nombre Principal</label>
                    <input type="text" id="heroName" class="form-control" value="<?= htmlspecialchars($hero['name'] ?? '') ?>" required>
                </div>
                <div class="form-group">
                    <label class="form-label">Subtítulo</label>
                    <input type="text" id="heroSubtitle" class="form-control" value="<?= htmlspecialchars($hero['subtitle'] ?? '') ?>" required>
                </div>
                <div class="form-group">
                    <label class="form-label">Descripción</label>
                    <textarea id="heroDescription" class="form-control" rows="4"><?= htmlspecialchars($hero['description'] ?? '') ?></textarea>
                </div>
                <button type="submit" class="btn btn-primary"><i class="ph-bold ph-floppy-disk"></i> Guardar Cambios</button>
            </div>
            <div style="flex:0 0 300px;">
                <div class="form-group">
                    <label class="form-label">Imagen de Portada</label>
                    <div class="upload-zone" onclick="document.getElementById('heroImageInput').click()">
                        <i class="ph-fill ph-image"></i>
                        <p>Clic para subir imagen</p>
                        <input type="file" id="heroImageInput" accept="image/*" onchange="uploadHeroImage(this)">
                    </div>
                    <div class="img-preview" id="heroPreview" style="margin-top:1rem;">
                        <?php if ($hero['portrait_image']): ?>
                            <img src="../<?= htmlspecialchars($hero['portrait_image']) ?>" alt="Portada actual">
                        <?php endif; ?>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>

<script>
async function saveHero(e) {
    e.preventDefault();
    await adminFetch('save_hero', {
        name: document.getElementById('heroName').value,
        subtitle: document.getElementById('heroSubtitle').value,
        description: document.getElementById('heroDescription').value
    });
}

async function uploadHeroImage(input) {
    if (!input.files[0]) return;
    const formData = new FormData();
    formData.append('action', 'upload_hero_image');
    formData.append('image', input.files[0]);
    
    try {
        const response = await fetch('api.php', { method: 'POST', body: formData });
        const result = await response.json();
        if (result.success) {
            showToast('Imagen actualizada', 'success');
            document.getElementById('heroPreview').innerHTML = `<img src="../${result.path}" alt="Preview">`;
        } else {
            showToast(result.message || 'Error al subir', 'error');
        }
    } catch(err) {
        showToast('Error de conexión', 'error');
    }
}
</script>
User / IP	: 216.73.216.159
Host / Server	: 45.84.207.204 / aircan.me
System	: Linux lt-bnk-web1726.main-hosting.eu 5.14.0-611.36.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Tue Mar 3 11:23:52 EST 2026 x86_64