<?= $this->extend('layouts/master') ?>

<?= $this->section('title') ?>
Editar Organización
<?= $this->endSection() ?>

<?= $this->section('pageContent') ?>
<div class="row">
    <div class="col-md-8">
        <div class="card mb-3">
            <div class="card-body">
                <h5 class="card-title fw-semibold mb-4">Editar Organización</h5>

                <div class="row">
                    <div class="col-md-12 mb-3">
                        <label class="form-label" for="nombre">Nombre</label>
                        <input type="text" class="form-control" name="nombre" id="nombre"
                        value="<?= $organizacion['nombre'] ?>"
                            data-validate="required,min-length" data-min-length="3">
                    </div>

                    <div class="col-md-12 mb-3">
                        <label class="form-label require" for="activo">Activo</label>
                        <select class="form-select" name="activo" id="activo" 
                                data-validate="required">
                            <option value="" selected disabled>Seleccione…</option>
                            <option value="1" <?=$organizacion["activo"]==1 ? 'selected' : ''?>>Sí</option>
                            <option value="0" <?=$organizacion["activo"]==0 ? 'selected' : ''?>>No</option>
                        </select>
                    </div>
                    <div class="col-md-12 mb-3">
                        <button class="btn btn-primary" onclick="save();">Guardar</button>
                    </div>
                
                </div>
            </div>
        </div>
        <div class="card">
            <div class="card-body">
                <h5 class="card-title fw-semibold mb-4">Ficha de Organización</h5>

                <div class="row">
                    <div class="col-md-12 mb-3">
                        <?php 
                        echo view('modulos/render', [
                            'formulario_id' => 1,
                            'respuesta_id'  => $organizacion["ficha_id"],
                            //'item'          => 'organizacion',
                            //'item_id'       => $organizacion["id"]
                        ]);
                        ?>
                    </div>
                </div>
            </div>
        </div>
          <div class="card">
                
                <div class="card-body">
                     <h5 class="card-title fw-semibold mb-4">Usuarios asociados a la organización</h5>
                    <div class="list-group">

                       

                        <?php 
                          foreach ($usuarios as $key => $usuario) {
                            ?>
                             <!-- Representante -->
                            <div class="list-group-item d-flex justify-content-between align-items-center">
                                <div>
                                    <h6 class="fw-bold mb-0"><?=$usuario["nombre"]?></h6>
                                    <small class="text-muted"><?=ucfirst($usuario["cargo"])?> · Rut: <?=$usuario["rut"]?></small>
                                </div>
                                <div>
                                    <a 
                                    href="<?=site_url("usuario/edit/".$usuario["id"])?>"
                                    class="btn btn-light btn-sm"><i class="ti ti-edit"></i></a>
                                    <!--<button class="btn btn-light btn-sm"><i class="ti ti-trash"></i></button>-->
                                </div>
                            </div>
                            <?php
                          }
                        ?>

                    </div>

                </div>
            </div>
    </div>
    <div class="col-md-4">
        <div class="card">
            <div class="card-header">
                <h5 class="card-title">Historial de modificaciones</h5>
            </div>
            <div class="card-body">
                <ul class="list-group list-group-flush">

                    <?php if (!empty($historial)): ?>
                        <?php foreach ($historial as $h): ?>

                            <?php
                                // Decodificar usuario creador (viene como JSON)
                                $usuario = !empty($h['usuario_creador'])
                                    ? json_decode($h['usuario_creador'], true)
                                    : null;

                                $nombre = $usuario['nombre'] ?? 'Usuario desconocido';
                                $email  = $usuario['email'] ?? '';
                            ?>

                            <li class="list-group-item d-flex justify-content-between align-items-start">
                                 
                                <div>
                                    <div class="fw-bold">
                                        <?= esc($nombre) ?>
                                    </div>

                                    <?php if ($email): ?>
                                        <small class="text-muted"><?= esc($email) ?></small><br>
                                    <?php endif; ?>

                                    <small class="text-muted">
                                        <i class="far fa-clock"></i>
                                        <?= date('d-m-Y H:i', strtotime($h['fecha_creacion'])) ?>
                                    </small>
                                </div>

                                <div>
                                    <a href="<?= site_url('modulos/ver_historial/' . $h['id']) ?>"
                                    class="btn btn-sm btn-outline-primary">
                                        <i class="fas fa-share"></i> Ver formulario
                                    </a>
                                </div>

                            </li>

                        <?php endforeach; ?>
                    <?php else: ?>

                        <li class="list-group-item text-muted text-center">
                            No hay historial de modificaciones
                        </li>

                    <?php endif; ?>

                </ul>

            </div>

        </div>
    </div>
</div>

<?= $this->endSection() ?>

<?= $this->section('scripts') ?>
<script>
    function save(){
        if (validator(["#nombre","#activo"])) {
            var formData = new FormData();
            
            formData.append('nombre', document.getElementById('nombre').value);
           
            formData.append('activo', document.getElementById('activo').value);

            loading();
            var opcionesFetch = {
                method: 'POST',
                body: formData,
            };
            var url='<?=site_url()?>organizacion/update/<?= $organizacion["id"]?>';
            
            fetch(url, opcionesFetch)
            .then(function(response) {
                return response.json();
            })
            .then(function(data) {
                if (data.success) {
                    // Add your success logic here
                    stopLoading();
                    Swal.fire({
                        icon: 'success',
                        title: 'Correcto',
                        text: data.message
                    }).then((okay) => {
                        location.reload();
                    })
                } else {
                    stopLoading();
                    Swal.fire({
                        icon: 'warning',
                        title: 'Error',
                        text: data.message
                    })
                }
            })
            .catch(function(error) {
                stopLoading();
                Swal.fire({
                    icon: 'error',
                    title: 'Error',
                    text: error
                })
            });
        }
    }
</script>
<?= $this->endSection() ?>