@extends('layouts.app')
@section('title', 'Revenue Report')
@section('page-title', 'Revenue Report')

@section('content')
<div class="page-header">
    <div>
        <div class="breadcrumb"><a href="{{ route('hotel.dashboard') }}">Dashboard</a><span>/</span><a href="{{ route('hotel.reports.index') }}">Reports</a><span>/</span>Revenue</div>
        <h1>Revenue Report</h1>
    </div>
</div>

<div class="card">
    <div class="card-body">
        <form method="GET" class="form-row" style="margin-bottom:20px;">
            <div class="form-group">
                <label>Start Date</label>
                <input type="date" name="start_date" class="form-control" value="{{ $startDate }}">
            </div>
            <div class="form-group">
                <label>End Date</label>
                <input type="date" name="end_date" class="form-control" value="{{ $endDate }}">
            </div>
            <div class="form-group" style="display:flex;align-items:flex-end;">
                <button type="submit" class="btn btn-primary">Apply Filter</button>
            </div>
        </form>

        <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;">
            <div style="background:#d1fae5;padding:15px;border-radius:8px;">
                <div style="font-size:12px;color:#065f46;">Total Revenue</div>
                <div style="font-size:24px;font-weight:bold;color:#059669;">₦{{ number_format($totalRevenue, 2) }}</div>
            </div>
            <div style="background:#fed7aa;padding:15px;border-radius:8px;">
                <div style="font-size:12px;color:#92400e;">Pending Balance</div>
                <div style="font-size:24px;font-weight:bold;color:#d97706;">₦{{ number_format($totalPending, 2) }}</div>
            </div>
            <div style="background:#bfdbfe;padding:15px;border-radius:8px;">
                <div style="font-size:12px;color:#1e40af;">Partial Payments</div>
                <div style="font-size:24px;font-weight:bold;color:#2563eb;">₦{{ number_format($totalPartial, 2) }}</div>
            </div>
        </div>

        <h4>Daily Revenue</h4>
        <div style="overflow-x:auto;">
            <table class="table">
                <thead><tr><th>Date</th><th>Revenue</th></tr></thead>
                <tbody>
                    @foreach($dailyRevenue as $day)
                    <tr>
                        <td>{{ \Carbon\Carbon::parse($day->date)->format('d M Y') }}</td>
                        <td>₦{{ number_format($day->total, 2) }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection