trabajando en añadir

src/main/resources/static/assets/css/app.css

@@ -8088,6 +8088,15 @@ a {
   color: #687cfe;
 }
 
+.form-switch-custom .form-check-input:checked {
+  border-color: #92b2a7;
+  background-color: #cbcecd;
+}
+
+.form-switch-custom .form-check-input:checked::before {
+  color: #92b2a7;
+}
+
 .form-switch-secondary .form-check-input:checked {
   background-color: #ff7f5d;
   border-color: #ff7f5d;

src/main/resources/static/assets/js/pages/imprimelibros/direcciones/list.js

@@ -0,0 +1,196 @@
+
+
+(() => {
+  // si jQuery está cargado, añade CSRF a AJAX
+  const csrfToken = document.querySelector('meta[name="_csrf"]')?.getAttribute('content');
+  const csrfHeader = document.querySelector('meta[name="_csrf_header"]')?.getAttribute('content');
+  if (window.$ && csrfToken && csrfHeader) {
+    $.ajaxSetup({
+      beforeSend: function (xhr) {
+        xhr.setRequestHeader(csrfHeader, csrfToken);
+      }
+    });
+  }
+
+  const language = document.documentElement.lang || 'es-ES';
+
+  // Comprueba dependencias antes de iniciar
+  if (!window.DataTable) {
+    console.error('DataTables no está cargado aún');
+    return;
+  }
+
+  const table = new DataTable('#direcciones-datatable', {
+    processing: true,
+    serverSide: true,
+    orderCellsTop: true,
+    pageLength: 50,
+    language: { url: '/assets/libs/datatables/i18n/' + language + '.json' },
+    responsive: true,
+    dom: 'lrBtip',
+    buttons: {
+      dom: {
+        button: {
+          className: 'btn btn-sm btn-outline-primary me-1'
+        },
+        buttons: [
+          { extend: 'copy' },
+          { extend: 'csv' },
+          { extend: 'excel' },
+          { extend: 'pdf' },
+          { extend: 'print' },
+          { extend: 'colvis' }
+        ],
+      }
+    },
+    ajax: {
+      url: '/direcciones/datatable',
+      method: 'GET',
+    },
+    order: [[0, 'asc']],
+    columns: [
+      { data: 'id', name: 'id', orderable: true, visible: $('#isUser').val() },
+      { data: 'cliente', name: 'cliente', orderable: true },
+      { data: 'alias', name: 'alias', orderable: true },
+      { data: 'nombre', name: 'nombre', orderable: true },
+      { data: 'direccion', name: 'direccion', orderable: true },
+      { data: 'cp', name: 'cp', orderable: true },
+      { data: 'ciudad', name: 'ciudad', orderable: true },
+      { data: 'provincia', name: 'provincia', orderable: true },
+      { data: 'pais', name: 'pais', orderable: true },
+      { data: 'actions', name: 'actions' }
+    ],
+    columnDefs: [{ targets: -1, orderable: false, searchable: false }]
+  });
+
+  table.on("keyup", ".direcciones-filter", function () {
+    const colName = $(this).data("col");
+    const colIndex = table.settings()[0].aoColumns.findIndex(c => c.name === colName);
+
+    if (colIndex >= 0) {
+      table.column(colIndex).search(normalizeNumericFilter(this.value)).draw();
+    }
+  });
+
+  const modalEl = document.getElementById('direccionFormModal');
+  const modal = bootstrap.Modal.getOrCreateInstance(modalEl);
+
+  $(document).on("change", ".direccionFacturacion", function () {
+    const isChecked = $(this).is(':checked');
+    if(isChecked) {
+      $('.direccionFacturacionItems').removeClass('d-none');
+    } else {
+      $('.direccionFacturacionItems').addClass('d-none');
+      $('#razonSocial').val('');
+      $('#tipoIdentificacionFiscal').val('DNI');
+      $('#identificacionFiscal').val('');
+    }
+  });
+
+  // Abrir "Crear"
+  $('#addButton').on('click', (e) => {
+    e.preventDefault();
+    $.get('/direcciones/form', function (html) {
+      $('#direccionFormModalBody').html(html);
+      const title = $('#direccionFormModalBody #direccionForm').data('add');
+      $('#direccionFormModal .modal-title').text(title);
+      modal.show();
+    });
+  });
+
+
+  // Abrir "Editar"
+  $(document).on('click', '.btn-edit-direccion', function (e) {
+    e.preventDefault();
+    const id = $(this).data('id');
+    /*$.get('/configuracion/margenes-presupuesto/form', { id }, function (html) {
+      $('#margenesPresupuestoModalBody').html(html);
+      const title = $('#margenesPresupuestoModalBody #margenesPresupuestoForm').data('edit');
+      $('#margenesPresupuestoModal .modal-title').text(title);
+      modal.show();*/
+  });
+
+
+  // Botón "Eliminar"
+  $(document).on('click', '.btn-delete-margen', function (e) {
+    e.preventDefault();
+    const id = $(this).data('id');
+
+    Swal.fire({
+      title: window.languageBundle.get(['direcciones.delete.title']) || 'Eliminar dirección',
+      html: window.languageBundle.get(['direcciones.delete.text']) || 'Esta acción no se puede deshacer.',
+      icon: 'warning',
+      showCancelButton: true,
+      buttonsStyling: false,
+      customClass: {
+        confirmButton: 'btn btn-danger w-xs mt-2',
+        cancelButton: 'btn btn-light w-xs mt-2'
+      },
+      confirmButtonText: window.languageBundle.get(['direcciones.delete.button']) || 'Eliminar',
+      cancelButtonText: window.languageBundle.get(['app.cancelar']) || 'Cancelar',
+    }).then((result) => {
+      if (!result.isConfirmed) return;
+
+      $.ajax({
+        url: '/configuracion/margenes-presupuesto/' + id,
+        type: 'DELETE',
+        success: function () {
+          Swal.fire({
+            icon: 'success', title: window.languageBundle.get(['margenes-presupuesto.delete.ok.title']) || 'Eliminado',
+            text: window.languageBundle.get(['margenes-presupuesto.delete.ok.text']) || 'El margen ha sido eliminado con éxito.',
+            showConfirmButton: true,
+            customClass: {
+              confirmButton: 'btn btn-secondary w-xs mt-2',
+            },
+          });
+          $('#margenes-datatable').DataTable().ajax.reload(null, false);
+        },
+        error: function (xhr) {
+          //  usa el mensaje del backend; fallback genérico por si no llega JSON
+          const msg = (xhr.responseJSON && xhr.responseJSON.message)
+            || 'Error al eliminar el usuario.';
+          Swal.fire({ icon: 'error', title: 'No se pudo eliminar', text: msg });
+        }
+      });
+    });
+  });
+
+  // Submit del form en el modal
+  $(document).on('submit', '#margenesPresupuestoForm', function (e) {
+    e.preventDefault();
+    const $form = $(this);
+
+    $.ajax({
+      url: $form.attr('action'),
+      type: 'POST',               // PUT simulado via _method
+      data: $form.serialize(),
+      dataType: 'html',
+      success: function (html) {
+        // Si por cualquier motivo llega 200 con fragmento, lo insertamos igual
+        if (typeof html === 'string' && html.indexOf('id="margenesPresupuestoForm"') !== -1 && html.indexOf('<html') === -1) {
+          $('#margenesPresupuestoModalBody').html(html);
+          const isEdit = $('#margenesPresupuestoModalBody #margenesPresupuestoForm input[name="_method"][value="PUT"]').length > 0;
+          const title = $('#margenesPresupuestoModalBody #margenesPresupuestoForm').data(isEdit ? 'edit' : 'add');
+          $('#margenesPresupuestoModal .modal-title').text(title);
+          return;
+        }
+        // Éxito real: cerrar y recargar tabla
+        modal.hide();
+        table.ajax.reload(null, false);
+      },
+      error: function (xhr) {
+        // Con 422 devolvemos el fragmento con errores aquí
+        if (xhr.status === 422 && xhr.responseText) {
+          $('#margenesPresupuestoModalBody').html(xhr.responseText);
+          const isEdit = $('#margenesPresupuestoModalBody #margenesPresupuestoForm input[name="_method"][value="PUT"]').length > 0;
+          const title = $('#margenesPresupuestoModalBody #margenesPresupuestoForm').data(isEdit ? 'edit' : 'add');
+          $('#margenesPresupuestoModal .modal-title').text(title);
+          return;
+        }
+        // Fallback
+        $('#margenesPresupuestoModalBody').html('<div class="p-3 text-danger">Error inesperado.</div>');
+      }
+    });
+  });
+
+})();