84 lines
3.4 KiB
PHP
84 lines
3.4 KiB
PHP
|
<br/>
|
||
|
|
<br/>
|
||
|
|
<div class="center">
|
||
|
|
<div id="carrito--tituloprincipal">
|
||
|
|
Carrito de compras
|
||
|
|
</div>
|
||
|
|
<br/>
|
||
|
|
<a id="carrito--boton--seguircomprando" href="./#usuarios/">Seguir comprando</a>
|
||
|
|
<br/>
|
||
|
|
<br/>
|
||
|
|
<div id="carrito" class="row carrito">
|
||
|
|
|
||
|
|
<div id="carrito--elementos" class="col-8">
|
||
|
|
<div id="carrito--elementos--contenido" class="caja">
|
||
|
|
<template v-if="noEstaVacio">
|
||
|
|
<template v-for="producto in item">
|
||
|
|
<div class="carritoElem">
|
||
|
|
<img class="carritoElem--img" v-bind:src="producto.imgUrl">
|
||
|
|
<div class="plato--Titulo">{{ producto.nombre }}</div>
|
||
|
|
<br>
|
||
|
|
<div class="plato--Precio">{{ producto.precio }}</div>
|
||
|
|
<div class="plato--Cantidad">Cantidad:
|
||
|
|
<i class="material-icons plato--Cantidad--Icon" v-on:click="restarCantidad(producto)">remove</i>
|
||
|
|
<span>{{ producto.cantidad }}</span>
|
||
|
|
<i class="material-icons plato--Cantidad--Icon" v-on:click="aumentarCantidad(producto)">add</i>
|
||
|
|
</div>
|
||
|
|
<br>
|
||
|
|
<div class="carrito--subTotal">{{ producto.precio * producto.cantidad }}</div>
|
||
|
|
<hr>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
</template>
|
||
|
|
<template v-else>
|
||
|
|
No hay nada en tu carrito de compras :c
|
||
|
|
</template>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="carrito--precio" class="col-4">
|
||
|
|
|
||
|
|
<div id="carrito--precio--contenido" class="caja">
|
||
|
|
<template v-if="noEstaVacio">
|
||
|
|
<div id="pagos">
|
||
|
|
<div style="display: inline-block;">
|
||
|
|
{{ cantidadItems }} Producto{{ (cantidadItems>1 || cantidadItems === 0) ? 's': '' }}
|
||
|
|
</div>
|
||
|
|
<div style="display: inline-block; float: right; clear: both">
|
||
|
|
{{ subTotal }} S/.
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<div style="display: inline-block;">
|
||
|
|
Descuentos:
|
||
|
|
</div>
|
||
|
|
<div style="display: inline-block; float: right; clear: both">
|
||
|
|
{{ descuento }} S/.
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<br>
|
||
|
|
<br>
|
||
|
|
<div>
|
||
|
|
<div class="carrito--precio--contenido--titulo" style="display: inline-block;">
|
||
|
|
Total:
|
||
|
|
</div>
|
||
|
|
<div class="carrito--precio--contenido--titulo"
|
||
|
|
style="display: inline-block; float: right; clear: both">
|
||
|
|
{{ total }} S/.
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<br>
|
||
|
|
<br>
|
||
|
|
<a class="carrito--precio--contenido--botonPagar">
|
||
|
|
Completar Transaccion
|
||
|
|
</a>
|
||
|
|
</template>
|
||
|
|
<template v-else>
|
||
|
|
No hay nada en tu carrito de compras :c
|
||
|
|
</template>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<br/>
|
||
|
|
<br/>
|