@extends('main')

@section('content')
<!-- Gray background for the whole section -->
<div class="w-full p-6">
    <!-- Responsive grid for the cards -->
    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
        
        <!-- Card 1 -->
        <div class="bg-white rounded-lg shadow-lg p-6 text-center">
            <h3 class="text-2xl font-bold text-black">Total Students</h3>
            <p class="text-3xl font-semibold mt-2">{{$data['total_students']}}</p>
        </div>

        <!-- Card 2 -->
        <div class="bg-white rounded-lg shadow-lg p-6 text-center">
            <h3 class="text-2xl font-bold text-green-500">Approved Students</h3>
            <p class="text-3xl font-semibold mt-2 text-green-500">{{$data['total_approve_student']}}</p>
        </div>
        @if(Auth::user()->admin_type == 1)
        <!-- Card 3 -->
        <div class="bg-white rounded-lg shadow-lg p-6 text-center">
            <h3 class="text-2xl font-bold text-blue-500">Total Branch</h3>
            <p class="text-3xl font-semibold mt-2 text-blue-500">{{$data['total_branch']}}</p>
        </div>

        <!-- Card 4 -->
        <div class="bg-white rounded-lg shadow-lg p-6 text-center">
            <h3 class="text-2xl font-bold text-cyan-500">Total Exam Centre</h3>
            <p class="text-3xl font-semibold mt-2 text-cyan-500">{{$data['total_exam_centre']}}</p>
        </div>
        @endif
    </div>
</div>
@endsection