@extends('layouts.admin.app')

@section('title','Dashboard')

@section('content')
<div class="container-fluid p-0">

    <h3 class="mb-3">Dashboard</h3>

    @if($lowStockCount > 0)
    <div class="alert alert-warning alert-dismissible fade show">
        <strong>⚠ Stok Obat Menipis!</strong>
        Ada {{ $lowStockCount }} obat yang stoknya di bawah minimum.
        <a href="{{ route('medicines.index') }}" class="alert-link">Lihat</a>
    </div>
    @endif

    {{-- ================== SUMMARY ROW ================== --}}
    <div class="row">

        {{-- Reservasi Hari Ini --}}
        <div class="col-md-3">
            <div class="card shadow-sm">
                <div class="card-body">
                    <h6 class="text-muted">Reservasi Hari Ini</h6>
                    <h3 class="fw-bold">{{ $todayAppointments }}</h3>
                    <small class="text-muted">Janji temu hari ini</small>
                </div>
            </div>
        </div>

        {{-- Total Pasien --}}
        <div class="col-md-3">
            <div class="card shadow-sm">
                <div class="card-body">
                    <h6 class="text-muted">Total Pasien</h6>
                    <h3 class="fw-bold">{{ $totalPatients }}</h3>
                    <small class="text-muted">Pasien terdaftar</small>
                </div>
            </div>
        </div>

        {{-- Pendapatan Bulan Ini --}}
        <div class="col-md-3">
            <div class="card shadow-sm">
                <div class="card-body">
                    <h6 class="text-muted">Pendapatan Bulan Ini</h6>
                    <h3 class="fw-bold">
                        Rp {{ number_format($monthlyIncome ?? 0,0,',','.') }}
                    </h3>
                    <small class="text-muted">Total pembayaran lunas</small>
                </div>
            </div>
        </div>

        {{-- Obat Terpakai --}}
        <div class="col-md-3">
            <div class="card shadow-sm">
                <div class="card-body">
                    <h6 class="text-muted">Resep Bulan Ini</h6>
                    <h3 class="fw-bold">{{ $medicineUsed }}</h3>
                    <small class="text-muted">Jumlah obat diresepkan</small>
                </div>
            </div>
        </div>

    </div>

    {{-- ================== SECOND ROW ================== --}}
    <div class="row mt-4">

        {{-- Inbox Summary --}}
        <div class="col-md-6">
            <div class="card shadow-sm h-100">
                <div class="card-header">
                    <strong>Inbox Contact</strong>
                </div>
                <div class="card-body">

                    <table class="table table-sm">
                        <tr>
                            <td>Total Pesan</td>
                            <td class="text-end">{{ $contactStats['total'] }}</td>
                        </tr>
                        <tr>
                            <td>Belum Dibaca</td>
                            <td class="text-end text-danger fw-bold">
                                {{ $contactStats['unread'] }}
                            </td>
                        </tr>
                        <tr>
                            <td>Sudah Dibalas</td>
                            <td class="text-end text-success">
                                {{ $contactStats['replied'] }}
                            </td>
                        </tr>
                        <tr>
                            <td>Pesan Hari Ini</td>
                            <td class="text-end">{{ $contactStats['today'] }}</td>
                        </tr>
                        <tr>
                            <td>Minggu Ini</td>
                            <td class="text-end">{{ $contactStats['this_week'] }}</td>
                        </tr>
                    </table>

                    <a href="{{ route('admin.contact.inbox') }}" class="btn btn-sm btn-primary">
                        Buka Inbox
                    </a>

                </div>
            </div>
        </div>

        {{-- Layanan Terlaris --}}
        <div class="col-md-6">
            <div class="card shadow-sm h-100">
                <div class="card-header">
                    <strong>Layanan Terlaris</strong>
                </div>
                <div class="card-body text-center">

                    @if($topService)
                        <h4 class="fw-bold">{{ $topService->name }}</h4>
                        <p class="text-muted">
                            Digunakan {{ $topService->appointments_count }} kali
                        </p>
                        <p>
                            Harga: Rp {{ number_format($topService->price,0,',','.') }}
                        </p>
                    @else
                        <p class="text-muted">Belum ada data layanan</p>
                    @endif

                </div>
            </div>
        </div>

    </div>


    {{-- ================== CHART ROW ================== --}}
    <div class="row mt-4">
        <div class="col-md-12">
            <div class="card shadow-sm">
                <div class="card-header">
                    <strong>Grafik Pendapatan Bulanan ({{ date('Y') }})</strong>
                </div>
                <div class="card-body">
                    <canvas id="incomeChart" height="100"></canvas>
                </div>
            </div>
        </div>
    </div>


</div>
@endsection