@extends('mahasiswa.layout', [
    'title' => 'KHS',
    'heading' => 'Kartu Hasil Studi',
    'subheading' => 'Pantau hasil studi kamu per semester lengkap dengan total SKS dan IPS.',
])

@section('mahasiswa-content')
    <div class="card border-0 shadow-sm mb-4">
        <div class="card-header">
            <i class="fas fa-filter text-primary mr-2"></i>Filter Tahun Akademik
        </div>
        <div class="card-body">
            <form method="GET">
                <div class="row align-items-center">
                    <div class="col-md-4">
                        <select name="tahun_akademik_id" class="form-control">
                            <option value="">Tahun Akademik Aktif</option>
                            @foreach ($years as $item)
                                <option value="{{ $item->id }}" @selected($year?->id === $item->id)>{{ $item->tahun }} / {{ ucfirst($item->semester) }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-4">
                        <div class="btn-group">
                            <button type="submit" class="btn btn-primary">
                                <i class="fas fa-search mr-1"></i>Tampilkan
                            </button>
                            <a href="{{ route('mahasiswa.khs.index') }}" class="btn btn-outline-secondary">Reset</a>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>

    {{-- Stat Cards --}}
    <div class="row g-3 mb-4">
        <div class="col-lg-3 col-md-6">
            <div class="stat-card stat-card-info">
                <div class="stat-icon"><i class="fas fa-book"></i></div>
                <div class="stat-value">{{ $summary['total_sks'] }}</div>
                <div class="stat-label">Total SKS</div>
                <div class="stat-desc">Semester {{ $year?->tahun ?? '-' }} / {{ ucfirst($year?->semester ?? '-') }}</div>
            </div>
        </div>
        <div class="col-lg-3 col-md-6">
            <div class="stat-card stat-card-success">
                <div class="stat-icon"><i class="fas fa-chart-line"></i></div>
                <div class="stat-value">{{ number_format($summary['ips'], 2) }}</div>
                <div class="stat-label">IPS</div>
                <div class="stat-desc">Indeks Prestasi Semester</div>
            </div>
        </div>
        <div class="col-lg-3 col-md-6">
            <div class="stat-card stat-card-primary">
                <div class="stat-icon"><i class="fas fa-star"></i></div>
                <div class="stat-value">{{ $summary['total_mutu'] }}</div>
                <div class="stat-label">Total Mutu</div>
                <div class="stat-desc">SKS &times; Bobot</div>
            </div>
        </div>
        <div class="col-lg-3 col-md-6">
            <div class="stat-card stat-card-purple">
                <div class="stat-icon"><i class="fas fa-award"></i></div>
                <div class="stat-value" style="font-size: 1.1rem;">{{ $summary['predikat_ips'] }}</div>
                <div class="stat-label">Predikat</div>
                <div class="stat-desc">Berdasarkan IPS</div>
            </div>
        </div>
    </div>

    {{-- Histori IPS --}}
    @if (!empty($summary['histori_ips']))
        <div class="card border-0 shadow-sm mb-4">
            <div class="card-header">
                <i class="fas fa-history text-info mr-2"></i>Histori IPS per Semester
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-hover table-bordered">
                        <thead class="thead-light">
                            <tr>
                                <th>No</th>
                                <th>Tahun Akademik</th>
                                <th>Jumlah MK</th>
                                <th>Total SKS</th>
                                <th>Total Mutu</th>
                                <th>IPS</th>
                                <th>Predikat</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($summary['histori_ips'] as $index => $item)
                                <tr class="{{ $year && $item['tahun_akademik_id'] == $year->id ? 'table-primary' : '' }}">
                                    <td>{{ $index + 1 }}</td>
                                    <td>{{ $item['tahun'] }} / {{ ucfirst($item['semester']) }}</td>
                                    <td>{{ $item['jumlah_mk'] }}</td>
                                    <td>{{ $item['total_sks'] }}</td>
                                    <td>{{ $item['total_mutu'] }}</td>
                                    <td><strong>{{ number_format($item['ips'], 2) }}</strong></td>
                                    <td>
                                        <span class="badge badge-{{ $item['ips'] >= 3.5 ? 'success' : ($item['ips'] >= 3.0 ? 'primary' : ($item['ips'] >= 2.5 ? 'info' : 'warning')) }}">
                                            {{ $item['predikat'] }}
                                        </span>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    @endif

    {{-- Detail KHS --}}
    <div class="card border-0 shadow-sm">
        <div class="card-header d-flex justify-content-between align-items-center">
            <div>
                <i class="fas fa-list text-primary mr-2"></i>
                Detail KHS {{ $year?->tahun ?? '-' }} / {{ ucfirst($year?->semester ?? '-') }}
            </div>
            <a href="{{ route('mahasiswa.khs.download', request()->only('tahun_akademik_id')) }}" class="btn btn-danger btn-sm">
                <i class="fas fa-file-pdf mr-1"></i> Download PDF
            </a>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-hover table-bordered">
                    <thead class="thead-light">
                        <tr>
                            <th>No</th>
                            <th>Kode MK</th>
                            <th>Mata Kuliah</th>
                            <th>SKS</th>
                            <th>Nilai Akhir</th>
                            <th>Huruf</th>
                            <th>Bobot</th>
                            <th>Mutu</th>
                            <th>Status</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($summary['rows'] as $index => $row)
                            <tr>
                                <td>{{ $index + 1 }}</td>
                                <td>{{ $row['mata_kuliah']?->kode_mk ?? '-' }}</td>
                                <td>{{ $row['mata_kuliah']?->nama_mk ?? '-' }}</td>
                                <td>{{ $row['sks'] }}</td>
                                <td>{{ number_format((float) ($row['nilai']->nilai_akhir ?? 0), 2) }}</td>
                                <td><strong>{{ $row['nilai']->grade ?? '-' }}</strong></td>
                                <td>{{ number_format((float) $row['bobot'], 2) }}</td>
                                <td>{{ number_format((float) $row['mutu'], 2) }}</td>
                                <td>
                                    @if ($row['bobot'] > 0)
                                        <span class="badge badge-success">Lulus</span>
                                    @else
                                        <span class="badge badge-danger">Tidak Lulus</span>
                                    @endif
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="9" class="text-center text-muted py-4">
                                    <i class="fas fa-inbox mb-2" style="font-size: 2rem; opacity: 0.4;"></i>
                                    <p class="mb-0">Belum ada nilai untuk semester ini.</p>
                                </td>
                            </tr>
                        @endforelse
                    </tbody>
                    <tfoot class="thead-light">
                        <tr>
                            <th colspan="3" class="text-right">TOTAL</th>
                            <th>{{ $summary['total_sks'] }}</th>
                            <th colspan="3"></th>
                            <th><strong>{{ $summary['total_mutu'] }}</strong></th>
                            <th></th>
                        </tr>
                        <tr>
                            <th colspan="3" class="text-right">IPS</th>
                            <th colspan="5"><strong>{{ number_format($summary['ips'], 2) }}</strong></th>
                            <th>
                                <span class="badge badge-primary">{{ $summary['predikat_ips'] }}</span>
                            </th>
                        </tr>
                    </tfoot>
                </table>
            </div>
        </div>
    </div>
@endsection