erp-imprimelibros/src/main/resources/templates/imprimelibros/cart/_cartContent.html

<div th:fragment="cartContent(items, cartId)" th:class="${'cart-content container-fluid row gy-4' + (items.isEmpty() ? ' d-none' : '')}">

    <div id="sectionLoader" class="position-absolute top-0 start-0 w-100 h-100 d-none justify-content-center align-items-center
              bg-body bg-opacity-75" style="z-index:10;">
        <div class="spinner-border" role="status" style="width:2.5rem;height:2.5rem;">
            <span class="visually-hidden">Cargando…</span>
        </div>
    </div>

    <div id="errorEnvio" th:class="${'alert alert-danger' + (errorEnvio ? '' : ' d-none')}" role="alert"
        th:text="#{cart.errors.shipping}"></div>
    <div th:if="${!#strings.isEmpty(errorMessage) and items != null and !items.isEmpty()}" class="alert alert-danger "
        role="alert" th:text="${errorMessage}"></div>

    <div class="alert alert-danger alert-shipment d-none" role="alert"
        th:text="#{cart.shipping.errors.fillAddressesItems}"></div>

    <form id="cartForm" th:action="${'/cart/update/' + cart.id}" method="POST" class="col-xl-8 col-12">

        <input type="hidden" name="id" th:value="${cart.id}" />

        <div class="card">
            <div class="card-body">
                <p th:text="#{cart.shipping.info}"></p>
                <div
                    class="form-check form-switch form-switch-custom form-switch-presupuesto mb-3 d-flex align-items-center">

                    <input type="checkbox" class="form-check-input datos-generales-data me-2" id="onlyOneShipment"
                        th:field="${cart.onlyOneShipment}" />
                    <label for="onlyOneShipment" class="form-label d-flex align-items-center mb-0">
                        <span th:text="#{cart.shipping.onlyOneShipment}" class="me-2"></span>
                    </label>
                </div>
                <button type="button"
                    th:class="${'btn btn-secondary' + (!cart.onlyOneShipment  or #lists.size(mainDir ?: {}) > 0 ? ' d-none' : '')}"
                    id="addOrderAddress" th:text="#{cart.shipping.add}">Añadir dirección</button>

                <div id="shippingAddressesContainer" class="shipping-order-address d-flex flex-wrap gap-3 mt-4">
                    <div th:replace="${cart.onlyOneShipment and mainDir != null}
                        ? ~{imprimelibros/direcciones/direccionCard :: direccionCard(
                            ${mainDir.direccion},
                            ${mainDir.pais},
                            ${mainDir.presupuestoId},
                            ${mainDir.unidades},
                            ${mainDir.isPalets}
                        )}
                        : ~{}">
                    </div>

                </div>

            </div>
        </div>

        <div th:each="item : ${items}" th:insert="~{imprimelibros/cart/_cartItem :: cartItem(${item})}">
        </div>
    </form>

    <div th:replace="~{imprimelibros/cart/_cartSummary :: cartSummary(${cartSummary})}"></div>

</div>