Tul xxx Tul

Viewing: edit.php

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

<?php $this->section('title'); ?>
Editar Sección About
<?php $this->endSection(); ?>

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

<div class="app-title">
    <div>
        <h1><i class="bi bi-info-circle"></i> About Section</h1>
        <p>Editar Sección About</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="#">About</a></li>
    </ul>
</div>

<div class="card">
    <div class="card-body">
        <h6 class="card-title">Editar Sección About</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; ?>

        <?php if (session()->getFlashdata('message')) { ?>
            <div class="alert alert-success border-0 bg-success alert-dismissible fade show py-2">
                <div class="d-flex align-items-center">
                    <div class="font-35 text-white"><i class='bx bxs-check-circle'></i>
                    </div>
                    <div class="ms-3">
                        <h6 class="mb-0 text-white">Respuesta</h6>
                        <div class="text-white"><?= session()->getFlashdata('message'); ?></div>
                    </div>
                </div>
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        <?php } ?>

        <form action="<?= base_url('admin/about/' . $about['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-6">
                    <label for="title" class="form-label">Título</label>
                    <input type="text" class="form-control" id="title" name="title" placeholder="Ingrese el título" value="<?= old('title', $about['title']) ?>">
                </div>
                <div class="mb-3 col-md-6">
                    <label for="description" class="form-label">Descripción</label>
                    <textarea class="form-control" id="description" name="description" placeholder="Ingrese la descripción" rows="5"><?= old('description', $about['description']) ?></textarea>
                </div>
                <div class="mb-3 col-md-6">
                    <label for="image" class="form-label">Imagen 1 (Fondo/Larga)</label>
                    <input type="file" class="form-control" id="image" name="image" accept="image/*" onchange="previewImage(event, 'imagePreview')">
                    <img id="imagePreview" src="<?= $about['image'] ? base_url($about['image']) : '#' ?>" alt="Preview" class="mt-2" style="max-width:200px; <?= $about['image'] ? '' : 'display:none;' ?>" />
                </div>
                <div class="mb-3 col-md-6">
                    <label for="image2" class="form-label">Imagen 2 (Frente/Corta)</label>
                    <input type="file" class="form-control" id="image2" name="image2" accept="image/*" onchange="previewImage(event, 'image2Preview')">
                    <img id="image2Preview" src="<?= isset($about['image2']) && $about['image2'] ? base_url($about['image2']) : '#' ?>" alt="Preview" class="mt-2" style="max-width:200px; <?= isset($about['image2']) && $about['image2'] ? '' : 'display:none;' ?>" />
                </div>
            </div>
            <div class="text-end">
                <a href="<?= base_url('admin/about'); ?>" class="btn btn-danger">Cancelar</a>
                <button type="submit" class="btn btn-primary">Actualizar Sección</button>
            </div>
        </form>
    </div>
</div>



<script>
    function previewImage(event, previewId) {
        const input = event.target;
        const preview = document.getElementById(previewId);
        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