@extends('layouts.app')

@section('title', 'Dashboard Presensi - SIAKAD')
@section('page-title', 'Dashboard Statistik Kehadiran')

@section('content')
{{-- Overview Stats --}}
<div class="row mb-4">
    <div class="col-md-3">
        <div class="stat-card">
            <div class="stat-icon primary">
                <i class="bi bi-people"></i>
            </div>
            <div class="stat-content">
                <h3>{{ number_format($totalMahasiswaAktif) }}</h3>
                <p>Mahasiswa Aktif</p>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="stat-card">
            <div class="stat-icon success">
                <i class="bi bi-book"></i>
            </div>
            <div class="stat-content">
                <h3>{{ number_format($totalMatakuliah) }}</h3>
                <p>Mata Kuliah</p>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="stat-card">
            <div class="stat-icon info">
                <i class="bi bi-clipboard-check"></i>
            </div>
            <div class="stat-content">
                <h3>{{ number_format($totalPresensiAll) }}</h3>
                <p>Total Presensi</p>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="stat-card">
            <div class="stat-icon {{ $overallKehadiran >= 75 ? 'success' : 'warning' }}">
                <i class="bi bi-graph-up"></i>
            </div>
            <div class="stat-content">
                <h3>{{ $overallKehadiran }}%</h3>
                <p>Rata-rata Kehadiran</p>
            </div>
        </div>
    </div>
</div>

<div class="row">
    {{-- Attendance by Status --}}
    <div class="col-lg-4">
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0"><i class="bi bi-pie-chart me-2"></i>Statistik Kehadiran</h5>
            </div>
            <div class="card-body">
                <div class="d-flex justify-content-between mb-3">
                    <span><span class="badge bg-success">&nbsp;</span> Hadir</span>
                    <strong>{{ number_format($totalHadirAll) }}</strong>
                </div>
                <div class="progress mb-3" style="height: 20px;">
                    <div class="progress-bar bg-success" style="width: {{ $overallKehadiran }}%"></div>
                </div>

                <div class="d-flex justify-content-between mb-3">
                    <span><span class="badge bg-danger">&nbsp;</span> Alpha</span>
                    <strong>{{ number_format($totalAlphaAll) }}</strong>
                </div>
                <div class="progress mb-3" style="height: 20px;">
                    <div class="progress-bar bg-danger" style="width: {{ $totalPresensiAll > 0 ? round(($totalAlphaAll / $totalPresensiAll) * 100, 1) : 0 }}%"></div>
                </div>

                <hr>

                <div class="d-flex justify-content-between">
                    <span>Total Record</span>
                    <strong>{{ number_format($totalPresensiAll) }}</strong>
                </div>
            </div>
        </div>
    </div>

    {{-- Low Attendance Alert --}}
    <div class="col-lg-8">
        <div class="card">
            <div class="card-header bg-danger text-white">
                <h5 class="mb-0"><i class="bi bi-exclamation-triangle me-2"></i>Peringatan Kehadiran Rendah</h5>
            </div>
            <div class="card-body">
                @if($lowAttendance->isEmpty())
                    <div class="text-center py-4">
                        <i class="bi bi-check-circle text-success fs-1"></i>
                        <p class="mt-2 mb-0 text-muted">Semua mata kuliah memiliki tingkat kehadiran baik (>= 75%)</p>
                    </div>
                @else
                    <div class="table-responsive">
                        <table class="table table-sm">
                            <thead>
                                <tr>
                                    <th>Mata Kuliah</th>
                                    <th>Dosen</th>
                                    <th>Mahasiswa</th>
                                    <th class="text-center">% Kehadiran</th>
                                    <th>Aksi</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($lowAttendance as $item)
                                <tr>
                                    <td>
                                        <strong>{{ $item['matakuliah']->nama }}</strong>
                                        <br><small class="text-muted">{{ $item['matakuliah']->kode }}</small>
                                    </td>
                                    <td>{{ $item['matakuliah']->dosen->nama ?? '-' }}</td>
                                    <td class="text-center">{{ $item['total_mahasiswa'] }}</td>
                                    <td class="text-center">
                                        <span class="badge bg-danger">{{ $item['avg_kehadiran'] }}%</span>
                                    </td>
                                    <td>
                                        <a href="{{ route('admin.presensi.matakuliah', $item['matakuliah']) }}" class="btn btn-sm btn-outline-danger">
                                            <i class="bi bi-eye"></i> Detail
                                        </a>
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @endif
            </div>
        </div>
    </div>
