@extends('layouts.app')

@section('title','Reports')

@section('breadcrumb')
<li class="breadcrumb-item active">Reports</li>
@endsection

@section('content')
<h1 class="mb-4">Reports Dashboard</h1>

<div class="row">
    <div class="col-md-4 mb-3">
        <div class="card shadow-sm">
            <div class="card-body text-center">
                <h5>Student Report</h5>
                <p class="text-muted small">Download class-wise student lists</p>
                <button class="btn btn-primary btn-sm">Generate</button>
            </div>
        </div>
    </div>

    <div class="col-md-4 mb-3">
        <div class="card shadow-sm">
            <div class="card-body text-center">
                <h5>Fees Report</h5>
                <p class="text-muted small">Monthly / yearly fee collection</p>
                <button class="btn btn-success btn-sm">Generate</button>
            </div>
        </div>
    </div>

    <div class="col-md-4 mb-3">
        <div class="card shadow-sm">
            <div class="card-body text-center">
                <h5>Staff Report</h5>
                <p class="text-muted small">Department / salary sheets</p>
                <button class="btn btn-info btn-sm">Generate</button>
            </div>
        </div>
    </div>
</div>

@endsection