@extends('mahasiswa.layout', [
    'title' => 'Transkrip Nilai',
    'heading' => 'Transkrip Nilai',
    'subheading' => 'Lihat ringkasan seluruh hasil studi kamu lengkap dengan total SKS dan IPK.',
])

@section('mahasiswa-content')
    {{-- IPK Stats --}}
    <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">Seluruh 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['ipk'], 2) }}</div>
                <div class="stat-label">IPK</div>
                <div class="stat-desc">Indeks Prestasi Kumulatif</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: 1rem;">{{ $summary['predikat_ipk'] }}</div>
                <div class="stat-label">Predikat</div>
                <div class="stat-desc">{{ $summary['yudisium']['dengan_pujian'] ? 'Dengan Pujian!' : '' }}</div>
            </div>
        </div>
        <div class="col-lg-3 col-md-6">
            <div class="stat-card stat-card-warning">
                <div class="stat-icon"><i class="fas fa-calendar-alt"></i></div>
                <div class="stat-value">{{ $summary['total_semester'] }}</div>
                <div class="stat-label">Semester</div>
                <div class="stat-desc">Telah ditempuh</div>
            </div>
        </div>
    </div>

    {{-- Progress SKS --}}
    <div class="card border-0 shadow-sm mb-4">
        <div class="card-header">
            <i class="fas fa-tasks text-primary mr-2"></i>Progress Studi
        </div>
        <div class="card-body">
            <div class="row align-items-center">
                <div class="col-md-3 text-center">
                    <div class="position-relative" style="width: 120px; height: 120px; margin: 0 auto;">
                        <svg viewBox="0 0 36 36" class="circular-chart" style="width: 120px; height: 120px;">
                            <path class="circle-bg" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"
                                fill="none" stroke="#e2e8f0" stroke-width="3" />
                            <path class="circle" stroke-dasharray="{{ min(100, ($summary['total_sks'] / 144) * 100) }}, 100"
                                d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"
                                fill="none" stroke="#206bc4" stroke-width="3" stroke-linecap="round" />
                            <text x="18" y="20.35" class="percentage" text-anchor="middle" font-size="8" font-weight="700" fill="#1e293b">
                                {{ min(100, round(($summary['total_sks'] / 144) * 100, 0)) }}%
                            </text>
                        </svg>
                    </div>
                </div>
                <div class="col-md-9">
                    <div class="row">
                        <div class="col-md-4">
                            <div class="info-label">SKS Lulus</div>
                            <div class="h4 font-weight-bold text-success">{{ $summary['sks_lulus'] }}</div>
                        </div>
                        <div class="col-md-4">
                            <div class="info-label">SKS Tidak Lulus</div>
                            <div class="h4 font-weight-bold text-danger">{{ $summary['sks_tidak_lulus'] }}</div>
                        </div>
                        <div class="col-md-4">
                            <div class="info-label">SKS Diperlukan</div>
                            <div class="h4 font-weight-bold text-primary">144</div>
                        </div>
                    </div>
                    <div class="mt-3">
                        <div class="progress" style="height: 10px; border-radius: 5px;">
                            <div class="progress-bar bg-success" role="progressbar"
                                style="width: {{ min(100, ($summary['sks_lulus'] / 144) * 100) }}%"
                                aria-valuenow="{{ $summary['sks_lulus'] }}" aria-valuemin="0" aria-valuemax="144">
                            </div>
                        </div>
                        <small class="text-muted mt-1 d-block">
                            {{ max(0, 144 - $summary['sks_lulus']) }} SKS lagi untuk menyelesaikan studi
                        </small>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- Yudisium Info --}}
    <div class="card border-0 shadow-sm mb-4 {{ $summary['yudisium']['lulus'] ? 'border-success' : 'border-warning' }}">
        <div class="card-header {{ $summary['yudisium']['lulus'] ? 'bg-success text-white' : 'bg-warning text-dark' }}">
            <i class="fas fa-graduation-cap mr-2"></i>
            Status Yudisium
        </div>
        <div class="card-body">
            <div class="row align-items-center">
                <div class="col-md-8">
                    <h5 class="font-weight-bold mb-2">
                        @if ($summary['yudisium']['dengan_pujian'])
                            <i class="fas fa-trophy text-warning mr-2"></i>Selamat! Anda berhak mendapat predikat Cumlaude
                        @elseif ($summary['yudisium']['lulus'])
                            <i class="fas fa-check-circle text-success mr-2"></i>Memenuhi syarat kelulusan
                        @else
                            <i class="fas fa-exclamation-circle text-warning mr-2"></i>Belum memenuhi syarat kelulusan
                        @endif
                    </h5>
                    <p class="mb-0 text-muted">
                        IPK: <strong>{{ number_format($summary['ipk'], 2) }}</strong> |
                        Minimum: <strong>{{ number_format($summary['yudisium']['minimum_ipk'], 2) }}</strong> |
                        Predikat: <strong>{{ $summary['predikat_ipk'] }}</strong>
                    </p>
                </div>
                <div class="col-md-4 text-right">
                    @if ($summary['yudisium']['dengan_pujian'])
                        <span class="badge badge-warning" style="font-size: 1rem; padding: 0.5rem 1rem;">
                            <i class="fas fa-medal mr-1"></i>CUMLAUDE
                        </span>
                    @elseif ($summary['yudisium']['lulus'])
                        <span class="badge badge-success" style="font-size: 1rem; padding: 0.5rem 1rem;">
                            <i class="fas fa-check mr-1"></i>LULUS
                        </span>
                    @else
                        <span class="badge badge-secondary" style="font-size: 1rem; padding: 0.5rem 1rem;">
                            <i class="fas fa-clock mr-1"></i>BERJALAN
                        </span>
                    @endif
                </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-chart-bar 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>
                                    <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 Transkrip --}}
    <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 Transkrip Nilai
            </div>
            <a href="{{ route('mahasiswa.transkrip.download') }}" 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>Tahun Akademik</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>{{ $row['tahun_akademik']?->tahun ?? '-' }} / {{ ucfirst($row['tahun_akademik']?->semester ?? '-') }}</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 data transkrip.</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="2"></th>
                            <th><strong>{{ $summary['total_mutu'] }}</strong></th>
                            <th colspan="2"></th>
                        </tr>
                        <tr>
                            <th colspan="3" class="text-right">IPK</th>
                            <th colspan="4"><strong>{{ number_format($summary['ipk'], 2) }}</strong></th>
                            <th colspan="2">
                                <span class="badge badge-primary">{{ $summary['predikat_ipk'] }}</span>
                            </th>
                        </tr>
                    </tfoot>
                </table>
            </div>
        </div>
    </div>
@endsection