Tul xxx Tul

Viewing: new.php

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

<?php $this->section('title'); ?>
Nuevo Cliente
<?php $this->endSection(); ?>

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

<div class="app-title">
    <div>
        <h1><i class="bi bi-people"></i> Cliente</h1>
        <p>Nuevo Cliente</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="#">Nuevo Cliente</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/clients'); ?>" method="post" enctype="multipart/form-data">
            <?= csrf_field() ?>
            <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="<?= old('name') ?>">
                </div>
                <div class="mb-3 col-md-4">
                    <label for="lastname" class="form-label">Apellido</label>
                    <input type="text" class="form-control" id="lastname" name="lastname" placeholder="Ingrese su apellido" value="<?= old('lastname') ?>">
                </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="<?= old('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="<?= old('email') ?>">
                </div>
                <div class="mb-3 col-md-4">
                    <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="<?= old('phone') ?>">
                </div>
                <div class="mb-3 col-md-4">
                    <label for="birthdate" class="form-label">Fecha de Nacimiento</label>
                    <input type="date" class="form-control" id="birthdate" name="birthdate" value="<?= old('birthdate') ?>">
                </div>
                <div class="mb-3 col-md-6">
                    <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="<?= old('address') ?>">
                </div>
                <div class="mb-3 col-md-6">
                    <label for="avatar" class="form-label">Avatar</label>
                    <input type="file" class="form-control" id="avatar" name="avatar" accept="image/*" onchange="previewImage(event)">
                    <img id="avatarPreview" src="#" alt="Vista previa del avatar" style="display:none; margin-top: 10px; width: 100px; height: 100px; object-fit: cover;">
                </div>
            </div>

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


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

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

        reader.onload = function() {
            avatarPreview.src = reader.result;
            avatarPreview.style.display = 'block';
        }

        if (event.target.files[0]) {
            reader.readAsDataURL(event.target.files[0]);
        } else {
            avatarPreview.style.display = 'none';
        }
    }
</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