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

<div th:fragment="cartSummary(summary)" class="col-xl-4 cart-summary-container">
    <div class="sticky-side-div">
        <div class="card">
            <div class="card-header border-bottom-dashed">
                <h5 th:text="#{cart.resumen.title}" class="card-title mb-0"></h5>
            </div>
            <div class="card-body pt-2">
                <div class="table-responsive">
                    <table class="table table-borderless mb-0">
                        <tbody>
                            <tr>
                                <td><span th:text="#{cart.resumen.base}"></span></td>
                                <td class="text-end" id="base-cesta" th:text="${summary.base}"></td>
                            </tr>
                            <tr>
                                <td><span th:text="#{cart.resumen.envio}"></span></td>
                                <td class="text-end" id="envio-cesta" th:text="${summary.shipment}"></td>
                            </tr>
                            <tr id="tr-iva-4">
                                <td><span th:text="#{cart.resumen.iva-4}"></span> : </td>
                                <td class="text-end" id="iva-4-cesta" th:text="${summary.iva4}"></td>
                            </tr>
                            <tr id="tr-iva-21">
                                <td><span th:text="#{cart.resumen.iva-21}"></span> : </td>
                                <td class="text-end" id="iva-21-cesta" th:text="${summary.iva21}"></td>
                            </tr>
                            <tr id="tr-iva-21">
                                <td><span th:text="#{cart.resumen.descuento} + ' (' + ${summary.fidelizacion} + ')'"></span> : </td>
                                <td class="text-end" id="descuento-cesta" th:text="${summary.descuento}"></td>
                            </tr>
                            <tr class="table-active">
                                <th><span th:text="#{cart.resumen.total}"></span>:</th>
                                <td class="text-end">
                                    <span id="total-cesta" class="fw-semibold" th:text="${summary.total}"></span>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <form th:action="@{/pagos/redsys/crear}" method="post">
                        <input type="hidden" name="order" value="123456789012"/>
                        <input type="hidden" name="amountCents" value="12525"/>
                        <button id="btn-checkout" type="submit" class="btn btn-secondary w-100 mt-2"
                            th:text="#{cart.resumen.tramitar}">Checkout</button>
                    </form>
                </div>
                <!-- end table-responsive -->
            </div>
        </div>


        <div class="card">
            <div class="card-header border-bottom-dashed">
                <h5 th:text="#{cart.pass-to.customer}" class="card-title mb-0"></h5>
            </div>
            <div class="card-body pt-2">
                <div class="alert alert-info" role="alert" th:text="#{cart.pass-to.customer.info}"></div>
                <div class="alert alert-warning" role="alert" th:text="#{cart.pass-to.customer.warning}"></div>
                <form th:action="@{/cart/pass-to-customer}" method="post">
                    <div class="mb-3">
                        <label for="select-customer" class="form-label" th:text="#{cart.pass-to.select-customer}"></label>
                        <select id="select-customer" name="customerId" class="form-select" required>
                        </select>
                    </div>
                    <button type="submit" class="btn btn-secondary w-100"
                        th:text="#{cart.pass-to.button}">Mover cesta</button>
            </div>
        </div>
        
    </div>
    <!-- end stickey -->

</div>