@extends('layouts.app')

@section('content')

<div class="row g-4">
    <div class="col-md-3">
        <div class="card shadow-sm p-3">
            <h6>Total Doctors</h6>
            <h3>24</h3>
        </div>
    </div>

    <div class="col-md-3">
        <div class="card shadow-sm p-3">
            <h6>Total Patients</h6>
            <h3>1,250</h3>
        </div>
    </div>

    <div class="col-md-3">
        <div class="card shadow-sm p-3">
            <h6>Today Appointments</h6>
            <h3>42</h3>
        </div>
    </div>

    <div class="col-md-3">
        <div class="card shadow-sm p-3">
            <h6>Revenue</h6>
            <h3>₹85,000</h3>
        </div>
    </div>
</div>

<div class="card mt-4 shadow-sm">
    <div class="card-header bg-white">
        <h6 class="mb-0">Recent Appointments</h6>
    </div>
    <div class="card-body">
        <table class="table">
            <thead>
                <tr>
                    <th>Patient</th>
                    <th>Doctor</th>
                    <th>Date</th>
                    <th>Status</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Ravi Kumar</td>
                    <td>Dr. Sharma</td>
                    <td>Today</td>
                    <td><span class="badge bg-success">Confirmed</span></td>
                </tr>
            </tbody>
        </table>
    </div>
</div>

@endsection