@extends('admin.layouts.dashboard')

@section('title', 'Content')

@section('content')
    @php
        $categories = [
            ['name' => 'Dining', 'count' => 120],
            ['name' => 'Shopping', 'count' => 85],
            ['name' => 'Travel', 'count' => 45],
            ['name' => 'Services', 'count' => 30],
        ];
    @endphp

    <div class="space-y-6">
        <div><h1 class="text-2xl font-bold text-white">Content Management</h1><p class="text-gray-400 text-sm mt-1">Manage categories and platform content.</p></div>
        <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
            <div class="bg-[#1e293b] rounded-xl border border-gray-800 p-6"><div class="flex justify-between items-center mb-6"><h2 class="text-lg font-bold text-white flex items-center gap-2"><i data-lucide="tag" class="w-5 h-5 text-blue-400"></i>Categories</h2><button class="p-2 bg-blue-600/20 text-blue-400 rounded-lg"><i data-lucide="plus" class="w-4 h-4"></i></button></div><div class="space-y-4">@foreach($categories as $cat)<div class="flex items-center justify-between p-4 bg-[#0f172a] rounded-lg border border-gray-800"><div><h3 class="font-medium text-white">{{ $cat['name'] }}</h3><p class="text-xs text-gray-500">{{ $cat['count'] }} partners</p></div><button class="text-gray-400 hover:text-white"><i data-lucide="edit" class="w-4 h-4"></i></button></div>@endforeach</div></div>
            <div class="bg-[#1e293b] rounded-xl border border-gray-800 p-6"><div class="flex justify-between items-center mb-6"><h2 class="text-lg font-bold text-white flex items-center gap-2"><i data-lucide="file-text" class="w-5 h-5 text-purple-400"></i>Pages & Banners</h2><button class="p-2 bg-purple-600/20 text-purple-400 rounded-lg"><i data-lucide="plus" class="w-4 h-4"></i></button></div><div class="space-y-4"><div class="flex items-center justify-between p-4 bg-[#0f172a] rounded-lg border border-gray-800"><div><h3 class="font-medium text-white">Home Hero Banner</h3><p class="text-xs text-gray-500">Last updated: 2 days ago</p></div><button class="text-gray-400 hover:text-white"><i data-lucide="edit" class="w-4 h-4"></i></button></div><div class="flex items-center justify-between p-4 bg-[#0f172a] rounded-lg border border-gray-800"><div><h3 class="font-medium text-white">About Us Page</h3><p class="text-xs text-gray-500">Last updated: 1 week ago</p></div><button class="text-gray-400 hover:text-white"><i data-lucide="edit" class="w-4 h-4"></i></button></div></div></div>
        </div>
    </div>
@endsection