Borrar con modal diseño

ci4/app/Config/Routes.php

@@ -66,11 +66,14 @@ $routes->group('paises', ['namespace' => 'App\Controllers\Configuracion'], funct
 
 $routes->group('tarifaacabado', ['namespace' => 'App\Controllers\Tarifas'], function ($routes) {
 	$routes->get('', 'Tarifaacabado::index', ['as' => 'tarifaAcabadoList']);
+    $routes->get('index', 'Tarifaacabado::index', ['as' => 'tarifaAcabadoIndex']);
+    $routes->get('list', 'Tarifaacabado::index', ['as' => 'tarifaAcabadoList2']);
 	$routes->get('add', 'Tarifaacabado::add', ['as' => 'newTarifaAcabado']);
 	$routes->post('add', 'Tarifaacabado::add', ['as' => 'createTarifaAcabado']);
 	$routes->post('create', 'Tarifaacabado::create', ['as' => 'ajaxCreateTarifaAcabado']);
 	$routes->put('(:num)/update', 'Tarifaacabado::update/$1', ['as' => 'ajaxUpdateTarifaAcabado']);
 	$routes->post('edit/(:num)', 'Tarifaacabado::edit/$1', ['as' => 'updateTarifaAcabado']);
+    $routes->get('delete/(:num)', 'Tarifaacabado::delete/$1', ['as' => 'deleteTarifaAcabado']);
 	$routes->post('datatable', 'Tarifaacabado::datatable', ['as' => 'dataTableOfTarifasAcabado']);
 	$routes->post('allmenuitems', 'Tarifaacabado::allItemsSelect', ['as' => 'select2ItemsOfTarifasAcabado']);
 	$routes->post('menuitems', 'Tarifaacabado::menuItems', ['as' => 'menuItemsOfTarifasAcabado']);

ci4/app/Views/themes/backend/vuexy/form/tarifas/acabado/viewTarifaAcabadoList.php

@@ -32,6 +32,30 @@
     </div><!--//.col -->
 </div><!--//.row -->
 
+
+<!-- Modal -->
+<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
+                </button>
+            </div>
+            <div class="modal-body">
+                <p>Croissant jelly beans donut apple pie. Caramels bonbon lemon drops. Sesame snaps lemon drops lemon drops liquorice icing bonbon pastry pastry carrot cake. Dragée sweet sweet roll sugar plum.</p>
+                <p>Jelly-o cookie jelly gummies pudding cheesecake lollipop macaroon. Sweet chocolate bar sweet roll carrot cake. Sweet roll sesame snaps fruitcake brownie bear claw toffee bonbon brownie.</p>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+                <button type="button" class="btn btn-primary btn-imn">Save changes</button>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+
 <?= $this->endSection() ?>
 
 
@@ -42,14 +66,15 @@
         return `
             <td class="text-right py-0 align-middle">
                 <div class="btn-group btn-group-sm">
-                    <a href="https://sk-imn.imnavajas.es/tarifas/tarifaacabado/edit/${data.id}" class="text-body" data-id="${data.id}">
+<!--                    <a href="--><?php //= site_url('/tarifas/tarifaacabado/edit/') ?><!--${data.id}" class="text-body" data-id="${data.id}">-->
-                        <i class="ti ti-pencil ti-sm mx-2"></i>
+<!--                        <i class="ti ti-pencil ti-sm mx-2"></i>-->
-                    </a>
+<!--                    </a>-->
-                    <a href="https://sk-imn.imnavajas.es/#confirm2delete" class="text-body" data-href="/tarifas/tarifaacabado/${data.id}" data-bs-toggle="modal" data-bs-target="#confirm2delete">
+<!--                    <a class="text-body" data-href="${data.id}" data-bs-toggle="modal" data-bs-target="#exampleModal">-->
-                        <i class="ti ti-trash ti-sm mx-2"></i>
+<!--                        <i class="ti ti-trash ti-sm mx-2"></i>-->
-                    </a>
+<!--                    </a>-->
                     <i class="ti ti-pencil ti-sm btn-edit mx-2" data-id="${data.id}"></i>
-                    <i class="ti ti-trash ti-sm btn-delete mx-2" data-id="${data.id}"></i>
+                    <i class="ti ti-trash ti-sm btn-del mx-2" data-id="${data.id}" data-bs-toggle="modal" data-bs-target="#exampleModal"></i>
+<!--                    <i class="ti ti-trash ti-sm btn-delete mx-2" data-id="${data.id}"></i>-->
                 </div>
             </td>`;
     };
@@ -100,6 +125,34 @@
         window.location.href = `/tarifas/tarifaacabado/edit/${$(this).attr('data-id')}`;
     });
 
+    $(document).on('click', '.btn-del', function(e) {
+        $(".btn-imn").attr('data-id', $(this).attr('data-id'));
+    });
+
+    $(document).on('click', '.btn-imn', function(e) {
+        const dataId = $(this).attr('data-id');
+        const row = $(this).closest('tr');
+        if ($.isNumeric(dataId)) {
+            $.ajax({
+                url: `/tarifas/tarifaacabado/delete/${dataId}`,
+                method: 'GET',
+            }).done((data, textStatus, jqXHR) => {
+                Toast.fire({
+                    icon: 'success',
+                    title: data.msg ?? jqXHR.statusText,
+                });
+
+                theTable.clearPipeline();
+                theTable.row($(row)).invalidate().draw();
+            }).fail((jqXHR, textStatus, errorThrown) => {
+                Toast.fire({
+                    icon: 'error',
+                    title: jqXHR.responseJSON.messages.error,
+                });
+            })
+        }
+    });
+
     $(document).on('click', '.btn-delete', function(e) {
         Swal.fire({
             title: '<?= lang('Basic.global.sweet.sureToDeleteTitle', [mb_strtolower(lang('Tarifaacabado.tarifaacabado'))]) ?>',