@extends('admin.layouts.dashboard')

@section('title', 'Partners')

@section('content')
    @php
        $partners = [
            ['name' => 'Hilton Colombo', 'category' => 'Dining', 'contact' => '011-2492492', 'status' => 'Active', 'offers' => 3],
            ['name' => 'Odel', 'category' => 'Shopping', 'contact' => '011-4625800', 'status' => 'Active', 'offers' => 5],
            ['name' => 'Laugfs Supermarkets', 'category' => 'Groceries', 'contact' => '011-5555555', 'status' => 'Inactive', 'offers' => 0],
        ];
        $applications = [
            ['name' => 'Cinnamon Grand', 'category' => 'Hospitality', 'date' => 'Feb 20, 2026', 'status' => 'Pending'],
            ['name' => 'Fashion Bug', 'category' => 'Retail', 'date' => 'Feb 19, 2026', 'status' => 'Under Review'],
        ];
    @endphp

    <div class="space-y-8">
        <div class="flex justify-between items-center"><div><h1 class="text-2xl font-bold text-white">Partners</h1><p class="text-gray-400 text-sm mt-1">Manage partner businesses and applications.</p></div><button class="flex items-center gap-2 px-4 py-2 bg-blue-600 text-white rounded-lg text-sm font-medium"><i data-lucide="plus" class="w-4 h-4"></i>Add Partner</button></div>
        <div class="bg-[#1e293b] rounded-xl border border-gray-800 overflow-hidden"><div class="overflow-x-auto"><table class="w-full text-sm text-left"><thead class="text-xs text-gray-500 uppercase bg-[#0f172a]"><tr><th class="px-5 py-3">Business Name</th><th class="px-5 py-3">Category</th><th class="px-5 py-3">Contact</th><th class="px-5 py-3">Active Offers</th><th class="px-5 py-3">Status</th><th class="px-5 py-3 text-right">Actions</th></tr></thead><tbody class="divide-y divide-gray-800">@foreach($partners as $partner)<tr class="hover:bg-gray-800/50"><td class="px-5 py-4 font-medium text-white">{{ $partner['name'] }}</td><td class="px-5 py-4 text-gray-400">{{ $partner['category'] }}</td><td class="px-5 py-4 text-gray-400">{{ $partner['contact'] }}</td><td class="px-5 py-4 text-gray-400">{{ $partner['offers'] }}</td><td class="px-5 py-4"><span class="inline-flex items-center px-2 py-1 rounded-full text-xs font-medium {{ $partner['status'] === 'Active' ? 'bg-green-500/10 text-green-400' : 'bg-gray-500/10 text-gray-400' }}">{{ $partner['status'] }}</span></td><td class="px-5 py-4 text-right"><button class="text-gray-400 hover:text-white"><i data-lucide="more-horizontal" class="w-5 h-5"></i></button></td></tr>@endforeach</tbody></table></div></div>
        <div class="bg-[#1e293b] rounded-xl border border-gray-800 overflow-hidden"><div class="p-5 border-b border-gray-800"><h2 class="text-xl font-bold text-white">Pending Applications</h2></div><div class="overflow-x-auto"><table class="w-full text-sm text-left"><thead class="text-xs text-gray-500 uppercase bg-[#0f172a]"><tr><th class="px-5 py-3">Business</th><th class="px-5 py-3">Category</th><th class="px-5 py-3">Date</th><th class="px-5 py-3">Status</th><th class="px-5 py-3 text-right">Actions</th></tr></thead><tbody class="divide-y divide-gray-800">@foreach($applications as $app)<tr class="hover:bg-gray-800/50"><td class="px-5 py-4 font-medium text-white">{{ $app['name'] }}</td><td class="px-5 py-4 text-gray-400">{{ $app['category'] }}</td><td class="px-5 py-4 text-gray-400">{{ $app['date'] }}</td><td class="px-5 py-4"><span class="inline-flex items-center px-2 py-1 rounded-full text-xs font-medium {{ $app['status'] === 'Pending' ? 'bg-amber-500/10 text-amber-400' : 'bg-blue-500/10 text-blue-400' }}">{{ $app['status'] }}</span></td><td class="px-5 py-4 text-right flex justify-end gap-2"><button class="p-1 hover:bg-green-500/20 rounded text-green-400"><i data-lucide="check" class="w-4 h-4"></i></button><button class="p-1 hover:bg-red-500/20 rounded text-red-400"><i data-lucide="x" class="w-4 h-4"></i></button></td></tr>@endforeach</tbody></table></div></div>
    </div>
@endsection