@extends('layouts.admin')
@section('title', 'Dashboard')
@section('page', 'dashboard')
@section('content')
@php
    $cur = config('clinic.currency.symbol');
    $maxRev = max(1, ...array_values($revenue ?: [1]));
@endphp
<div class="page-content">
    <div class="page-head">
        <div>
            <div class="breadcrumbs">Dashboard</div>
            <h1 class="page-title">Welcome Back, {{ auth()->user()->name }}!</h1>
            <p class="page-subtitle">Here's what's happening at Dr Dutta Skin Hair Dental Clinic today.</p>
        </div>
        <div class="d-flex align-items-center gap-3">
            <div class="text-end d-none d-md-block"><strong><i class="bi bi-calendar3 me-1"></i> {{ now()->format('l, j F Y') }}</strong><small class="d-block text-secondary">{{ now()->format('h:i A') }}</small></div>
        </div>
    </div>

    <div class="stats-grid five">
        <div class="stat-card"><div class="stat-icon stat-blue"><i class="bi bi-people"></i></div><div><div class="stat-label">Total Patients</div><div class="stat-number">{{ number_format($stats['patients']) }}</div><div class="stat-meta">Registered</div></div></div>
        <div class="stat-card"><div class="stat-icon stat-green"><i class="bi bi-calendar2-check"></i></div><div><div class="stat-label">Today's Appointments</div><div class="stat-number">{{ $stats['today_appts'] }}</div><div class="stat-meta">Scheduled today</div></div></div>
        <div class="stat-card"><div class="stat-icon stat-red"><i class="bi bi-currency-rupee"></i></div><div><div class="stat-label">Today's Revenue</div><div class="stat-number">{{ $cur }} {{ number_format($stats['today_rev']) }}</div><div class="stat-meta">Collected today</div></div></div>
        <div class="stat-card"><div class="stat-icon stat-amber"><i class="bi bi-hourglass-split"></i></div><div><div class="stat-label">Pending Payments</div><div class="stat-number">{{ $cur }} {{ number_format($stats['outstanding']) }}</div><div class="stat-meta danger">Outstanding</div></div></div>
        <div class="stat-card"><div class="stat-icon stat-purple"><i class="bi bi-person-heart"></i></div><div><div class="stat-label">Active Doctors</div><div class="stat-number">{{ $stats['doctors'] }}</div><div class="stat-meta up">Available</div></div></div>
    </div>

    <div class="dashboard-grid">
        <section class="card-admin chart-card">
            <div class="panel-head"><div class="panel-title"><i class="bi bi-bar-chart-fill me-2"></i>Appointments Overview</div></div>
            <div class="panel-body">
                <div class="legend"><span>Booked</span><span class="g">Completed</span><span class="r">Cancelled</span></div>
                <div class="chart-placeholder"><svg id="appointmentsChart" class="chart-svg" viewBox="0 0 620 190" preserveAspectRatio="none"></svg></div>
            </div>
        </section>

        <section class="card-admin chart-card">
            <div class="panel-head"><div class="panel-title"><i class="bi bi-bar-chart-fill me-2"></i>Revenue Overview</div></div>
            <div class="panel-body">
                <div class="d-flex align-items-end gap-2"><div><div class="text-secondary" style="font-size:11px">Total (7 days)</div><div class="stat-number">{{ $cur }} {{ number_format(array_sum($revenue)) }}</div></div></div>
                <div class="revenue-chart">
                    <div class="revenue-bars">
                        @foreach($revenue as $label => $val)
                            <div class="revenue-bar-wrap">
                                <div class="revenue-value">{{ $val >= 1000 ? round($val/1000,1).'K' : round($val) }}</div>
                                <div class="revenue-bar" style="height:{{ max(4, round($val/$maxRev*100)) }}%"></div>
                                <span>{{ $label }}</span>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </section>

        <section class="card-admin schedule-card">
            <div class="panel-head"><div class="panel-title"><i class="bi bi-calendar3 me-2"></i>Today's Schedule</div><a class="text-primary" href="{{ route('admin.appointments.index') }}">View All</a></div>
            <div class="panel-body">
                <div class="calendar-head"><span>‹</span><strong>{{ now()->format('F Y') }}</strong><span>›</span></div>
                <div class="schedule-summary">
                    <strong>{{ $stats['today_appts'] }} Appointments Today</strong>
                    <div class="mt-2">
                        <div><span class="status-dot green-dot"></span> {{ $apptByStatus['confirmed'] ?? 0 }} Confirmed</div>
                        <div><span class="status-dot blue-dot"></span> {{ $apptByStatus['in_consultation'] ?? 0 }} In Consultation</div>
                        <div><span class="status-dot purple-dot"></span> {{ $apptByStatus['completed'] ?? 0 }} Completed</div>
                        <div><span class="status-dot pink-dot"></span> {{ $apptByStatus['cancelled'] ?? 0 }} Cancelled</div>
                    </div>
                </div>
                <div class="mt-3">
                    @forelse($today->take(6) as $a)
                        <div class="d-flex justify-content-between border-bottom py-1"><span>{{ $a->appointment_time ? \Illuminate\Support\Carbon::parse($a->appointment_time)->format('h:i A') : '—' }} · {{ $a->patient->full_name }}</span><small class="text-secondary">{{ $a->doctor?->name ?? '—' }}</small></div>
                    @empty
                        <div class="text-secondary small">No appointments today.</div>
                    @endforelse
                </div>
            </div>
        </section>

        <div class="dashboard-analytics-grid" style="grid-column:span 3">
            <section class="card-admin analytics-card procedures-card">
                <div class="analytics-card-head"><div><h2><i class="bi bi-graph-up"></i> Patient Treatment Procedures Breakdown</h2><p>Distribution of treatments by Clinical Disease / Diagnosis</p></div></div>
                <div class="panel-body">
                    @forelse($breakdown as $b)
                        @php $bmax = max(1, $breakdown->max('count')); @endphp
                        <div class="mb-2">
                            <div class="d-flex justify-content-between"><span>{{ $b['name'] }}</span><strong>{{ $b['count'] }} · {{ $cur }}{{ number_format($b['rev'],0) }}</strong></div>
                            <div class="progress" style="height:8px;background:#eef3f6"><div class="progress-bar" style="width:{{ round($b['count']/$bmax*100) }}%;background:#087a72"></div></div>
                        </div>
                    @empty
                        <p class="text-secondary">No treatments recorded yet.</p>
                    @endforelse
                </div>
            </section>
            <section class="card-admin analytics-card">
                <div class="analytics-card-head"><div><h2><i class="bi bi-pie-chart"></i> Patient Activity by Core Service</h2><p>Appointments by department</p></div></div>
                <div class="panel-body">
                    @forelse($byDept as $d)
                        <div class="d-flex justify-content-between border-bottom py-2"><span>{{ $d['name'] }}</span><strong>{{ $d['count'] }}</strong></div>
                    @empty
                        <p class="text-secondary">No activity yet.</p>
                    @endforelse
                </div>
            </section>
        </div>
    </div>
</div>
@endsection