Tul xxx Tul

Viewing: form.php

<?php
    $isEdit = isset($work);
    $action = $isEdit ? url('works/update/' . $work['id']) : url('works/store');
    $preview = $isEdit && !empty($work['image_path']) ? uploaded_url($work['image_path']) : asset('img/logo.png');
?>

<form action="<?= $action ?>" method="POST" enctype="multipart/form-data" class="space-y-6">
    <?= csrf_field() ?>
    <div class="grid gap-6 xl:grid-cols-[1fr_1fr]">
        <section class="rounded-xl border border-slate-200 bg-white p-6 shadow-sm">
            <h2 class="text-xl font-black text-slate-950">Subir Imagen</h2>
            <p class="mt-1 text-sm text-slate-500 italic">Solo necesitas seleccionar la imagen para que aparezca en la web.</p>
            
            <div class="mt-6">
                <label class="mb-2 block text-[10px] font-black text-slate-400 uppercase tracking-widest">Título de referencia (Opcional)</label>
                <input name="title" value="<?= clean(old('title', $work['title'] ?? '')) ?>" placeholder="Ej: Avance de obra o Nombre de casa" class="w-full rounded-lg border border-slate-200 px-4 py-3 text-sm outline-none focus:border-gold focus:ring-4 focus:ring-gold/15">
                <?php if (!empty($errors['title'])): ?><p class="mt-2 text-xs font-bold text-red-600"><?= clean($errors['title']) ?></p><?php endif; ?>
            </div>

            <!-- Hidden fields to maintain DB integrity -->
            <input type="hidden" name="status" value="activo">
            <input type="hidden" name="order_position" value="0">
        </section>

        <section class="rounded-xl border border-slate-200 bg-white p-6 shadow-sm">
            <h2 class="text-xl font-black text-slate-950">Previsualización</h2>
            <label class="mt-6 flex cursor-pointer flex-col items-center justify-center rounded-2xl border-2 border-dashed border-slate-200 bg-slate-50 p-6 transition hover:border-gold">
                <img id="imagePreview" src="<?= $preview ?>" class="aspect-video w-full rounded-xl object-cover bg-white shadow-soft">
                <div class="mt-4 flex items-center gap-2 rounded-lg bg-slate-950 px-5 py-2.5 text-sm font-bold text-white shadow-lg transition hover:bg-gold hover:text-black">
                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" y1="3" x2="12" y2="15"/></svg>
                    <span>Seleccionar Archivo</span>
                </div>
                <input id="imageInput" name="image" type="file" accept="image/jpeg,image/png,image/webp" class="hidden">
            </label>
            <p class="mt-4 text-center text-[10px] font-bold text-slate-400 uppercase tracking-widest">Formatos: JPG, PNG, WEBP</p>
            <?php if (!empty($errors['image'])): ?><p class="mt-2 text-xs font-bold text-red-600 text-center"><?= clean($errors['image']) ?></p><?php endif; ?>
        </section>
    </div>

    <div class="flex justify-end gap-3 pt-4 border-t border-slate-100">
        <a href="<?= url('works') ?>" class="rounded-lg px-6 py-3 text-sm font-bold text-slate-500 hover:text-slate-950 transition-colors">Volver</a>
        <button class="rounded-lg bg-slate-950 px-8 py-3 text-sm font-black text-white shadow-xl shadow-slate-950/20 transition hover:bg-gold hover:text-black hover:shadow-gold/20"><?= $isEdit ? 'Actualizar Obra' : 'Subir Ahora' ?></button>
    </div>
</form>
<script>
document.getElementById('imageInput').addEventListener('change', event => {
    const file = event.target.files[0];
    if (file) document.getElementById('imagePreview').src = URL.createObjectURL(file);
});
</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