Tul xxx Tul

Viewing: edit.php

<?= $this->extend('layout/app'); ?>

<?php $this->section('title'); ?>
Editar Usuario
<?php $this->endSection(); ?>

<?php $this->section('content'); ?>

<div class="app-title">
    <div>
        <h1><i class="bi bi-people"></i> Usuario</h1>
        <p>Editar Usuario</p>
    </div>
    <ul class="app-breadcrumb breadcrumb">
        <li class="breadcrumb-item"><i class="bi bi-house-door fs-6"></i></li>
        <li class="breadcrumb-item"><a href="<?= base_url('admin'); ?>">Admin</a></li>
        <li class="breadcrumb-item"><a href="#">Editar Usuario</a></li>
    </ul>
</div>

<div class="card">
    <div class="card-body">
        <?php if (session()->get('errors')) : ?>
            <div class="alert alert-danger">
                <ul>
                    <?php foreach (session()->get('errors') as $error) : ?>
                        <li><?= esc($error) ?></li>
                    <?php endforeach ?>
                </ul>
            </div>
        <?php endif; ?>
        <form action="<?= base_url('admin/users/' . $user['id']); ?>" method="post" enctype="multipart/form-data">
            <?= csrf_field() ?>
            <input type="hidden" name="_method" value="PUT">
            <div class="row">
                <div class="mb-3 col-md-4">
                    <label for="name" class="form-label">Nombre</label>
                    <input type="text" class="form-control" id="name" name="name" placeholder="Ingrese su nombre" value="<?= set_value('name', $user['name']) ?>">
                </div>
                <div class="mb-3 col-md-4">
                    <label for="dni" class="form-label">DNI</label>
                    <input type="text" class="form-control" id="dni" name="dni" placeholder="Ingrese su DNI" value="<?= set_value('dni', $user['dni']) ?>">
                </div>
                <div class="mb-3 col-md-4">
                    <label for="email" class="form-label">Correo Electrónico</label>
                    <input type="email" class="form-control" id="email" name="email" placeholder="Ingrese su correo electrónico" value="<?= set_value('email', $user['email']) ?>">
                </div>
                <!-- Rol -->
                <div class="mb-3 col-md-4">
                    <label for="role" class="form-label">Rol</label>
                    <select class="form-select" id="role" name="role" required>
                        <option value="">Seleccione un rol</option>
                        <?php foreach ($roles as $role): ?>
                            <option value="<?= $role['id']; ?>" <?= old('role', $user['role_id']) == $role['id'] ? 'selected' : ''; ?>>
                                <?= esc($role['name']); ?>
                            </option>
                        <?php endforeach; ?>
                    </select>
                </div>
                <div class="mb-3 col-md-3">
                    <label for="phone" class="form-label">Teléfono</label>
                    <input type="text" class="form-control" id="phone" name="phone" placeholder="Ingrese su teléfono" value="<?= set_value('phone', $user['phone']) ?>">
                </div>
                <div class="mb-3 col-md-4">
                    <label for="address" class="form-label">Dirección</label>
                    <input type="text" class="form-control" id="address" name="address" placeholder="Ingrese su dirección" value="<?= set_value('address', $user['address']) ?>">
                </div>
                <div class="mb-3 col-md-5">
                    <label for="password" class="form-label">Contraseña (dejar en blanco para mantener la misma)</label>
                    <input type="password" class="form-control" id="password" name="password" placeholder="Ingrese su contraseña">
                </div>
                <div class="mb-3 col-md-6">
                    <label for="confirm_password" class="form-label">Confirmar Contraseña</label>
                    <input type="password" class="form-control" id="confirm_password" name="confirm_password" placeholder="Confirme su contraseña">
                </div>
                <div class="mb-3 col-md-6">
                    <label for="avatar" class="form-label">Avatar (opcional)</label>
                    <input type="file" class="form-control" id="avatar" name="avatar" accept="image/*" onchange="previewImage(event)">
                    <div id="avatarPreview" class="mt-2">
                        <?php if (!empty($user['avatar'])) : ?>
                            <img src="<?= base_url('assets/admin/uploads/avatars/' . $user['avatar']) ?>" alt="Avatar Actual" class="img-thumbnail" style="max-width: 150px;">
                        <?php endif; ?>
                    </div>
                </div>

            </div>
            <div class="text-end">
                <a href="<?= base_url('admin/users'); ?>" class="btn btn-danger">Cancelar</a>
                <button type="submit" class="btn btn-primary">Actualizar Usuario</button>
            </div>
        </form>
    </div>
</div>

<?php $this->endSection(); ?>

<?php $this->section('js'); ?>
<script>
    function previewImage(event) {
        const input = event.target;
        const previewContainer = document.getElementById('avatarPreview');

        // Limpiar el contenedor de vista previa
        previewContainer.innerHTML = '';

        // Verificar si se ha seleccionado un archivo
        if (input.files && input.files[0]) {
            const reader = new FileReader();

            reader.onload = function(e) {
                // Crear una nueva imagen para la vista previa
                const img = document.createElement('img');
                img.src = e.target.result;
                img.classList.add('img-thumbnail');
                img.style.maxWidth = '150px';

                // Añadir la imagen al contenedor
                previewContainer.appendChild(img);
            }

            // Leer el archivo de imagen
            reader.readAsDataURL(input.files[0]);
        }
    }
</script>

<?php $this->endSection(); ?>
User / IP	: 216.73.216.191
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