</div>

{{-- Per Prodi Stats --}}
<div class="row mt-4">
    <div class="col-12">
        <div class="card">
            <div class="card-header">
                <h5 class="mb-0"><i class="bi bi-building me-2"></i>Statistik per Program Studi</h5>
            </div>
            <div class="card-body">
                <div class="row">
                    @foreach($prodiStats as $prodi)
                    <div class="col-md-4 mb-3">
                        <div class="border rounded p-3">
                            <h6>{{ $prodi->nama }}</h6>
                            <small class="text-muted">{{ $prodi->jenjang }}</small>
                            <hr>
                            <div class="d-flex justify-content-between">
                                <span>Mahasiswa Aktif</span>
                                <strong>{{ $prodi->total_mahasiswa ?? 0 }}</strong>
                            </div>
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
</div>

{{-- Rekap per Mata Kuliah --}}
<div class="row mt-4">
    <div class="col-12">
        <div class="card">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h5 class="mb-0"><i class="bi bi-list-check me-2"></i>Rekapitulasi Kehadiran per Mata Kuliah</h5>
                <span class="badge bg-primary">{{ $tahunAktif->tahun ?? 'N/A' }} - {{ $tahunAktif->semester ?? '' }}</span>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-hover" id="presensiTable">
                        <thead>
                            <tr>
                                <th width="5%">No</th>
                                <th>Kode</th>
                                <th>Mata Kuliah</th>
                                <th>Dosen</th>
                                <th class="text-center">Mahasiswa</th>
                                <th class="text-center">Total Pertemuan</th>
                                <th class="text-center">Kehadiran</th>
                                <th class="text-center">% Kehadiran</th>
                                <th>Aksi</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($matakuliahStats as $index => $item)
                            <tr>
                                <td>{{ $index + 1 }}</td>
                                <td>
                                    <span class="badge bg-secondary">{{ $item['matakuliah']->kode }}</span>
                                </td>
                                <td>
                                    <strong>{{ $item['matakuliah']->nama }}</strong>
                                    <br><small class="text-muted">{{ $item['matakuliah']->prodi->nama ?? '-' }}</small>
                                </td>
                                <td>{{ $item['matakuliah']->dosen->nama ?? '-' }}</td>
                                <td class="text-center">{{ $item['total_mahasiswa'] }}</td>
                                <td class="text-center">{{ $item['total_pertemuan'] }}</td>
                                <td class="text-center">
                                    <span class="badge bg-success">{{ $item['hadir'] }}</span>
                                    <span class="badge bg-danger ms-1">{{ $item['alpha'] }}</span>
                                </td>
                                <td class="text-center">
                                    @php
                                        $colorClass = $item['avg_kehadiran'] >= 75 ? 'success' : ($item['avg_kehadiran'] >= 50 ? 'warning' : 'danger');
                                    @endphp
                                    <span class="badge bg-{{ $colorClass }}">{{ $item['avg_kehadiran'] }}%</span>
                                </td>
                                <td>
                                    <a href="{{ route('admin.presensi.matakuliah', $item['matakuliah']) }}" class="btn btn-sm btn-outline-primary">
                                        <i class="bi bi-eye"></i> Detail
                                    </a>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script>
    $(document).ready(function() {
        $('#presensiTable').DataTable({
            responsive: true,
            dom: 'Bfrtip',
            buttons: ['copy', 'csv', 'excel', 'pdf', 'print'],
            order: [[7, 'asc']],
            pageLength: 25,
            language: {
                url: '//cdn.datatables.net/plug-ins/1.10.24/i18n/Indonesian.json'
            }
        });
    });
</script>
@endsection