Curso App para Pizzería con delivery
Diseño de la vista Ver Carrito Laravel 9
Diseño e implementación de la vista Ver Carrito donde se mostrará el detalle del Carrito de compra
Diseño e implementación de la vista Ver Carrito donde se mostrará el detalle del Carrito de compra
resources/views/front/carrito.blade.php
@extends('layouts.app')
@section('content')
<div class="container">
<div class="row justify-content-center">
<div class="col-sm-8 bg-light">
@include("front.partials.mensaje")
<h1 class="text-center fs-4 p-3">Carrito</h1>
@if (Cart::content()->count())
<table class="table table-striped">
<thead>
<th>Foto</th>
<th>Producto</th>
<th>Precio</th>
<th>Cantidad</th>
<th>Importe</th>
<th></th>
</thead>
<tbody>
@foreach (Cart::content() as $item)
<tr>
<td><img src="/img/{{$item->options->urlfoto}}" width="100"></td>
<td>{{$item->name}}</td>
<td>{{$item->price}}</td>
<td>
<div class="btn-group btn-group-sm" role="group" aria-label="Small button group">
<button type="button" class="btn">{{$item->qty}}</button>
</div>
</td>
<td>{{number_format($item->qty * $item->price,2)}}</td>
<td><a href="/eliminaritem/{{$item->rowId}}" class="btn btn-sm text-danger">x</a> </td>
</tr>
@endforeach
<tr><td colspan="5"><p class="text-end m-0 p-0">Subtotal USD{{Cart::subtotal()}}</p></td> <td></td></tr>
<tr><td colspan="5"><p class="text-end m-0 p-0">Impuesto 18% USD{{Cart::tax()}}</p></td><td></td></tr>
<tr><td colspan="5"><p class="text-end m-0 p-0">Total USD{{Cart::total()}}</p></td><td></td></tr>
</tbody>
</table>
<div class="row justify-content-center mt-5 mb-5 text-center">
<div class="col-sm-4">
<a href="{{route('eliminarcarrito')}}" class="btn btn-outline-danger">Eliminar carrito</a>
</div>
<div class="col-sm-4">
@auth
<a href="{{route('confirmarcarrito')}}" class="btn btn-danger">Ordenar ahora</a>
@else
<a href="/login" class="btn btn-danger">Entrar para ordenar</a>
@endauth
</div>
</div>
@else
<p class="text-center">Carrito vacio</p>
@endif
</div>
</div>
</div>
@endsection
545 visitas
Sigue con el curso: Capítulo 16 – Implementación Agregar Item
Descarga el código fuente del proyecto adquiriendo el curso completo
Descargar ahora© Todos los derechos reservados Codea App | ...de frente al código!!! | 2020 - 2023