@extends('layouts.admin')
@section('title', 'POS Report')
@section('page-title', 'POS Sales Report')
@section('page-subtitle', 'Mini mart revenue by period')
@section('content')
<div class="card p-4 mb-6">
    <form action="{{ route('admin.reports.pos') }}" method="GET" class="flex gap-4 items-end">
        <div><label class="block text-xs text-gray-500 mb-1">From</label><input type="date" name="from" value="{{ $from }}" class="border border-gray-300 rounded-lg px-3 py-2 text-sm"></div>
        <div><label class="block text-xs text-gray-500 mb-1">To</label><input type="date" name="to" value="{{ $to }}" class="border border-gray-300 rounded-lg px-3 py-2 text-sm"></div>
        <button type="submit" class="bg-blue-700 text-white px-4 py-2 rounded-lg text-sm"><i class="fas fa-filter mr-2"></i>Filter</button>
    </form>
</div>
<div class="grid grid-cols-2 gap-4 mb-6">
    <div class="card p-4 text-center"><p class="text-xs text-gray-500">Total Revenue</p><p class="text-2xl font-bold text-pink-600">₦{{ number_format($totalRevenue) }}</p></div>
    <div class="card p-4 text-center"><p class="text-xs text-gray-500">Total Transactions</p><p class="text-2xl font-bold text-blue-700">{{ $totalTransactions }}</p></div>
</div>
<div class="card overflow-hidden">
    <div class="overflow-x-auto">
        <table class="w-full text-sm">
            <thead class="bg-gray-50 border-b">
                <tr>
                    <th class="px-4 py-3 text-left">Reference</th>
                    <th class="px-4 py-3 text-left">Customer</th>
                    <th class="px-4 py-3 text-right">Total</th>
                    <th class="px-4 py-3 text-left">Payment</th>
                    <th class="px-4 py-3 text-left">Cashier</th>
                    <th class="px-4 py-3 text-left">Date</th>
                    <th class="px-4 py-3 text-center">Items</th>
                </tr>
            </thead>
            <tbody class="divide-y">
                @forelse($sales as $sale)
                <tr>
                    <td class="px-4 py-3 font-mono text-xs text-pink-700">{{ $sale->reference }}</td>
                    <td class="px-4 py-3">{{ $sale->customer_name }}</td>
                    <td class="px-4 py-3 text-right font-bold text-green-700">₦{{ number_format($sale->total_amount) }}</td>
                    <td class="px-4 py-3 capitalize">{{ str_replace('_', ' ', $sale->payment_method) }}</td>
                    <td class="px-4 py-3">{{ $sale->cashier_name }}</td>
                    <td class="px-4 py-3">{{ \Carbon\Carbon::parse($sale->sale_date)->format('d M Y') }}</td>
                    <td class="px-4 py-3 text-center">{{ $sale->items->count() }}</td>
                </tr>
                @empty
                <tr><td colspan="7" class="px-4 py-8 text-center text-gray-500">No sales for this period.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection