@extends('partner.layouts.app')

@section('title', 'Redemptions')

@section('content')
    @php
        $redemptions = [
            ['time' => 'Today, 10:45 AM', 'code' => 'SS-****-****-5234', 'offer' => '20% Off Dining', 'discount' => 'Rs. 1,200', 'verified' => 'Manager', 'status' => 'Success'],
            ['time' => 'Today, 09:30 AM', 'code' => 'SS-****-****-9921', 'offer' => 'Free Dessert', 'discount' => 'Rs. 850', 'verified' => 'Staff 01', 'status' => 'Success'],
            ['time' => 'Yesterday, 06:30 PM', 'code' => 'SS-****-****-8821', 'offer' => '20% Off Dining', 'discount' => '-', 'verified' => 'System', 'status' => 'Failed'],
        ];
    @endphp

    <div class="space-y-6">
        <div class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4"><div><h1 class="text-2xl font-bold text-gray-900">Redemption Log</h1><p class="text-gray-600">View and verify member redemptions.</p></div><button class="flex items-center gap-2 px-4 py-2 bg-white border border-gray-200 rounded-lg text-sm font-medium text-gray-700"><i data-lucide="download" class="w-4 h-4"></i>Export CSV</button></div>

        <div class="bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden"><div class="p-6 border-b border-gray-100"><h2 class="text-lg font-bold text-gray-900 flex items-center gap-2"><i data-lucide="qr-code" class="w-5 h-5 text-[#0d4a4a]"></i>Verify Member</h2></div><div class="p-8 grid grid-cols-1 md:grid-cols-2 gap-8"><div class="flex flex-col items-center justify-center p-8 border-2 border-dashed border-gray-300 rounded-xl bg-gray-50"><div class="w-16 h-16 bg-white rounded-full flex items-center justify-center shadow-sm mb-4"><i data-lucide="camera" class="w-8 h-8 text-[#0d4a4a]"></i></div><p class="font-medium text-gray-900">Click to Scan QR Code</p></div><div class="space-y-4"><label class="block text-sm font-medium text-gray-700">Manual Code Entry</label><div class="flex gap-2"><input type="text" placeholder="SS-XXXX-XXXX-XXXX" class="flex-1 px-4 py-2.5 rounded-lg border border-gray-200 font-mono uppercase"><button class="px-6 py-2.5 bg-[#0d4a4a] text-white font-medium rounded-lg">Verify</button></div></div></div></div>

        <div class="bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden"><div class="overflow-x-auto"><table class="w-full text-sm text-left"><thead class="text-xs text-gray-500 uppercase bg-gray-50/50"><tr><th class="px-6 py-3">Date/Time</th><th class="px-6 py-3">Member Code</th><th class="px-6 py-3">Offer Used</th><th class="px-6 py-3">Discount Given</th><th class="px-6 py-3">Verified By</th><th class="px-6 py-3">Status</th></tr></thead><tbody class="divide-y divide-gray-100">@foreach($redemptions as $item)<tr class="hover:bg-gray-50/50"><td class="px-6 py-4 text-gray-600">{{ $item['time'] }}</td><td class="px-6 py-4 font-mono text-gray-500">{{ $item['code'] }}</td><td class="px-6 py-4 font-medium text-gray-900">{{ $item['offer'] }}</td><td class="px-6 py-4 text-green-600 font-bold">{{ $item['discount'] }}</td><td class="px-6 py-4 text-gray-600">{{ $item['verified'] }}</td><td class="px-6 py-4"><span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium {{ $item['status'] === 'Success' ? 'bg-green-100 text-green-800' : 'bg-red-100 text-red-800' }}">{{ $item['status'] }}</span></td></tr>@endforeach</tbody></table></div></div>
    </div>
@endsection