@extends('layouts.admin')
@section('title', 'Sales Tracker')
@section('content')
<h1 class="text-2xl font-bold mb-6">Sales Tracker</h1>
<div class="flex gap-2 mb-6">
    @foreach(['today' => 'Today', 'week' => 'This Week', 'month' => 'This Month', 'year' => 'This Year'] as $key => $label)
        <a href="{{ route('admin.sales-tracker.index', ['period' => $key]) }}" class="px-4 py-2 rounded-lg text-sm {{ $period === $key ? 'bg-brand text-white' : 'bg-white border' }}">{{ $label }}</a>
    @endforeach
</div>
<div class="grid grid-cols-3 gap-4 mb-8">
    <div class="bg-white rounded-xl p-4 shadow-sm"><div class="text-xs text-gray-500">Revenue (delivered)</div><div class="text-2xl font-bold">৳{{ number_format($revenue, 2) }}</div></div>
    <div class="bg-white rounded-xl p-4 shadow-sm"><div class="text-xs text-gray-500">Items Sold</div><div class="text-2xl font-bold">{{ $itemsSold }}</div></div>
    <div class="bg-white rounded-xl p-4 shadow-sm"><div class="text-xs text-gray-500">Est. Profit (revenue − delivery)</div><div class="text-2xl font-bold">৳{{ number_format($estimatedProfit, 2) }}</div></div>
</div>
<p class="text-xs text-gray-500 mb-4">Note: true profit-per-purchase needs a product cost field, which isn't collected yet — add it to Products to make this exact.</p>
<div class="bg-white rounded-xl shadow-sm overflow-x-auto"><table class="w-full text-sm">
<thead><tr class="text-left text-gray-500 border-b bg-gray-50"><th class="p-3">Order #</th><th>Total</th><th>Date</th></tr></thead>
<tbody>@foreach($orders as $o)<tr class="border-b"><td class="p-3">{{ $o->order_number }}</td><td>৳{{ number_format($o->total, 2) }}</td><td>{{ $o->created_at->format('d M Y') }}</td></tr>@endforeach</tbody>
</table></div>
@endsection