@extends('adminlte::page')

@section('content_header')
    <h1><b>Listado de gestiones educativas</b></h1>
    <hr>
    <a href="{{ url('/admin/gestiones/create')}}" class="btn btn-primary">Crear nueva gestion</a>
    
@stop

@section('content')
    <div class="row">

        @foreach ($gestiones as $gestion)
        <div class="col-md-3 col-sm-6 col-12">
            <div class="info-box zoomP">
                <img src="{{ url('/img/colegio.gif') }}" width="70px" alt="">
                    <div class="info-box-content">
                        <span class="info-box-text">Gestiones Educativa</b></span>
                        <span class="info-box-number" style="color: blue;font-size:15pt">{{$gestion->nombre}}</span>
                        <div class="row">
                            <a href="{{ url('/admin/gestiones/'.$gestion->id.'/edit') }}" class="btn btn-success btn-sm"><i class="fas fa-pencil-alt"></i>Editar</a>
                            
                            <form action="{{ url('/admin/gestiones/'.$gestion->id) }}" method="post" id="miFormulario{{$gestion->id}}">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-danger btn-sm" onclick="preguntar{{$gestion->id}}(event)">
                                    <i class="bi bi-trash"></i> Eliminar
                                </button>
                            </form>

                            <script>
                                function preguntar{{$gestion->id}}(event) {
                                    event.preventDefault();
                                    Swal.fire({
                                        title: '¿Desea eliminar este registro?',
                                        text: 'Si lo elimina No podrá revertir esta acción',
                                        icon: 'question',
                                        showDenyButton: true,
                                        confirmButtonText: 'Eliminar',
                                        confirmButtonColor: '#a5161d',
                                        denyButtonColor: '#270a0a',
                                        denyButtonText: 'Cancelar',
                                    }).then((result) => {
                                        if (result.isConfirmed) {
                                            // JavaScript puro para enviar el formulario
                                            document.getElementById('miFormulario{{$gestion->id}}').submit();
                                        }
                                    });
                                }
                            </script>
                    </div>
                </div>
            </div>
        </div>
        @endforeach 
    </div>
@stop

@section('css')
    {{-- Add here extra stylesheets --}}
    {{-- <link rel="stylesheet" href="/css/admin_custom.css"> --}}
@stop

@section('js')
    {{-- Carga SweetAlert2 si no está cargado en tu plantilla principal --}}
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

    <script>
        document.addEventListener('DOMContentLoaded', function () {
            // SweetAlert para errores de validación
            @if ($errors->any())
                Swal.fire({
                    icon: 'error',
                    title: 'Error',
                    html: `{!! implode('<br>', $errors->all()) !!}`,
                    toast: true,
                    position: 'top-end',
                    showConfirmButton: false,
                    timer: 5000,
                    timerProgressBar: true,
                });
            @elseif (session('mensaje'))
                Swal.fire({
                    icon: '{{ strtolower(session('icono')) }}',
                    title: '{{ session('mensaje') }}',
                    toast: true,
                    position: 'top-end',
                    showConfirmButton: false,
                    timer: 5000,
                    timerProgressBar: true,
                });
            @endif
        });
    </script>

    @include('footer')
@stop