@extends('layouts.app') @section('title','Dashboard') @section('breadcrumb')
<li class="breadcrumb-item active">Dashboard</li>
@endsection @section('content')
<h1 class="mb-4">Dashboard</h1>
<div class="row mb-4">
	<div class="col-md-3 mb-3">
		<div class="card text-center">
			<div class="card-body">
				<h6 class="card-title text-muted">Total Students</h6>
				<h2 class="text-primary">{{$activeStudents}}</h2>
				<small class="text-success">Active</small>
			</div>
		</div>
	</div>
	<div class="col-md-3 mb-3">
		<div class="card text-center">
			<div class="card-body">
				<h6 class="card-title text-muted">Staff Members</h6>
				<h2 class="text-info">{{$activeStaff}}</h2>
				<small class="text-muted">Active</small>
			</div>
		</div>
	</div>
	<div class="col-md-3 mb-3">
		<div class="card text-center">
			<div class="card-body">
				<h6 class="card-title text-muted">Fees Collected</h6>
				<h2 class="text-success">₹{{$totalCollectedFee}}</h2>
				<small class="text-muted">Current Academic Year</small>
			</div>
		</div>
	</div>
	<div class="col-md-3 mb-3">
		<div class="card text-center">
			<div class="card-body">
				<h6 class="card-title text-muted">Pending Fees</h6>
				<h2 class="text-warning">₹{{$pendingFee}}</h2>
				<small class="text-danger">Requires action</small>
			</div>
		</div>
	</div>
</div>

<div class="row">
	<div class="col-md-12 mb-4">
		<div class="card">
			<div class="card-header bg-light"><h5 class="mb-0">Quick Actions</h5></div>
			<div class="card-body">
				<div class="d-grid gap-2">
					<a href="{{ route('students.index') }}?tab=register" class="btn btn-outline-primary"><i class="bi bi-plus-circle me-2"></i>Register New Student</a>
					<a href="{{ route('student-fees.index') }}" class="btn btn-outline-info"><i class="bi bi-credit-card me-2"></i>Collect Student Fees</a>
				</div>
			</div>
		</div>
	</div>
	<!-- <div class="col-md-6 mb-4">
		<div class="card">
			<div class="card-header bg-light"><h5 class="mb-0">Recent Activities</h5></div>
			<div class="card-body">
				<ul class="list-unstyled">
					<li class="mb-3 pb-3 border-bottom">
						<small class="text-muted">2 hours ago</small><br />
						<strong>Fee collected</strong> - ₹50,000 from Class 5-A
					</li>
					<li class="mb-3 pb-3 border-bottom">
						<small class="text-muted">Yesterday</small><br />
						<strong>Student registered</strong> - Raj Kumar (Admission #1246)
					</li>
				</ul>
			</div>
		</div>
	</div> -->
</div>
@endsection