{{Form::open(['route' => ['actualizar_unidad',$unidad->id], 'method' => 'POST'])}}
<meta name="csrf-token" content="{{ csrf_token() }}">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Editar Unidad</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-12">
                        <div class="form-group mb-3">
                            <label for="name">Nombre</label>
                            <input type="text" value="{{$unidad->name}}" class="form-control" id="name" required name="name" placeholder="Nombre">
                        </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">{{$unidad->descripcion}}</textarea>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                
                <button type="button" class="btn btn-danger btn-sm eliminar-unidad" style="font-size: 18px" data-id="{{ $unidad->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-unidad', function () {
    let unidadId = $(this).data('id'); // Obtener el ID del producto

    // Confirmar antes de eliminar
    Swal.fire({
        title: '¿Estás seguro?',
        text: "Esta unidad 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: `/unidades/${unidadId}`, 
                url: `{{ route('unidades.destroy', ':id') }}`.replace(':id', unidadId), // 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: 'unidad 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 unidad. Por favor, inténtalo de nuevo.',
                    });
                }
            });
        }
    });
});
</script>