@extends('layouts.app') @section('title','Cart') @section('content')<div class="mx-auto max-w-5xl px-4 py-10"><h1 class="text-3xl font-black">Shopping Cart</h1><div class="mt-8 space-y-4">@forelse($items as $i)<div class="card flex items-center gap-4 p-4"><div class="h-16 w-24 rounded bg-slate-100"></div><div class="flex-1"><div class="font-bold">{{ $i->product->name }}</div><div class="text-sm text-slate-500">Qty {{ $i->quantity }}</div></div><div class="font-black">₹{{ number_format(($i->variation?->price()??$i->product->price()),2) }}</div><form method="POST" action="{{ route('cart.remove',$i->id) }}">@csrf @method('DELETE')<button class="text-red-600">Remove</button></form></div>@empty<div class="card p-10 text-center text-slate-500">Your cart is empty.</div>@endforelse</div>@if($items->count())<div class="mt-8 flex items-center justify-between rounded-2xl bg-white p-6 shadow"><span class="text-xl font-bold">Total</span><div class="flex items-center gap-5"><b class="text-2xl">₹{{ number_format($total,2) }}</b><a href="{{ route('checkout') }}" class="btn btn-primary">Checkout</a></div></div>@endif</div>@endsection