@extends('layouts.app')

@section('title', 'Dashboard | NIPGHS Admin Panel')

@section('content')
<!-- Content Header -->
<div class="content-header">
    <div class="leftside-content-header">
        <ul class="breadcrumbs">
            <li><i class="fa fa-home" aria-hidden="true"></i><a href="javascript:void(0)">Dashboard</a></li>
        </ul>
    </div>
</div>

<!-- Dashboard Widgets -->
<div class="row animated fadeInUp">
    <div class="col-sm-12">
        <div class="row">
            <h2 class="section-subtitle text-center"><b>Welcome to NIPGHS Admin Panel</b></h2>
        </div>
    </div>

    <!-- Online Admission Widgets -->
    <div class="col-sm-12">
        <h4 class="section-subtitle"><b>Online Admission :</b> 2025</h4>
        <div class="row">
            <div class="col-sm-6 col-md-4 col-lg-3">
                <div class="panel widgetbox wbox-1 bg-lighter-2 color-light">
                    <a href="{{ route('admission.applied') }}">
                        <div class="panel-content">
                            <h1 class="title color-darker-2"><i class="fa fa-graduation-cap"></i> 510</h1>
                            <h4 class="subtitle color-darker-1">Total Student Applied</h4>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-sm-6 col-md-4 col-lg-3">
                <div class="panel widgetbox wbox-1 bg-lighter-2 color-light">
                    <a href="#">
                        <div class="panel-content">
                            <h1 class="title color-darker-2"><i class="fa fa-money"></i> 509</h1>
                            <h4 class="subtitle color-darker-1">Total Paid Student</h4>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-sm-6 col-md-4 col-lg-3">
                <div class="panel widgetbox wbox-1 bg-lighter-2 color-light">
                    <a href="#">
                        <div class="panel-content">
                            <h1 class="title color-darker-2"><i class="fa fa-user-times"></i> 1</h1>
                            <h4 class="subtitle color-darker-1">Total Unpaid Student</h4>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <!-- Teacher Widgets -->
    <div class="col-sm-12">
        <h4 class="section-subtitle"><b>Teacher</b></h4>
        <div class="row">
            <div class="col-sm-6 col-md-4 col-lg-3">
                <div class="panel widgetbox wbox-1 bg-lighter-2 color-light">
                    <a href="#">
                        <div class="panel-content">
                            <h1 class="title color-darker-2"><i class="fa fa-user-plus"></i> 57</h1>
                            <h4 class="subtitle color-darker-1">Total Registered Teacher</h4>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-sm-6 col-md-4 col-lg-3">
                <div class="panel widgetbox wbox-1 bg-lighter-2 color-light">
                    <a href="#">
                        <div class="panel-content">
                            <h1 class="title color-darker-2"><i class="fa fa-user"></i> 41</h1>
                            <h4 class="subtitle color-darker-1">Total Active Teacher</h4>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-sm-6 col-md-4 col-lg-3">
                <div class="panel widgetbox wbox-1 bg-lighter-2 color-light">
                    <a href="#">
                        <div class="panel-content">
                            <h1 class="title color-darker-2"><i class="fa fa-user-times"></i> 16</h1>
                            <h4 class="subtitle color-darker-1">Total Inactive Teacher</h4>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <!-- Current Student Widgets -->
    <div class="col-sm-12">
        <h4 class="section-subtitle"><b>Current Student:</b> 2025</h4>
        <div class="row">
            <div class="col-sm-6 col-md-4 col-lg-3">
                <div class="panel widgetbox wbox-1 bg-lighter-2 color-light">
                    <a href="#">
                        <div class="panel-content">
                            <h1 class="title color-darker-2"><i class="fa fa-graduation-cap"></i> 452</h1>
                            <h4 class="subtitle color-darker-1">Total Student</h4>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-sm-6 col-md-4 col-lg-3">
                <div class="panel widgetbox wbox-1 bg-lighter-2 color-light">
                    <a href="#">
                        <div class="panel-content">
                            <h1 class="title color-darker-2"><i class="fa fa-user"></i> 427</h1>
                            <h4 class="subtitle color-darker-1">Total Active Student</h4>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-sm-6 col-md-4 col-lg-3">
                <div class="panel widgetbox wbox-1 bg-lighter-2 color-light">
                    <a href="#">
                        <div class="panel-content">
                            <h1 class="title color-darker-2"><i class="fa fa-user-times"></i> 25</h1>
                            <h4 class="subtitle color-darker-1">Total Inactive Student</h4>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection