@extends('partner.layouts.app')

@section('title', 'Analytics')

@section('content')
    <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">Analytics</h1><p class="text-gray-600">Detailed insights into your offer performance.</p></div><select class="px-3 py-2 rounded-lg border border-gray-200 text-sm bg-white"><option>Last 7 Days</option><option>Last 30 Days</option></select></div>
        <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
            <div class="bg-white p-6 rounded-xl shadow-sm border border-gray-100"><h3 class="text-lg font-bold text-gray-900 mb-6">Weekly Redemptions</h3><div class="h-[300px] rounded-lg bg-gray-50 flex items-end gap-3 p-6">@foreach([45,52,38,65,98,120,85] as $v)<div class="flex-1 bg-[#0d4a4a] rounded-t" style="height: {{ $v/1.4 }}%"></div>@endforeach</div></div>
            <div class="bg-white p-6 rounded-xl shadow-sm border border-gray-100"><h3 class="text-lg font-bold text-gray-900 mb-6">Redemptions by Offer</h3><div class="h-[300px] rounded-lg bg-gray-50 p-6 flex items-center justify-center"><div class="w-56 h-56 rounded-full" style="background: conic-gradient(#0d4a4a 0 40%, #F5A623 40% 67%, #1a6b6b 67% 85%, #e0961f 85% 100%);"></div></div><div class="flex justify-center gap-4 flex-wrap mt-4 text-xs text-gray-600"><span class="inline-flex items-center gap-2"><span class="w-3 h-3 rounded-full bg-[#0d4a4a]"></span>Dining Offer</span><span class="inline-flex items-center gap-2"><span class="w-3 h-3 rounded-full bg-[#F5A623]"></span>Beverage Offer</span><span class="inline-flex items-center gap-2"><span class="w-3 h-3 rounded-full bg-[#1a6b6b]"></span>Dessert Offer</span><span class="inline-flex items-center gap-2"><span class="w-3 h-3 rounded-full bg-[#e0961f]"></span>Brunch Offer</span></div></div>
        </div>
    </div>
@endsection