@extends('layouts.app')
@section('title', __('messages.cart'))
@section('content')
<div class="container mx-auto px-4 py-8">
    <h1 class="text-3xl font-bold mb-8">{{ __('messages.shopping_cart') }}</h1>
    @if(session('cart') && count(session('cart')) > 0)
        <div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
            <table class="w-full">
                @foreach(session('cart') as $id => $item)
                <tr class="border-b">
                    <td class="py-3">{{ $item['name'] }}</td>
                    <td class="py-3">{{ $item['qty'] }} x {{ $item['price'] }} BDT</td>
                </tr>
                @endforeach
            </table>
            <a href="{{ route('checkout.index') }}" class="btn-primary w-full text-center mt-6 block">{{ __('messages.proceed_to_checkout') }}</a>
        </div>
    @else
        <div class="text-center py-12">
            <i class="fas fa-shopping-cart text-6xl text-gray-300 mb-4"></i>
            <h2 class="text-2xl font-semibold">{{ __('messages.cart_empty') }}</h2>
            <a href="{{ route('products.index') }}" class="btn-primary mt-6 inline-block">{{ __('messages.start_shopping') }}</a>
        </div>
    @endif
</div>
@endsection