Capitulo 15 ➜ Diseño de la vista Ver Carrito

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