Tul xxx Tul

Viewing: new.php

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

<?php $this->section('title'); ?>
Nueva Clase
<?php $this->endSection(); ?>

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

<div class="app-title">
    <div>
        <h1><i class="bi bi-calendar"></i> Clase</h1>
        <p>Nueva Clase</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="#">Clase</a></li>
    </ul>
</div>

<div class="card">
    <div class="card-body">
        <?php
        $selectedDays = old('day_of_week') ?? [];
        if (!is_array($selectedDays)) {
            $selectedDays = $selectedDays ? explode(',', (string) $selectedDays) : [];
        }
        ?>
        <h6 class="card-title">Nueva Clase</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/classes'); ?>" 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 el nombre de la clase" value="<?= old('name') ?>">
                </div>
                <div class="mb-3 col-md-6">
                    <label for="description" class="form-label">Descripción</label>
                    <input type="text" class="form-control" id="description" name="description" placeholder="Ingrese la descripción de la clase" value="<?= old('description') ?>">
                </div>
                <div class="mb-3 col-md-6">
                    <label for="instructor_id" class="form-label">Instructor</label>
                    <select class="form-select" id="instructor_id" name="instructor_id">
                        <option value="">Seleccione un instructor</option>
                        <?php foreach ($instructors as $instructor) : ?>
                            <option value="<?= $instructor['id'] ?>" <?= old('instructor_id') == $instructor['id'] ? 'selected' : '' ?>>
                                <?= esc($instructor['name']) ?>
                            </option>
                        <?php endforeach; ?>
                    </select>
                </div>
                <div class="mb-3 col-md-3">
                    <label for="start_time" class="form-label">Hora de Inicio</label>
                    <input type="time" class="form-control" id="start_time" name="start_time" value="<?= old('start_time') ?>">
                </div>
                <div class="mb-3 col-md-3">
                    <label for="end_time" class="form-label">Hora de Fin</label>
                    <input type="time" class="form-control" id="end_time" name="end_time" value="<?= old('end_time') ?>">
                </div>
                <div class="mb-3 col-md-6">
                    <label class="form-label d-block">Días de la Semana</label>
                    <div class="row g-2">
                        <div class="col-6 col-md-4">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" name="day_of_week[]" value="Monday" id="day_monday" <?= in_array('Monday', $selectedDays, true) ? 'checked' : '' ?>>
                                <label class="form-check-label" for="day_monday">Lunes</label>
                            </div>
                        </div>
                        <div class="col-6 col-md-4">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" name="day_of_week[]" value="Tuesday" id="day_tuesday" <?= in_array('Tuesday', $selectedDays, true) ? 'checked' : '' ?>>
                                <label class="form-check-label" for="day_tuesday">Martes</label>
                            </div>
                        </div>
                        <div class="col-6 col-md-4">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" name="day_of_week[]" value="Wednesday" id="day_wednesday" <?= in_array('Wednesday', $selectedDays, true) ? 'checked' : '' ?>>
                                <label class="form-check-label" for="day_wednesday">Miércoles</label>
                            </div>
                        </div>
                        <div class="col-6 col-md-4">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" name="day_of_week[]" value="Thursday" id="day_thursday" <?= in_array('Thursday', $selectedDays, true) ? 'checked' : '' ?>>
                                <label class="form-check-label" for="day_thursday">Jueves</label>
                            </div>
                        </div>
                        <div class="col-6 col-md-4">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" name="day_of_week[]" value="Friday" id="day_friday" <?= in_array('Friday', $selectedDays, true) ? 'checked' : '' ?>>
                                <label class="form-check-label" for="day_friday">Viernes</label>
                            </div>
                        </div>
                        <div class="col-6 col-md-4">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" name="day_of_week[]" value="Saturday" id="day_saturday" <?= in_array('Saturday', $selectedDays, true) ? 'checked' : '' ?>>
                                <label class="form-check-label" for="day_saturday">Sábado</label>
                            </div>
                        </div>
                        <div class="col-6 col-md-4">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" name="day_of_week[]" value="Sunday" id="day_sunday" <?= in_array('Sunday', $selectedDays, true) ? 'checked' : '' ?>>
                                <label class="form-check-label" for="day_sunday">Domingo</label>
                            </div>
                        </div>
                    </div>
                    <small class="text-muted">Puedes seleccionar uno o varios días para la misma clase.</small>
                </div>
                <div class="mb-3 col-md-6">
                    <label for="photo" class="form-label">Foto</label>
                    <input type="file" class="form-control" id="photo" name="photo" onchange="previewImage(event)">
                    <div class="mt-2">
                        <img id="imagePreview" src="#" alt="Vista previa" class="img-thumbnail" style="max-width: 200px; display: none;">
                    </div>
                </div>
            </div>
            <div class="text-end">
                <a href="<?= base_url('admin/classes'); ?>" class="btn btn-danger">Cancelar</a>
                <button type="submit" class="btn btn-primary">Crear Clase</button>
            </div>
        </form>

    </div>
</div>

<script>
    function previewImage(event) {
        const input = event.target;
        const preview = document.getElementById('imagePreview');
        if (input.files && input.files[0]) {
            const reader = new FileReader();
            reader.onload = function(e) {
                preview.src = e.target.result;
                preview.style.display = 'block';
            }
            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