@extends('admin.layouts.app')

@section('title', 'Revenue Report - Accounting')

@section('content')
<div class="bg-white rounded-xl shadow-sm p-6 mb-6">
    <h2 class="text-lg font-semibold mb-4">Revenue Report</h2>
    
    <form method="GET" class="grid grid-cols-1 md:grid-cols-4 gap-4 mb-6">
        <div>
            <label class="block text-sm text-gray-600 mb-1">Start Date</label>
            <input type="date" name="start_date" class="w-full border rounded-lg px-3 py-2" value="{{ $startDate ?? date('Y-m-01') }}">
        </div>
        <div>
            <label class="block text-sm text-gray-600 mb-1">End Date</label>
            <input type="date" name="end_date" class="w-full border rounded-lg px-3 py-2" value="{{ $endDate ?? date('Y-m-d') }}">
        </div>
        <div class="flex items-end">
            <button type="submit" class="px-4 py-2 bg-navy text-white rounded-lg hover:bg-navy-light">Filter</button>
        </div>
    </form>

    <div class="grid grid-cols-1 md:grid-cols-4 gap-4">
        <div class="bg-green-50 rounded-lg p-4 text-center">
            <p class="text-sm text-gray-600">Total Revenue</p>
            <p class="text-2xl font-bold text-green-600">₦{{ number_format($totalRevenue ?? 0, 0) }}</p>
        </div>
        <div class="bg-blue-50 rounded-lg p-4 text-center">
            <p class="text-sm text-gray-600">Room Revenue</p>
            <p class="text-2xl font-bold text-blue-600">₦{{ number_format($totalRoomRevenue ?? 0, 0) }}</p>
        </div>
        <div class="bg-purple-50 rounded-lg p-4 text-center">
            <p class="text-sm text-gray-600">POS Revenue</p>
            <p class="text-2xl font-bold text-purple-600">₦{{ number_format($totalPosRevenue ?? 0, 0) }}</p>
        </div>
        <div class="bg-orange-50 rounded-lg p-4 text-center">
            <p class="text-sm text-gray-600">Total Bookings</p>
            <p class="text-2xl font-bold text-orange-600">{{ $totalBookings ?? 0 }}</p>
        </div>
    </div>
</div>

<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
    <div class="bg-white rounded-xl shadow-sm p-6">
        <h3 class="font-semibold mb-4">Daily Room Revenue</h3>
        <div class="overflow-x-auto">
            <table class="w-full text-sm">
                <thead>
                    <tr class="text-left text-gray-500 border-b">
                        <th class="pb-3">Date</th>
                        <th class="pb-3 text-right">Bookings</th>
                        <th class="pb-3 text-right">Revenue</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($dailyRevenue ?? [] as $day)
                    <tr class="border-b border-gray-50">
                        <td class="py-3">{{ \Carbon\Carbon::parse($day->date)->format('M d, Y') }}</td>
                        <td class="py-3 text-right">{{ $day->bookings }}</td>
                        <td class="py-3 text-right font-semibold">₦{{ number_format($day->revenue, 0) }}</td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="3" class="py-4 text-center text-gray-500">No room revenue data</td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>

    <div class="bg-white rounded-xl shadow-sm p-6">
        <h3 class="font-semibold mb-4">Revenue by Outlet</h3>
        <div class="overflow-x-auto">
            <table class="w-full text-sm">
                <thead>
                    <tr class="text-left text-gray-500 border-b">
                        <th class="pb-3">Outlet</th>
                        <th class="pb-3 text-right">Revenue</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($byOutlet ?? [] as $name => $revenue)
                    <tr class="border-b border-gray-50">
                        <td class="py-3">{{ $name }}</td>
                        <td class="py-3 text-right font-semibold">₦{{ number_format($revenue, 0) }}</td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="2" class="py-4 text-center text-gray-500">No outlet revenue data</td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection