Tul xxx Tul

Viewing: new.php

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

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

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

<div class="app-title">
    <div>
        <h1><i class="bi bi-person-badge"></i> Instructor</h1>
        <p>Nuevo Instructor</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="#">Instructor</a></li>
    </ul>
</div>

<div class="card">
    <div class="card-body">
        <h6 class="card-title">Nuevo Instructor</h6>
        <hr>
        <?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/instructors'); ?>" method="post" enctype="multipart/form-data">
            <?= csrf_field() ?>
            <div class="row">
                <div class="mb-3 col-md-6">
                    <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-6">
                    <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-6">
                    <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-6">
                    <label for="specialty" class="form-label">Especialidad</label>
                    <input type="text" class="form-control" id="specialty" name="specialty" placeholder="Ingrese su especialidad" value="<?= old('specialty') ?>">
                </div>
                <!-- Campo para cargar foto del instructor -->
                <div class="mb-3 col-md-6">
                    <label for="photo" class="form-label">Foto del Instructor</label>
                    <input type="file" class="form-control" id="photo" name="photo" accept="image/*" onchange="previewImage(event)">
                </div>
                <!-- Área para mostrar la vista previa de la imagen -->
                <div class="mb-3 col-md-6">
                    <label for="preview" class="form-label">Vista previa de la foto</label>
                    <div id="preview">
                        <img id="preview-image" src="#" alt="Vista previa" style="display:none; width:100%; max-width:200px;" />
                    </div>
                </div>
            </div>
            <div class="text-end">
                <a href="<?= base_url('admin/instructors'); ?>" class="btn btn-danger">Cancelar</a>
                <button type="submit" class="btn btn-primary">Crear Instructor</button>
            </div>
        </form>

        <script>
            // Función para mostrar la vista previa de la imagen seleccionada
            function previewImage(event) {
                var reader = new FileReader();
                reader.onload = function() {
                    var preview = document.getElementById('preview-image');
                    preview.style.display = 'block';
                    preview.src = reader.result;
                };
                reader.readAsDataURL(event.target.files[0]);
            }
        </script>

    </div>
</div>

<?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