@props(['product'])<article class="card overflow-hidden transition hover:-translate-y-1 hover:shadow-lg"><a href="{{ route('product.show',$product) }}"><div class="aspect-video bg-slate-100 flex items-center justify-center text-4xl text-slate-300">{{ $product->image?'':'◫' }}</div><div class="p-4"><h3 class="line-clamp-2 font-bold">{{ $product->name }}</h3><div class="mt-3 flex items-baseline gap-2"><span class="text-lg font-black">₹{{ number_format($product->price(),2) }}</span>@if($product->offer_price)<del class="text-xs text-slate-400">₹{{ number_format($product->regular_price,2) }}</del>@endif</div><div class="mt-4 flex gap-2"><a class="btn btn-light flex-1 text-xs" href="{{ route('product.show',$product) }}">View</a><form class="flex-1" method="POST" action="{{ route('cart.add',$product) }}">@csrf<button class="btn btn-primary w-full text-xs">Add Cart</button></form></div></div></a></article>