@extends('app')
@section('title','Koszyk – Verve')

@section('content')
<div class="max-w-7xl mx-auto px-6 py-10">
    <h1 class="text-3xl font-bold mb-8">Koszyk</h1>

    @if(session('ok'))
        <div class="text-green-400 mb-4">Dodano do koszyka!</div>
    @endif

    @forelse(session('cart', []) as $item)
        <div class="flex items-center justify-between bg-white/10 p-4 rounded-xl mb-4">
            <img src="{{ asset('img/'.$item['img']) }}" alt="" class="w-16 h-16 object-cover rounded-lg">
            <div>
                <div class="font-semibold">{{ $item['name'] }}</div>
                <div class="text-gray-400">{{ number_format($item['price']/100,2) }} PLN x {{ $item['qty'] }}</div>
            </div>
            <div class="text-right">
                <div class="font-semibold">{{ number_format($item['price']*$item['qty']/100,2) }} PLN</div>
            </div>
        </div>
    @empty
        <p class="text-gray-400">Koszyk jest pusty.</p>
    @endforelse

    <div class="mt-8">
        <a href="{{ route('checkout') }}" class="bg-white text-black font-semibold px-6 py-3 rounded-xl hover:opacity-90 transition">Przejdź do kasy</a>
    </div>
</div>
@endsection