@extends('layouts.app')

@section('content')
<div class="container">
    <h1>Dashboard Dosen - Sistem Kesalahan Akademik</h1>

    <div style="display: flex; gap: 20px; margin-top: 20px;">
        <div style="flex: 1; background: #e0f7fa; padding: 20px; border-radius: 10px;">
            <h3>Total Mahasiswa</h3>
            <p style="font-size: 24px;">{{ $totalMahasiswa }}</p>
            <a href="{{ route('mahasiswa.index') }}">Kelola Mahasiswa</a>
        </div>

        <div style="flex: 1; background: #ffe0b2; padding: 20px; border-radius: 10px;">
            <h3>Total Catatan Kesalahan</h3>
            <p style="font-size: 24px;">{{ $totalCatatan }}</p>
            <a href="{{ route('catatan.index') }}">Lihat Catatan Kesalahan</a>
        </div>

        <div style="flex: 1; background: #dcedc8; padding: 20px; border-radius: 10px;">
            <h3>Jenis Kesalahan</h3>
            <p style="font-size: 24px;">{{ $totalJenis }}</p>
            <a href="{{ route('jenis.index') }}">Kelola Jenis Kesalahan</a>
        </div>
    </div>
</div>
@endsection