erp-imprimelibros/src/main/resources/templates/imprimelibros/pedidos/pedidos-linea.html

<div th:fragment="pedido-linea (item, isAdmin)">
    <input type="hidden" id="lineaId" th:value="${item.lineaId}" />
    <div class="mb-3">
        <div class="card p-3 mb-0">
            <div class="row g-3 align-items-start">
                <!-- Col 1: imagen -->
                <div class="col-auto">
                    <div class="avatar-lg bg-light rounded p-1">
                        <img th:src="${item.imagen != null ? item.imagen : '/assets/images/products/placeholder.png'}"
                            alt="portada" class="img-fluid d-block rounded">
                    </div>
                </div>

                <!-- Col 2: detalles -->
                <div class="col">
                    <h5 class="fs-18 text-truncate mb-1">
                        <span class="text-dark"
                            th:text="${item.titulo != null ? item.titulo : 'Presupuesto #'}">Presupuesto</span>
                    </h5>
                    <h5 class="fs-14 text-truncate mb-1">
                        <span th:text="#{cart.item.presupuesto-numero}">Presupuesto #</span>
                        <span th:text="${item.presupuestoId != null ? item.presupuestoId : ''}">#</span>
                        <a th:href="@{|/presupuesto/edit/${item.presupuestoId}|}"
                            th:text="#{pedido.view.view-presupuesto}" class="badge bg-secondary">Ver presupuesto</a>
                    </h5>

                    <ul class="list-unstyled text-muted mb-1 ps-0">
                        <li th:each="linea : ${item.resumen.lineas}" class="mb-1">
                            <span th:utext="${linea['descripcion']}"></span>
                        </li>
                    </ul>

                    <ul class="list-unstyled text-muted mb-1" th:if="${item.resumen.servicios != null}">
                        <li>
                            <span th:utext="#{pdf.servicios-adicionales}">Servicios adicionales:</span>
                            <span class="spec-label" th:text="${item.resumen.servicios}"></span>
                        </li>
                    </ul>

                    <ul class="list-unstyled text-muted mb-1"
                        th:if="${item.resumen != null and #maps.containsKey(item.resumen,'datosMaquetacion') and item.resumen['datosMaquetacion'] != null}">
                        <li class="spec-row mb-1">
                            <span th:text="#{pdf.datos-maquetacion}">Datos de maquetación:</span>
                            <span th:utext="${item.resumen.datosMaquetacion}"></span>
                        </li>
                    </ul>

                    <ul class="list-unstyled text-muted mb-1"
                        th:if="${item.resumen != null and #maps.containsKey(item.resumen,'datosMarcapaginas') and item.resumen['datosMarcapaginas'] != null}">
                        <li class="spec-row mb-1">
                            <span th:text="#{pdf.datos-marcapaginas}">Datos de marcapáginas:</span>
                            <span th:utext="${item.resumen.datosMarcapaginas}"></span>
                        </li>
                    </ul>
                </div>

                <!-- Col 3: precio -->
                <div class="col-auto ms-auto text-end">
                    <p class="text-muted mb-1" th:text="#{cart.precio}">Precio</p>
                    <h5 class="fs-14 mb-0">
                        <span th:text="${item.baseTotal != null ? item.total : '-'}">0,00</span>
                    </h5>
                    <p class="text-muted mt-4 mb-1" th:text="#{pedido.table.estado}">Estado</p>
                    <h5 class="fs-14 mb-0">
                        <span class="estado-linea" th:attr="data-linea-id=${item.lineaId}" th:text="${item.estado != null} ?
                #{__${'pedido.estado.' + item.estado}__} : '-'">
                        </span>
                    </h5>
                    <div class="col-12 d-grid gap-2 mt-2">
                        <button th:if="${item.estado.name == 'esperando_aceptacion_ferro'}" type="button"
                            class="btn btn-secondary w-100 btn-aceptar-ferro" th:text="#{pedido.view.aceptar-ferro}"
                            th:attr="data-linea-id=${item.lineaId}">
                            Aceptar ferro
                        </button>

                        <button th:if="${item.estado.priority >= 7 && item.estado.priority < 11 && item.buttons.ferro}"
                            type="button" class="btn btn-light w-100 btn-download-ferro"
                            th:text="#{pedido.view.ferro-download}"
                            th:attr="data-linea-id=${item.lineaId}">
                            Descargar ferro
                        </button>

                        <button th:if="${item.estado.priority >= 7 && item.estado.priority < 11 && item.buttons.cub}"
                            type="button" class="btn btn-light w-100 btn-download-cub"
                            th:text="#{pedido.view.cub-download}"
                            th:attr="data-linea-id=${item.lineaId}">
                            Descargar cubierta
                        </button>

                        <button th:if="${item.estado.priority >= 7 && item.estado.priority < 11 && item.buttons.tapa}"
                            type="button" class="btn btn-light w-100 btn-download-tapa"
                            th:text="#{pedido.view.tapa-download}"
                            th:attr="data-linea-id=${item.lineaId}">
                            Descargar tapa
                        </button>
                    </div>
                    <th:block th:if="${item.fechaEntrega != null and item.fechaEntrega != ''}">
                        <p class="text-muted mt-4 mb-1" th:text="#{pedido.fecha-entrega}">Fecha de entrega</p>
                        <h5 class="fs-14 mb-0">
                            <span th:text="${item.fechaEntrega}">-</span>
                        </h5>
                    </th:block>
                </div>
            </div>
            <div card class="mt-3">
                <div class="card-header bg-light p-3">
                    <span class="mb-0 fs-16" th:text="#{pedido.shipping-addresses}">Direcciones de envío</span>
                </div>
                <div class="card-body p-3">
                    <div class="row g-3">
                        <div class="col-auto d-none d-md-block">
                            <div class="flex-shrink-0">
                                <img src="/assets/images/delivery-truck.gif" style="width: 120px; height: auto;"
                                    alt="delivery">
                            </div>
                        </div>
                        <div class="col">
                            <div class="row g-3">
                                <div th:each="direccionEnvio : ${item.direccionesEntrega}"
                                    class="mb-3 col-xl-4 col-lg-6 col-md-12 col-sm-12">
                                    <div th:insert="~{imprimelibros/direcciones/direccionEnvioCard :: direccionEnvioCard(
                                            direccion=${direccionEnvio},
                                            pais=${direccionEnvio.paisNombre}
                                        )}">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div th:if="${isAdmin}" class="card-footer bg-light p-3">
            <div class="row align-items-center gy-3">
                <div class="col-sm">
                    <div class="d-flex flex-wrap my-n1">
                        <!-- Actualizar estado-->
                        <div class="update-estado-button"
                            th:if="${item.estado.name != 'cancelado' && item.estado.name != 'maquetacion' && item.estado.name != 'terminado'}">
                            <a href="javascript:void(0);" class="d-block text-body p-1 px-2 update-status-item"
                                th:attr="data-linea-id=${item.lineaId}">
                                <i class="ri-refresh-line text-muted align-bottom me-1"><span
                                        th:text="#{pedido.update-estado}">Actualizar estado</span></i>
                            </a>
                        </div>
                        <div class="maquetacion-ok-button" th:if="${item.estado.name == 'maquetacion'}">
                            <a href="javascript:void(0);" class="d-block text-body p-1 px-2 maquetacion-ok"
                                th:attr="data-linea-id=${item.lineaId}">
                                <i class="ri-check-double-line text-muted align-bottom me-1"><span
                                        th:text="#{pedido.maquetacion_finalizada}"> Maquetación finalizada</span></i>
                            </a>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>