Tul xxx Tul

Viewing: form.php

<?php
    $isEdit = isset($userRecord);
    $action = $isEdit ? url('users/update/' . $userRecord['id']) : url('users/store');
    $avatar = $isEdit ? ($userRecord['avatar'] ?? '') : '';
?>

<form action="<?= $action ?>" method="POST" enctype="multipart/form-data" class="space-y-6">
    <?= csrf_field() ?>

    <div class="grid gap-6 xl:grid-cols-[1fr_340px]">
        <section class="rounded-lg border border-slate-200 bg-white p-5 shadow-sm">
            <div class="grid gap-5 md:grid-cols-2">
                <div>
                    <label class="mb-2 block text-sm font-bold text-slate-700">Nombre</label>
                    <input name="name" required value="<?= clean(old('name', $userRecord['name'] ?? '')) ?>" class="w-full rounded-lg border border-slate-200 px-4 py-3 text-sm outline-none transition focus:border-gold focus:ring-4 focus:ring-gold/15">
                    <?php if (!empty($errors['name'])): ?><p class="mt-2 text-xs font-bold text-red-600"><?= clean($errors['name']) ?></p><?php endif; ?>
                </div>

                <div>
                    <label class="mb-2 block text-sm font-bold text-slate-700">Usuario</label>
                    <input name="username" required value="<?= clean(old('username', $userRecord['username'] ?? '')) ?>" class="w-full rounded-lg border border-slate-200 px-4 py-3 text-sm outline-none transition focus:border-gold focus:ring-4 focus:ring-gold/15">
                    <?php if (!empty($errors['username'])): ?><p class="mt-2 text-xs font-bold text-red-600"><?= clean($errors['username']) ?></p><?php endif; ?>
                </div>

                <div class="md:col-span-2">
                    <label class="mb-2 block text-sm font-bold text-slate-700">Email</label>
                    <input name="email" type="email" required value="<?= clean(old('email', $userRecord['email'] ?? '')) ?>" class="w-full rounded-lg border border-slate-200 px-4 py-3 text-sm outline-none transition focus:border-gold focus:ring-4 focus:ring-gold/15">
                    <?php if (!empty($errors['email'])): ?><p class="mt-2 text-xs font-bold text-red-600"><?= clean($errors['email']) ?></p><?php endif; ?>
                </div>

                <div>
                    <label class="mb-2 block text-sm font-bold text-slate-700">Contrasena <?= $isEdit ? '(opcional)' : '' ?></label>
                    <input name="password" type="password" <?= $isEdit ? '' : 'required' ?> minlength="6" class="w-full rounded-lg border border-slate-200 px-4 py-3 text-sm outline-none transition focus:border-gold focus:ring-4 focus:ring-gold/15">
                    <?php if (!empty($errors['password'])): ?><p class="mt-2 text-xs font-bold text-red-600"><?= clean($errors['password']) ?></p><?php endif; ?>
                </div>

                <div>
                    <label class="mb-2 block text-sm font-bold text-slate-700">Confirmar contrasena</label>
                    <input name="password_confirmation" type="password" <?= $isEdit ? '' : 'required' ?> minlength="6" class="w-full rounded-lg border border-slate-200 px-4 py-3 text-sm outline-none transition focus:border-gold focus:ring-4 focus:ring-gold/15">
                    <?php if (!empty($errors['password_confirmation'])): ?><p class="mt-2 text-xs font-bold text-red-600"><?= clean($errors['password_confirmation']) ?></p><?php endif; ?>
                </div>



                <div>
                    <label class="mb-2 block text-sm font-bold text-slate-700">Estado</label>
                    <select name="status" required class="w-full rounded-lg border border-slate-200 px-4 py-3 text-sm outline-none transition focus:border-gold focus:ring-4 focus:ring-gold/15">
                        <?php foreach ($statuses as $status): ?>
                            <option value="<?= clean($status) ?>" <?= old('status', $userRecord['status'] ?? 'activo') === $status ? 'selected' : '' ?>><?= clean(ucfirst($status)) ?></option>
                        <?php endforeach; ?>
                    </select>
                    <?php if (!empty($errors['status'])): ?><p class="mt-2 text-xs font-bold text-red-600"><?= clean($errors['status']) ?></p><?php endif; ?>
                </div>
            </div>
        </section>

        <aside class="rounded-lg border border-slate-200 bg-white p-5 shadow-sm">
            <h2 class="text-lg font-black text-slate-950">Avatar</h2>
            <div class="mt-5 flex flex-col items-center rounded-lg bg-slate-50 p-5">
                <img id="avatarPreview" src="<?= $avatar ? url($avatar) : asset('img/logo.png') ?>" alt="Avatar" class="h-32 w-32 rounded-full border-4 border-white object-cover shadow-sm">
                <label class="mt-5 inline-flex cursor-pointer rounded-lg bg-slate-950 px-4 py-3 text-sm font-bold text-white transition hover:bg-gold hover:text-black">
                    Subir imagen
                    <input id="avatarInput" name="avatar" type="file" accept="image/png,image/jpeg" class="hidden">
                </label>
                <p class="mt-3 text-center text-xs text-slate-500">Formatos permitidos: JPG o PNG.</p>
                <?php if (!empty($errors['avatar'])): ?><p class="mt-2 text-center text-xs font-bold text-red-600"><?= clean($errors['avatar']) ?></p><?php endif; ?>
            </div>
        </aside>
    </div>

    <div class="flex justify-end gap-3">
        <a href="<?= url('users') ?>" class="rounded-lg border border-slate-200 px-5 py-3 text-sm font-bold text-slate-700">Cancelar</a>
        <button type="submit" class="rounded-lg bg-slate-950 px-5 py-3 text-sm font-bold text-white transition hover:bg-gold hover:text-black">
            <?= $isEdit ? 'Guardar cambios' : 'Crear usuario' ?>
        </button>
    </div>
</form>

<script>
    document.getElementById('avatarInput').addEventListener('change', (event) => {
        const file = event.target.files[0];

        if (!file) return;

        document.getElementById('avatarPreview').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