<?php $__env->startSection('content'); ?>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<div class="container-fluid">
    <div class="row">
        <div class="col-md-10 col-md-offset-1">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="row">
                        <div class="col-md-6">
                            <h3 class="panel-title">Listado de Categorias</h3>
                        </div>
                    </div>
                </div>
                <div class="panel-body">
                    <div class="navbar-collapse" id="bs-example-navbar-collapse-1" style="margin-bottom: 20px;">
                        <ul class="nav navbar-nav navbar-right">
                            <li><a href="<?php echo e(url('/admin')); ?>">Opciones Administrador</a></li> 
                        </ul>
                    </div>
                
                <form method="GET" action="<?php echo e(route('categoria_producto.index')); ?>" class="form-inline" style="margin: 20px 0;">
                    <a href="<?php echo e(route('categoria_producto.create')); ?>" class="btn btn-success">Nueva Categoría</a>
                    <input type="text" name="buscar_nombre" class="form-control" placeholder="Buscar categoría..." value="<?php echo e(request('buscar_nombre')); ?>">
                    <button type="submit" class="btn btn-default">Buscar</button>
                    <?php if(request('buscar_nombre')): ?>
                        <a href="<?php echo e(route('categoria_producto.index')); ?>" class="btn btn-info">Limpiar</a>
                    <?php endif; ?>
                </form>
                <?php if($categorias->isEmpty()): ?>
                    <div class="alert alert-info">No hay categorías registradas.</div>
                <?php else: ?>
                    <table class="table table-bordered">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>Nombre</th>
                                <th>Estado</th>
                                <th>Acciones</th>
                            </tr>
                        </thead>
                        <tbody>
                            <?php foreach($categorias as $categoria): ?>
                            <tr>
                                <td><?php echo e($categoria->idCategoria); ?></td>
                                <td><?php echo e($categoria->nombre_categoria); ?></td>
                                <td>
                                    <?php if($categoria->estado == 1): ?>
                                        <span class="label label-success">Activo</span>
                                    <?php else: ?>
                                        <span class="label label-danger">Inactivo</span>
                                    <?php endif; ?>
                                </td>
                                <td>
                                    <a href="<?php echo e(route('categoria_producto.edit', $categoria->idCategoria)); ?>" class="btn btn-primary btn-xs">Editar</a>
                                    <?php echo Form::open(['url' => 'eliminarCategoria/'.$categoria->idCategoria, 'method' => 'POST', 'style' => 'display:inline']); ?>

                                        <?php echo Form::token(); ?>

                                        <button type="submit" class="btn btn-danger btn-xs btn-eliminar-categoria">Eliminar</button>
                                    <?php echo Form::close(); ?>

                                </td>
                            </tr>
                            <?php endforeach; ?>
                        </tbody>
                    </table>
                <?php endif; ?>
            </div>

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

<?php if(session('alert-success')): ?>
    <script>
        Swal.fire({
            icon: 'success',
            title: '¡Éxito!',
            html: '<?php echo e(session('alert-success')); ?>',
            confirmButtonText: 'Aceptar'
        });
    </script>
<?php endif; ?>

<?php if(session('alert-danger')): ?>
    <script>
        Swal.fire({
            icon: 'error',
            title: 'Error',
            html: '<?php echo e(session('alert-danger')); ?>',
            confirmButtonText: 'Aceptar'
        });
    </script>
<?php endif; ?>

<?php if($errors->any()): ?>
    <script>
        Swal.fire({
            icon: 'error',
            title: 'Error',
            html: `<?php echo implode('<br>', $errors->all()); ?>`,
            confirmButtonText: 'Aceptar'
        });
    </script>
<?php endif; ?> 


<script>
document.addEventListener('DOMContentLoaded', function() {
    const deleteButtons = document.querySelectorAll('.btn-eliminar-categoria');
    deleteButtons.forEach(button => {
        button.addEventListener('click', function(event) {
            event.preventDefault();
            const form = this.closest('form');
            Swal.fire({
                title: '¿Estás seguro de eliminar esta categoria?',
                text: "¡Esta acción no se puede deshacer!",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#d33',
                cancelButtonColor: '#3085d6',
                confirmButtonText: 'Sí, eliminar',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    form.submit();
                }
            });
        });
    });
});
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('app', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>