@extends('layouts.app')

@section('title', 'Rekap Presensi - ' . $matakuliah->nama . ' - SIAKAD')
@section('page-title', 'Rekap Presensi: ' . $matakuliah->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-bar-chart me-2"></i>Rekap Kehadiran Mahasiswa
                    </h5>
                    <small class="text-muted">
                        {{ $matakuliah->kode }} - {{ $matakuliah->nama }} |
                        {{ $tahunAktif->tahun ?? 'N/A' }} - {{ $tahunAktif->semester ?? '' }}
                    </small>
                </div>
                <div>
                    <a href="{{ route('dosen.presensi.cetak', $matakuliah) }}" class="btn btn-danger btn-sm" target="_blank">
                        <i class="bi bi-file-pdf me-1"></i>Export PDF
                    </a>
                    <a href="{{ route('dosen.presensi.matakuliah', $matakuliah) }}" class="btn btn-primary btn-sm">
                        <i class="bi bi-clipboard-plus me-1"></i>Entry Baru
                    </a>
                    <a href="{{ route('dosen.presensi.index') }}" class="btn btn-outline-secondary btn-sm">
                        <i class="bi bi-arrow-left me-1"></i>Kembali
                    </a>
                </div>
            </div>
            <div class="card-body">
                @if($rekapData->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 data presensi</p>
                    </div>
                @else
                    <div class="table-responsive">
                        <table class="table table-hover table-striped" id="rekapTable">
                            <thead class="table-dark">
                                <tr>
                                    <th width="5%">No</th>
                                    <th>NIM</th>
                                    <th>Nama Mahasiswa</th>
                                    <th>Program Studi</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>
                                @foreach($rekapData as $index => $data)
                                <tr>
                                    <td>{{ $index + 1 }}</td>
                                    <td class="text-nowrap">
                                        <span class="badge bg-secondary">{{ $data['mahasiswa']->nim }}</span>
                                    </td>
                                    <td>
                                        <strong>{{ $data['mahasiswa']->nama }}</strong>
                                    </td>
                                    <td>{{ $data['mahasiswa']->prodi->nama ?? '-' }}</td>
                                    <td class="text-center">{{ $data['total_pertemuan'] }}</td>
                                    <td class="text-center">
                                        <span class="badge bg-success">{{ $data['hadir'] }}</span>
                                    </td>
                                    <td class="text-center">
                                        <span class="badge bg-info">{{ $data['izin'] }}</span>
                                    </td>
                                    <td class="text-center">
                                        <span class="badge bg-warning">{{ $data['sakit'] }}</span>
                                    </td>
                                    <td class="text-center">
                                        <span class="badge bg-danger">{{ $data['alpha'] }}</span>
                                    </td>
                                    <td class="text-center">
                                        @php
                                            $colorClass = $data['persentase_hadir'] >= 75 ? 'success' : ($data['persentase_hadir'] >= 50 ? 'warning' : 'danger');
                                        @endphp
                                        <span class="badge bg-{{ $colorClass }}">
                                            {{ $data['persentase_hadir'] }}%
                                        </span>
                                    </td>
                                    <td>
                                        @if($data['persentase_hadir'] >= 75)
                                            <span class="badge bg-success">Lulus</span>
                                        @else
                                            <span class="badge bg-danger">Tidak Lulus</span>
                                        @endif
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @endif
            </div>
        </div>
    </div>
</div>

@push('styles')
<style>
    @media print {
        .card-header .btn, .main-footer, .mobile-bottom-nav, .top-navbar {
            display: none !important;
        }
    }
</style>
@endpush

@section('scripts')
<script>
    $(document).ready(function() {
        $('#rekapTable').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
@endsection