@extends('layouts.app')

@section('content')
    <div class="content-wrapper">
        <div class="d-flex">
            <div id="table-actions" class="flex-grow-1 align-items-center">
                <x-forms.link-primary :link="route('shipping-rates.create')" class="mr-3 float-left" icon="plus">
                    @lang('Criar Porte')
                </x-forms.link-primary>
                
            </div>
             <div id="table-actions" class="btn btn-danger "  onclick="deleteSelectedRows4()">
               <a>Apagar</a>

            </div>
        </div>
        <div class="d-flex flex-column w-tables rounded mt-3 bg-white">
            {!! $dataTable->table(['class' => 'table table-hover border-0 w-100']) !!}
        </div>
    </div>
@endsection


    @push('scripts')
    @include('sections.datatable_js')
    <script src="{{ asset('vendor/jquery/clipboard.min.js') }}">
        function toggleAllCheckboxes() {
    var checkboxes = document.querySelectorAll('input[type="checkbox"][name="datatable_ids[]"]');
    var selectAllCheckbox = document.getElementById('select-all-table');
    
    checkboxes.forEach(function(checkbox) {
        checkbox.checked = selectAllCheckbox.checked;
    });
}
    </script>
     
    <script>
        var clipboard = new ClipboardJS('.btn-copy');

        clipboard.on('success', function(e) {
            Swal.fire({
                icon: 'success',
                text: '@lang("app.copied")',
                toast: true,
                position: 'top-end',
                timer: 3000,
                timerProgressBar: true,
                showConfirmButton: false,
                customClass: {
                    confirmButton: 'btn btn-primary',
                },
                showClass: {
                    popup: 'swal2-noanimation',
                    backdrop: 'swal2-noanimation'
                },
            })
        });
        
        
        
        
        
        
        
        
        function deleteSelectedRows4() {
    const selectedIds = [];

    // Coletar IDs dos itens selecionados
    $('.select-table-row:checked').each(function() {
        selectedIds.push($(this).val());
    });

    // Verificar se algum item foi selecionado
    if (selectedIds.length === 0) {
        Swal.fire({
            icon: 'warning',
            title: 'Atenção',
            text: 'Por favor, selecione pelo menos um item para excluir.'
        });
        return;
    }

    // Confirmar a exclusão
    Swal.fire({
        title: 'Tem certeza?',
        text: "Você não pode reverter esta ação!",
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#3085d6',
        cancelButtonColor: '#d33',
        confirmButtonText: 'Sim, excluir!'
    }).then((result) => {
        if (result.isConfirmed) {
            // Enviar solicitação AJAX para deletar os itens
            $.ajax({
                url: "{{ route('shipping-rates.delete') }}",
                type: 'DELETE',
                data: {
                    ids: selectedIds,
                    _token: "{{ csrf_token() }}"
                },
                success: function(response) {
                    if (response.success) {
                        Swal.fire(
                            'Excluído!',
                            'Itens excluídos com sucesso.',
                            'success'
                        ).then(() => {
                            location.reload(); // Atualizar a página após a exclusão
                        });
                    } else {
                        Swal.fire(
                            'Erro!',
                            'Erro ao excluir itens.',
                            'error'
                        );
                    }
                },
                error: function(xhr) {
                    Swal.fire(
                        'Erro!',
                        'Ocorreu um erro ao excluir os itens.',
                        'error'
                    );
                    console.error(xhr.responseText);
                }
            });
        }
    });
}
        
        
        
        
        
    </script>


@endpush