mirror of
https://git.imnavajas.es/jjimenez/erp-imprimelibros.git
synced 2026-01-28 14:48:50 +00:00
trabajando en resumen
This commit is contained in:
Jaime Jiménez
@ -46,7 +46,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="row justify-content-center mt-4 imagen-container-group tapa-blanda-options">
|
||||
<div class="col-auto">
|
||||
<div class="d-flex flex-wrap align-items-center gap-4 ">
|
||||
@ -93,7 +93,8 @@
|
||||
<div id="div-solapas-cubierta" class="d-none">
|
||||
<label for="tamanio-solapas-cubierta" class="form-label"
|
||||
th:text="#{presupuesto.tamanio-solapa}">Tamaño solapa</label>
|
||||
<input type="number" class="form-control form-control-sm solapas-presupuesto datos-cubierta"
|
||||
<input type="number"
|
||||
class="form-control form-control-sm solapas-presupuesto datos-cubierta"
|
||||
id="tamanio-solapas-cubierta" min="60" max="120" value="80" step="1">
|
||||
<div class="form-text">
|
||||
<p class="mb-0">min: 60 mm</p>
|
||||
@ -230,22 +231,174 @@
|
||||
<div class="hstack gap-2 justify-content-center flex-wrap mx-4">
|
||||
<p th:text="#{presupuesto.acabado-cubierta-aviso}"></p>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="div-acabado-cubierta" class="hstack gap-2 justify-content-center flex-wrap">
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Ribbon Shape -->
|
||||
|
||||
<!-- Ribbon Shape -->
|
||||
<div class="card ribbon-box border shadow-none mb-lg-0 material-shadow mt-4">
|
||||
<div class="card-body">
|
||||
<div class="ribbon ribbon-primary ribbon-shape" th:text="#{presupuesto.cubierta-extras}">Extras
|
||||
</div>
|
||||
<h5 class="fs-14 text-end" th:text="#{presupuesto.cubierta-extras-descripcion}">
|
||||
Opciones adicionales para la cubierta</h5>
|
||||
</div>
|
||||
|
||||
<div class="ribbon-content mt-4">
|
||||
|
||||
<div class="row justify-content-center mt-4">
|
||||
<div class="col-auto">
|
||||
<div class="d-flex flex-wrap align-items-center gap-4 ">
|
||||
|
||||
<button id="sobrecubierta" type="button" class="btn btn-outline-primary custom-toggle mb-4"
|
||||
data-bs-toggle="button">
|
||||
<span class="icon-on">
|
||||
<i class="ri-close-line align-bottom me-1"></i>
|
||||
<span th:text="#{presupuesto.sobrecubierta}"></span>
|
||||
</span>
|
||||
<span class="icon-off">
|
||||
<i class="ri-add-line align-bottom me-1"></i>
|
||||
<span th:text="#{presupuesto.sobrecubierta}"></span>
|
||||
</span>
|
||||
</button>
|
||||
|
||||
<div id="div-sobrecubierta" class="d-flex flex-wrap d-none align-items-start gap-3">
|
||||
<div class="d-flex flex-column me-2">
|
||||
<label for="papel-sobrecubierta" class="form-label"
|
||||
th:text="#{presupuesto.sobrecubierta-papel}">Papel</label>
|
||||
<select class="form-select select2 datos-cubierta w-auto" id="papel-sobrecubierta">
|
||||
<optgroup th:label="#{presupuesto.estucado}">
|
||||
<option selected value="2" data-papel-id="2" data-gramaje="170"
|
||||
th:text="#{presupuesto.estucado-mate} + ' 170 gr'">Estucado mate 170 gr
|
||||
</option>
|
||||
</optgroup>
|
||||
<optgroup th:label="#{presupuesto.verjurado}">
|
||||
<option value="1" data-papel-id="18" data-gramaje="160"
|
||||
th:text="#{presupuesto.verjurado-blanco-natural} + ' 160 gr'">Verjurado blanco natural 160 gr
|
||||
170 gr
|
||||
</option>
|
||||
<option value="2" data-papel-id="9" data-gramaje="160"
|
||||
th:text="#{presupuesto.verjurado-ahuesado} + ' 160 gr'">Verjurado ahuesado 160 gr
|
||||
</option>
|
||||
</optgroup>
|
||||
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="d-flex flex-column me-2">
|
||||
<label for="tamanio-solapas-sobrecubierta" class="form-label"
|
||||
th:text="#{presupuesto.sobrecubierta-solapas}">Tamaño solapas sobrecubierta</label>
|
||||
<input type="number" class="form-control datos-cubierta w-auto"
|
||||
id="tamanio-solapas-sobrecubierta" min="60" max="120" value="80" step="1">
|
||||
<div class="form-text">
|
||||
<p class="mb-0">min: 60 mm</p>
|
||||
<p class="max-solapa-text">max: 120 mm</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-flex flex-column me-2">
|
||||
<label for="sobrecubierta-acabado" class="form-label"
|
||||
th:text="#{presupuesto.acabado}">Acabado</label>
|
||||
<select class="form-select select2 datos-cubierta w-auto" id="sobrecubierta-acabado">
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row justify-content-center mt-4">
|
||||
<div class="col-auto">
|
||||
<div class="d-flex flex-wrap align-items-center gap-4 ">
|
||||
|
||||
<button id="faja" type="button" class="btn btn-outline-primary custom-toggle mb-4"
|
||||
data-bs-toggle="button">
|
||||
<span class="icon-on">
|
||||
<i class="ri-close-line align-bottom me-1"></i>
|
||||
<span th:text="#{presupuesto.faja}"></span>
|
||||
</span>
|
||||
<span class="icon-off">
|
||||
<i class="ri-add-line align-bottom me-1"></i>
|
||||
<span th:text="#{presupuesto.faja}"></span>
|
||||
</span>
|
||||
</button>
|
||||
|
||||
<div id="div-faja" class="d-flex flex-wrap d-none align-items-start gap-3">
|
||||
<div class="d-flex flex-column me-2">
|
||||
<label for="papel-faja" class="form-label"
|
||||
th:text="#{presupuesto.faja-papel}">Papel</label>
|
||||
<select class="form-select select2 datos-cubierta w-auto" id="papel-faja">
|
||||
<optgroup th:label="#{presupuesto.estucado}">
|
||||
<option selected value="2" data-papel-id="2" data-gramaje="170"
|
||||
th:text="#{presupuesto.estucado-mate} + ' 170 gr'">Estucado mate 170 gr
|
||||
</option>
|
||||
</optgroup>
|
||||
<optgroup th:label="#{presupuesto.verjurado}">
|
||||
<option value="1" data-papel-id="18" data-gramaje="160"
|
||||
th:text="#{presupuesto.verjurado-blanco-natural} + ' 160 gr'">Verjurado blanco natural 160 gr
|
||||
170 gr
|
||||
</option>
|
||||
<option value="2" data-papel-id="9" data-gramaje="160"
|
||||
th:text="#{presupuesto.verjurado-ahuesado} + ' 160 gr'">Verjurado ahuesado 160 gr
|
||||
</option>
|
||||
</optgroup>
|
||||
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="d-flex flex-column me-2">
|
||||
<label for="alto-faja" class="form-label"
|
||||
th:text="#{presupuesto.faja-alto}">Alto faja</label>
|
||||
<input type="number" class="form-control datos-cubierta w-auto"
|
||||
id="alto-faja" min="50" max="120" value="80" step="1">
|
||||
<div class="form-text">
|
||||
<p class="mb-0">min: 50 mm</p>
|
||||
<p class="alto-faja-max">max: 120 mm</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-flex flex-column me-2">
|
||||
<label for="tamanio-solapas-faja" class="form-label"
|
||||
th:text="#{presupuesto.faja-solapas}">Tamaño solapas faja</label>
|
||||
<input type="number" class="form-control datos-cubierta w-auto"
|
||||
id="tamanio-solapas-faja" min="60" max="120" value="80" step="1">
|
||||
<div class="form-text">
|
||||
<p class="mb-0">min: 60 mm</p>
|
||||
<p class="max-solapa-text">max: 120 mm</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-flex flex-column me-2">
|
||||
<label for="faja-acabado" class="form-label"
|
||||
th:text="#{presupuesto.acabado}">Acabado</label>
|
||||
<select class="form-select select2 datos-cubierta w-auto" id="faja-acabado">
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Ribbon Shape -->
|
||||
|
||||
|
||||
<div class="d-flex justify-content-between align-items-center mt-4 w-100">
|
||||
<button id="btn-prev-cubierta" type="button" class="btn btn-light d-flex align-items-center btn-change-tab-cubierta">
|
||||
<button id="btn-prev-cubierta" type="button"
|
||||
class="btn btn-light d-flex align-items-center btn-change-tab-cubierta">
|
||||
<i class=" ri-arrow-left-circle-line label-icon align-middle fs-16 me-2"></i>
|
||||
<span th:text="#{presupuesto.volver-interior}">Volver a interior</span>
|
||||
</button>
|
||||
<button id="btn-next-cubierta" type="button" class="btn btn-primary d-flex align-items-center btn-change-tab-cubierta">
|
||||
<span th:text="#{presupuesto.continuar-extras-libro}">Continuar a extras del libro</span>
|
||||
<button id="btn-next-cubierta" type="button"
|
||||
class="btn btn-primary d-flex align-items-center btn-change-tab-cubierta">
|
||||
<span th:text="#{presupuesto.continuar-seleccion-tirada}">Continuar a selección de tirada</span>
|
||||
<i class="ri-arrow-right-circle-line fs-16 ms-2"></i>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
@ -156,7 +156,7 @@
|
||||
</div>
|
||||
|
||||
<div id="div-posicion-paginas-color" class="row justify-content-center">
|
||||
<div class="col-sm-9">
|
||||
<div class="col-sm-6">
|
||||
<label for="posicionPaginasColor" class="form-label" th:text="#{presupuesto.paginas-posicion}">
|
||||
Posición páginas color
|
||||
</label>
|
||||
|
||||
@ -0,0 +1,31 @@
|
||||
<div class="animate-fadeInUpBounce">
|
||||
|
||||
<!-- Ribbon Shape -->
|
||||
<div class="card ribbon-box border shadow-none mb-lg-0 material-shadow">
|
||||
<div class="card-body">
|
||||
<div class="ribbon ribbon-primary ribbon-shape" th:text="#{presupuesto.extras}">Extras
|
||||
</div>
|
||||
<h5 class="fs-14 text-end" th:text="#{presupuesto.extras-descripcion}">Seleccione los extras
|
||||
que desea añadir a su presupuesto.</h5>
|
||||
</div>
|
||||
|
||||
<div class="ribbon-content mt-4">
|
||||
<div id="div-extras" class="hstack gap-2 justify-content-center flex-wrap">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Ribbon Shape -->
|
||||
|
||||
<div class="d-flex justify-content-between align-items-center mt-4 w-100">
|
||||
<button id="btn-prev-extras" type="button"
|
||||
class="btn btn-light d-flex align-items-center btn-change-tab-extras">
|
||||
<i class=" ri-arrow-left-circle-line label-icon align-middle fs-16 me-2"></i>
|
||||
<span th:text="#{presupuesto.volver-seleccion-tirada}">Volver a selección de tirada</span>
|
||||
</button>
|
||||
<button id="btn-next-extras" type="button"
|
||||
class="btn btn-primary d-flex align-items-center btn-change-tab-extras">
|
||||
<span><b th:text="#{presupuesto.calcular-presupuesto}">Calcular presupuesto</b></span>
|
||||
<i class="ri-arrow-right-circle-line fs-16 ms-2"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,41 @@
|
||||
<div class="animate-fadeInUpBounce">
|
||||
|
||||
<!-- Ribbon Shape -->
|
||||
<div class="card ribbon-box border shadow-none mb-lg-0 material-shadow">
|
||||
<div class="card-body">
|
||||
<div class="ribbon ribbon-primary ribbon-shape" th:text="#{presupuesto.seleccion-tirada}">Seleccion de
|
||||
tirada
|
||||
</div>
|
||||
<h5 class="fs-14 text-end" th:text="#{presupuesto.seleccion-tirada-descripcion}">Seleccione la tirada
|
||||
deseada</h5>
|
||||
</div>
|
||||
|
||||
<div class="ribbon-content mt-4">
|
||||
<div id="div-tiradas-error"
|
||||
class="d-flex justify-content-center mt-4 w-100 d-none">
|
||||
|
||||
</div>
|
||||
<div id="div-tiradas"
|
||||
class="row row-cols-1 row-cols-sm-2 row-cols-lg-4 g-4 justify-content-center align-items-stretch mx-auto mb-4"
|
||||
style="max-width:1120px" th:data-per-unit="#{presupuesto.precio-unidad}"
|
||||
th:data-total="#{presupuesto.total}" th:data-select="#{presupuesto.seleccionar-tirada}"
|
||||
th:data-selected="#{presupuesto.tirada-seleccionada}" th:data-units="#{presupuesto.unidades}">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Ribbon Shape -->
|
||||
|
||||
<div class="d-flex justify-content-between align-items-center mt-4 w-100">
|
||||
<button id="btn-prev-seleccion-tirada" type="button"
|
||||
class="btn btn-light d-flex align-items-center btn-change-tab-seleccion-tirada">
|
||||
<i class=" ri-arrow-left-circle-line label-icon align-middle fs-16 me-2"></i>
|
||||
<span th:text="#{presupuesto.volver-cubierta}">Volver a diseño de cubierta</span>
|
||||
</button>
|
||||
<button id="btn-next-seleccion-tirada" type="button"
|
||||
class="btn btn-primary d-flex align-items-center btn-change-tab-seleccion-tirada">
|
||||
<span><b th:text="#{presupuesto.continuar-extras-libro}">Continuar a extras del libro</b></span>
|
||||
<i class="ri-arrow-right-circle-line fs-16 ms-2"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,74 @@
|
||||
<div class="col-xl-4">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<div class="d-flex">
|
||||
<div class="flex-grow-1">
|
||||
<h5 th:text="#{presupuesto.resumen-presupuesto}">Resumen presupuesto</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="table-responsive table-card">
|
||||
<table id="summary-interior" class="table table-responsive align-middle mb-0">
|
||||
<thead class="table-light">
|
||||
<tr>
|
||||
<th th:text="#{presupuesto.resumen-libro}" scope="col" colspan="2">Libro</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="align-items-center">
|
||||
<span th:text="#{presupuesto.resumen-encuadernacion}"></span>
|
||||
</td>
|
||||
<td id="summary-formato" class="text-end">Fresado</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<span th:text="#{presupuesto.formato}"></span>
|
||||
</td>
|
||||
<td id="summary-paginas" class="text-end">148 x 210 mm</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<span th:text="#{presupuesto.paginas}"></span>
|
||||
</td>
|
||||
<td id="summary-paginas" class="text-end">148 x 210 mm</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="ps-3">
|
||||
<span class="ps-3" th:text="#{presupuesto.paginas-negro}"></span>
|
||||
</td>
|
||||
<td id="summary-paginas" class="text-end">148 x 210 mm</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="ps-3">
|
||||
<span class="ps-3" th:text="#{presupuesto.paginas-color}"></span>
|
||||
</td>
|
||||
<td id="summary-paginas" class="text-end">148 x 210 mm</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
<table id="summary-cubierta" class="table table-borderless align-middle mb-0 d-none">
|
||||
<thead class="table-light text-muted ">
|
||||
<tr>
|
||||
<th th:text="#{presupuesto.cubierta-libro}" scope="col" colspan="2">Cubierta del libro</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<p th:text="#{presupuesto.paginas}"></p>
|
||||
</td>
|
||||
<td id="summary-paginas2" class="text-end">148 x 210 mm</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- end card body -->
|
||||
</div>
|
||||
<!-- end card -->
|
||||
</div>
|
||||
<!-- end col -->
|
||||
@ -36,9 +36,18 @@
|
||||
</button>
|
||||
</li>
|
||||
<li class="nav-item" role="presentation">
|
||||
<button class="nav-link fs-15 p-3" id="pills-shipping-tab" data-bs-toggle="pill"
|
||||
data-bs-target="#pills-shipping" type="button" role="tab"
|
||||
aria-controls="pills-shipping" aria-selected="false">
|
||||
<button class="nav-link fs-15 p-3" id="pills-seleccion-tirada-tab"
|
||||
data-bs-toggle="pill" data-bs-target="#pills-seleccion-tirada" type="button"
|
||||
role="tab" aria-controls="pills-seleccion-tirada" aria-selected="false">
|
||||
<i
|
||||
class="ri-add-box-line fs-16 p-2 bg-soft-primary text-primary rounded-circle align-middle me-2"></i>
|
||||
<label th:text="#{presupuesto.seleccion-tirada}">Seleccion de tirada</label>
|
||||
</button>
|
||||
</li>
|
||||
<li class="nav-item" role="presentation">
|
||||
<button class="nav-link fs-15 p-3" id="pills-extras-tab" data-bs-toggle="pill"
|
||||
data-bs-target="#pills-extras" type="button" role="tab"
|
||||
aria-controls="pills-extras" aria-selected="false">
|
||||
<i
|
||||
class="ri-add-box-line fs-16 p-2 bg-soft-primary text-primary rounded-circle align-middle me-2"></i>
|
||||
<label th:text="#{presupuesto.extras}">Extras</label>
|
||||
@ -50,26 +59,45 @@
|
||||
<div class="tab-content">
|
||||
<div class="tab-pane fade show active" id="pills-general-data" role="tabpanel"
|
||||
aria-labelledby="pills-general-data-tab">
|
||||
|
||||
<div th:include="~{imprimelibros/presupuestos/presupuestador-items/_datos-generales.html}"></div>
|
||||
|
||||
<div
|
||||
th:include="~{imprimelibros/presupuestos/presupuestador-items/_datos-generales.html}">
|
||||
</div>
|
||||
</div>
|
||||
<!-- end tab pane -->
|
||||
|
||||
<div class="tab-pane fade" id="pills-inside" role="tabpanel"
|
||||
aria-labelledby="pills-inside-tab">
|
||||
|
||||
<div th:include="~{imprimelibros/presupuestos/presupuestador-items/_interior.html}"></div>
|
||||
|
||||
<div th:include="~{imprimelibros/presupuestos/presupuestador-items/_interior.html}">
|
||||
</div>
|
||||
</div>
|
||||
<!-- end tab pane -->
|
||||
|
||||
<div class="tab-pane fade" id="pills-cover" role="tabpanel"
|
||||
aria-labelledby="pills-cover-tab">
|
||||
|
||||
<div th:include="~{imprimelibros/presupuestos/presupuestador-items/_cubierta.html}"></div>
|
||||
|
||||
<div th:include="~{imprimelibros/presupuestos/presupuestador-items/_cubierta.html}">
|
||||
</div>
|
||||
</div>
|
||||
<!-- end tab pane -->
|
||||
|
||||
<div class="tab-pane fade" id="pills-seleccion-tirada" role="tabpanel"
|
||||
aria-labelledby="pills-seleccion-tirada-tab">
|
||||
|
||||
<div
|
||||
th:include="~{imprimelibros/presupuestos/presupuestador-items/_seleccion-tirada.html}">
|
||||
</div>
|
||||
</div>
|
||||
<!-- end tab pane -->
|
||||
|
||||
<div class="tab-pane fade" id="pills-extras" role="tabpanel"
|
||||
aria-labelledby="pills-extras-tab">
|
||||
|
||||
<div th:include="~{imprimelibros/presupuestos/presupuestador-items/_extras.html}"></div>
|
||||
</div>
|
||||
<!-- end tab pane -->
|
||||
|
||||
|
||||
</div>
|
||||
<!-- end tab content -->
|
||||
</form>
|
||||
@ -80,103 +108,9 @@
|
||||
</div>
|
||||
<!-- end col -->
|
||||
|
||||
<!-- Order Summary -->
|
||||
<div class="col-xl-4">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<div class="d-flex">
|
||||
<div class="flex-grow-1">
|
||||
<h5 class="card-title mb-0">Order Summary</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="table-responsive table-card">
|
||||
<table class="table table-borderless align-middle mb-0">
|
||||
<thead class="table-light text-muted">
|
||||
<tr>
|
||||
<th style="width: 90px;" scope="col">Product</th>
|
||||
<th scope="col">Product Info</th>
|
||||
<th scope="col" class="text-end">Price</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="avatar-md bg-light rounded p-1">
|
||||
<img src="/assets/images/products/img-8.png" alt=""
|
||||
class="img-fluid d-block">
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<h5 class="fs-14"><a href="/apps-ecommerce-product-details"
|
||||
class="text-dark">Sweatshirt for Men (Pink)</a></h5>
|
||||
<p class="text-muted mb-0">$ 119.99 x 2</p>
|
||||
</td>
|
||||
<td class="text-end">$ 239.98</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="avatar-md bg-light rounded p-1">
|
||||
<img src="/assets/images/products/img-7.png" alt=""
|
||||
class="img-fluid d-block">
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<h5 class="fs-14"><a href="/apps-ecommerce-product-details"
|
||||
class="text-dark">Noise Evolve Smartwatch</a></h5>
|
||||
<p class="text-muted mb-0">$ 94.99 x 1</p>
|
||||
</td>
|
||||
<td class="text-end">$ 94.99</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="avatar-md bg-light rounded p-1">
|
||||
<img src="/assets/images/products/img-3.png" alt=""
|
||||
class="img-fluid d-block">
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<h5 class="fs-14"><a href="/apps-ecommerce-product-details"
|
||||
class="text-dark">350 ml Glass Grocery Container</a></h5>
|
||||
<p class="text-muted mb-0">$ 24.99 x 1</p>
|
||||
</td>
|
||||
<td class="text-end">$ 24.99</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fw-semibold" colspan="2">Sub Total :</td>
|
||||
<td class="fw-semibold text-end">$ 359.96</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">Discount <span class="text-muted">(VELZON15)</span> : </td>
|
||||
<td class="text-end">- $ 50.00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">Shipping Charge :</td>
|
||||
<td class="text-end">$ 24.99</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">Estimated Tax (12%): </td>
|
||||
<td class="text-end">$ 18.20</td>
|
||||
</tr>
|
||||
<tr class="table-active">
|
||||
<th colspan="2">Total (USD) :</th>
|
||||
<td class="text-end">
|
||||
<span class="fw-semibold">
|
||||
$353.15
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<!-- Summary -->
|
||||
<div th:replace="~{imprimelibros/presupuestos/presupuestador-items/_summary.html}"></div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- end card body -->
|
||||
</div>
|
||||
<!-- end card -->
|
||||
</div>
|
||||
<!-- end col -->
|
||||
</div>
|
||||
<!--end row-->
|
||||
</div>
|
||||
Reference in New Issue
Block a user