{{Form::open(['route' => ['actualizar_categoria',$categoria->id], 'method' => 'POST'])}}
{{Form::open(['route' => ['categorias.destroy', $categoria->id], 'method' => 'POST', 'class' => 'd-inline'])}}
    @csrf
    
{{Form::close()}}
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Editar Categoría</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body
            ">
            <div class="row">
                <div class="col-md-6">
                    <div class="form-group mb-3">
                        <label for="name">Nombre</label>
                        <input type="text" value="{{$categoria->name}}" required class="form-control" id="name" name="name" placeholder="Nombre de la categoría">
                    </div>
                </div>
                <div class="col-12">
                    <div class="form-group mb-3">
                        <label for="descripcion">Descripción</label>
                        <textarea name="descripcion" id="descripcion" style="resize: none" rows="3" class="form-control">{{$categoria->descripcion}}</textarea>
                    </div>
                </div>

            </div>

            </div>
            <div class="modal-footer">

                <button type="button" class="btn btn-danger btn-sm eliminar-categoria" style="font-size: 18px" data-id="{{ $categoria->id }}">Eliminar</button>
                <button type="submit" class="btn btn-primary"  style="background-color:#07CDAE; border:none;">Actualizar</button>

            </div>

        </div>
    </div>
{{Form::close()}}
<script>
$(document).on('click', '.eliminar-categoria', function () {
    let categoriaId = $(this).data('id'); // Obtener el ID del producto

    // Confirmar antes de eliminar
    Swal.fire({
        title: '¿Estás seguro?',
        text: "Esta categoría será eliminada permanentemente.",
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#d33',
        cancelButtonColor: '#3085d6',
        confirmButtonText: 'Sí, eliminar',
        cancelButtonText: 'Cancelar',
        reverseButtons: true
    }).then((result) => {
        if (result.isConfirmed) {
            // Realizar la solicitud AJAX para eliminar la categoría
            $.ajax({
                // url: `/categorias/${categoriaId}`, // Ruta para eliminar la categoría
                url: `{{ route('categorias.destroy', ':id') }}`.replace(':id', categoriaId), // Generar la URL de la ruta
                type: 'post',
                data: {
                    _token: '{{ csrf_token() }}' // Token CSRF para la solicitud
                },
                success: function (response) {
                    console.log(response); // depuracion
                    if (response.success) {
                        Swal.fire({
                            icon: 'success',
                            title: 'Categoría eliminada',
                            text: response.message,
                            showConfirmButton: false,
                            timer: 1500
                        });

                        // Opcional: Redirigir o eliminar la categoría de la tabla
                        setTimeout(() => {
                            location.reload(); // Recargar la página
                        }, 1500);
                    } else {
                        Swal.fire({
                            icon: 'error',
                            title: 'Error',
                            text: response.message,
                        });
                    }
                },
                error: function (xhr) {
                    console.error(xhr.responseText);
                    Swal.fire({
                        icon: 'error',
                        title: 'Error',
                        text: 'No se pudo eliminar la categoría. Por favor, inténtalo de nuevo.',
                    });
                }
            });
        }
    });
});
</script>