@extends('layouts.app')

@section('title', 'Presensi ' . $mahasiswa->nama . ' - SIAKAD')
@section('page-title', 'Presensi: ' . $mahasiswa->nama)

@section('content')
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header d-flex justify-content-between align-items-center">
                <div>
                    <h5 class="mb-0">
                        <i class="bi bi-person-check me-2"></i>Riwayat Presensi
                    </h5>
                    <small class="text-muted">
                        {{ $mahasiswa->nim }} - {{ $mahasiswa->nama }} |
                        {{ $mahasiswa->prodi->nama ?? '-' }}
                    </small>
                </div>
                <div>
                    <a href="{{ route('admin.presensi.allMahasiswa') }}" class="btn btn-outline-secondary btn-sm">
                        <i class="bi bi-arrow-left me-1"></i>Kembali
                    </a>
                </div>
            </div>
            <div class="card-body">
                {{-- Filter Tahun Akademik --}}
                <form action="{{ route('admin.presensi.byMahasiswa', $mahasiswa) }}" method="GET" class="mb-4">
                    <div class="row">
                        <div class="col-md-4">
                            <label class="form-label">Tahun Akademik</label>
                            <select name="tahun_id" class="form-select" onchange="this.form.submit()">
                                @foreach($tahunList as $ta)
                                    <option value="{{ $ta->id }}" {{ $tahunId == $ta->id ? 'selected' : '' }}>
                                        {{ $ta->tahun }} - {{ $ta->semester }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </form>

                @if($krsList->isEmpty())
                    <div class="text-center py-5">
                        <i class="bi bi-inbox fs-1 text-muted"></i>
                        <p class="text-muted mt-2">Belum ada mata kuliah yang diambil</p>
                    </div>
                @else
                    <div class="table-responsive">
                        <table class="table table-hover table-striped" id="presensiTable">
                            <thead class="table-dark">
                                <tr>
                                    <th width="5%">No</th>
                                    <th>Kode</th>
                                    <th>Mata Kuliah</th>
                                    <th>Dosen</th>
                                    <th class="text-center">Total<br>Pertemuan</th>
                                    <th class="text-center">Hadir</th>
                                    <th class="text-center">Izin</th>
                                    <th class="text-center">Sakit</th>
                                    <th class="text-center">Alpha</th>
                                    <th class="text-center">% Hadir</th>
                                    <th>Status</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php
                                    $totalOverall = $krsList->flatMap->presensis->count();
                                    $totalHadir = $krsList->flatMap->presensis->where('status', 'hadir')->count();
                                    $totalIzin = $krsList->flatMap->presensis->where('status', 'izin')->count();
                                    $totalSakit = $krsList->flatMap->presensis->where('status', 'sakit')->count();
                                    $totalAlpha = $krsList->flatMap->presensis->where('status', 'alpha')->count();
                                @endphp
                                @foreach($krsList as $index => $krs)
                                @php
                                    $presensis = $krs->presensis;
                                    $total = $presensis->count();
                                    $hadir = $presensis->where('status', 'hadir')->count();
                                    $izin = $presensis->where('status', 'izin')->count();
                                    $sakit = $presensis->where('status', 'sakit')->count();
                                    $alpha = $presensis->where('status', 'alpha')->count();
                                    $persen = $total > 0 ? round(($hadir / $total) * 100, 1) : 0;
                                @endphp
                                <tr>
                                    <td>{{ $index + 1 }}</td>
                                    <td>
                                        <span class="badge bg-secondary">{{ $krs->matakuliah->kode }}</span>
                                    </td>
                                    <td>
                                        <strong>{{ $krs->matakuliah->nama }}</strong>
                                    </td>
                                    <td>{{ $krs->matakuliah->dosen->nama ?? '-' }}</td>
                                    <td class="text-center">{{ $total }}</td>
                                    <td class="text-center">
                                        <span class="badge bg-success">{{ $hadir }}</span>
                                    </td>
                                    <td class="text-center">
                                        <span class="badge bg-info">{{ $izin }}</span>
                                    </td>
                                    <td class="text-center">
                                        <span class="badge bg-warning">{{ $sakit }}</span>
                                    </td>
                                    <td class="text-center">
                                        <span class="badge bg-danger">{{ $alpha }}</span>
                                    </td>
                                    <td class="text-center">
                                        @php
                                            $colorClass = $persen >= 75 ? 'success' : ($persen >= 50 ? 'warning' : 'danger');
                                        @endphp
                                        <span class="badge bg-{{ $colorClass }}">{{ $persen }}%</span>
                                    </td>
                                    <td>
                                        @if($total == 0)
                                            <span class="badge bg-secondary">Belum Ada</span>
                                        @elseif($persen >= 75)
                                            <span class="badge bg-success">Lulus</span>
                                        @else
                                            <span class="badge bg-danger">Tidak Lulus</span>
                                        @endif
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                            <tfoot class="table-secondary">
                                <tr>
                                    <td colspan="4" class="text-end fw-bold">Total:</td>
                                    <td class="text-center fw-bold">{{ $totalOverall }}</td>
                                    <td class="text-center fw-bold">{{ $totalHadir }}</td>
                                    <td class="text-center fw-bold">{{ $totalIzin }}</td>
                                    <td class="text-center fw-bold">{{ $totalSakit }}</td>
                                    <td class="text-center fw-bold">{{ $totalAlpha }}</td>
                                    <td class="text-center">
                                        <span class="badge bg-primary">
                                            {{ $totalOverall > 0 ? round(($totalHadir / $totalOverall) * 100, 1) : 0 }}%
                                        </span>
                                    </td>
                                    <td></td>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                @endif
            </div>
        </div>
    </div>
</div>
@endsection

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