@extends('layouts.app')
@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h2>Reports & Analytics</h2>
    <div class="d-flex gap-2">
        <a href="{{ route('reports.appointments') }}" class="btn btn-outline-primary">Appointment Report</a>
        <a href="{{ route('reports.revenue') }}" class="btn btn-outline-success">Revenue Report</a>
        <a href="{{ route('reports.doctors') }}" class="btn btn-outline-dark">Doctor Performance</a>
    </div>
</div>

<div class="row g-3">
@foreach([
['Total Appointments',$totalAppointments,'primary'],
['Today',$todayAppointments,'info'],
['Completed',$completedAppointments,'success'],
['Cancelled',$cancelledAppointments,'danger'],
['Total Revenue','₹ '.number_format($totalRevenue,2),'dark'],
['This Month','₹ '.number_format($monthlyRevenue,2),'warning'],
['Pending Payments',$pendingPayments,'secondary'],
['Patients',$patients,'primary'],
] as $metric)
<div class="col-md-3"><div class="card shadow-sm border-0 h-100"><div class="card-body"><small class="text-muted">{{ $metric[0] }}</small><h3 class="mt-2 text-{{ $metric[2] }}">{{ $metric[1] }}</h3></div></div></div>
@endforeach
</div>

<div class="row mt-4 g-4">
<div class="col-lg-7"><div class="card shadow-sm"><div class="card-body">
<h5>Appointment Trend</h5>
<table class="table table-sm"><thead><tr><th>Month</th><th>Appointments</th></tr></thead><tbody>
@forelse($monthlyAppointments as $item)
<tr><td>{{ $item->month }}</td><td>{{ $item->total }}</td></tr>
@empty <tr><td colspan="2">No appointment data.</td></tr>@endforelse
</tbody></table>
</div></div></div>
<div class="col-lg-5"><div class="card shadow-sm"><div class="card-body">
<h5>Appointment Status</h5>
<table class="table table-sm"><thead><tr><th>Status</th><th>Total</th></tr></thead><tbody>
@forelse($statusBreakdown as $item)
<tr><td>{{ ucfirst($item->status) }}</td><td>{{ $item->total }}</td></tr>
@empty <tr><td colspan="2">No data.</td></tr>@endforelse
</tbody></table>
</div></div></div>
</div>
@endsection