modificando carro para añadir los nav tabs

src/main/resources/i18n/cart_es.properties

@@ -4,6 +4,9 @@ cart.empty=Tu cesta de la compra está vacía.
 cart.item.presupuesto-numero=Presupuesto #
 cart.precio=Precio
 
+cart.tabs.details=Detalles
+cart.tabs.envio=Envío
+
 cart.resumen.title=Resumen de la cesta
 cart.resumen.base=Base imponible:
 cart.resumen.iva-4=IVA 4%:

src/main/resources/static/assets/js/pages/imprimelibros/cart/shipping-cart.js

@@ -0,0 +1,27 @@
+$(() => {
+
+    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';
+    const modalEl = document.getElementById('direccionFormModal');
+    const modal = bootstrap.Modal.getOrCreateInstance(modalEl);
+
+
+    $("#onlyOneShipping").on('change', function () {
+        if ($(this).is(':checked')) {
+            $('#shippingAddressesContainer').empty().show();
+            $('#shippingMultipleAddressesContainer').show();
+        } else {
+            $('#shippingAddressesContainer').hide();
+            $('#shippingMultipleAddressesContainer').empty().hide();
+        }
+    });
+});

src/main/resources/templates/imprimelibros/cart/_cartItem.html

@@ -1,10 +1,29 @@
 <!-- _cartItem.html -->
-<div th:fragment="cartItem(item)" class="card product mb-3 shadow-sm" th:attr="data-iva-4=${item.iva4},
+<div th:fragment="cartItem(item)" class="card product mb-3 shadow-sm gy-3" th:attr="data-iva-4=${item.iva4},
               data-iva-21=${item.iva21},
               data-base=${item.base}">
     <div class="card-body">
-        <div class="row gy-3">
+        <ul class="nav nav-pills nav-justified custom-nav nav-product" role="tablist">
-
+            <li class="nav-item" role="presentation">
+                <button class="nav-link fs-15 active" id="pills-details-${item.id}-tab"
+                    data-bs-target="#pills-details-${item.id}" type="button" role="tab"
+                    aria-controls="pills-details-${item.id}" aria-selected="true">
+                    <i class="ri-truck-line fs-5 p-1 bg-soft-primary text-primary rounded-circle align-middle me-2"></i>
+                    <label class="fs-13 my-2" th:text="#{cart.tabs.details}">Detalles</label>
+                </button>
+            </li>
+            <li class="nav-item" role="presentation">
+                <button class="nav-link fs-15 p-3" id="pills-shipping-${item.id}-tab"
+                    data-bs-target="#pills-shipping-${item.id}" type="button" role="tab"
+                    aria-controls="pills-shipping-${item.id}" aria-selected="false">
+                    <i class="ri-truck-line fs-5 p-1 bg-soft-primary text-primary rounded-circle align-middle me-2"></i>
+                    <label class="fs-13 my-2" th:text="#{cart.tabs.envio}">Envío</label>
+                </button>
+            </li>
+        </ul>
+        <div class="tab-content row gy-3">
+            <div class="tab-pane fade show active" id="pills-details-${item.id}" role="tabpanel"
+                aria-labelledby="pills-details-${item.id}-tab">
                 <div class="col-sm-auto">
                     <div class="avatar-lg bg-light rounded p-1">
                         <img th:src="${item.imagen != null ? item.imagen : '/assets/images/products/placeholder.png'}"
@@ -69,6 +88,13 @@
                 </div>
             </div>
         </div>
+        <div class="tab-content">
+            <div class="tab-pane fade show active" id="pills-shipping-${item.id}" role="tabpanel"
+                aria-labelledby="pills-shipping-${item.id}-tab">
+
+            </div>
+        </div>
+    </div>
 
     <div class="card-footer bg-light">
         <div class="row align-items-center gy-3">

src/main/resources/templates/imprimelibros/cart/cart.html

@@ -53,7 +53,7 @@
                                 <button type="button" class="btn btn-secondary" id="addOrderAddress"
                                     th:text="#{checkout.shipping.add}">Añadir dirección</button>
 
-                                <div id="orderShippingAddressesContainer" class="mt-4"></div>
+                                <div id="shippingAddressesContainer" class="mt-4"></div>
 
                             </div>
                         </div>