@extends('admin.layout')

@section('content')

<h4 class="mb-3">
    <i data-feather="book-open"></i> Kartu Hasil Studi (KHS)
</h4>

<!-- ================= FILTER ================= -->
<div class="card-modern p-4 mb-4">

    <form method="GET">

        <div class="row g-3">

            <!-- NIM -->
            <div class="col-md-4">
                <label class="form-label">NIM</label>
                <input type="text" name="nim" class="form-control" placeholder="Masukkan NIM"
                    value="{{ request('nim') }}" required>
            </div>

            <!-- TAHUN AKADEMIK -->
            <div class="col-md-4">
                <label class="form-label">Tahun Akademik</label>
                <select name="tahun" class="form-control" required>
                    <option value="">-- Pilih Tahun --</option>
                    @foreach($tahun as $t)
                    <option value="{{ $t->id }}" {{ request('tahun') == $t->id ? 'selected' : '' }}>
                        {{ $t->tahun }} - {{ ucfirst($t->semester) }}
                    </option>
                    @endforeach
                </select>
            </div>

            <!-- BUTTON -->
            <div class="col-md-4 d-flex align-items-end gap-2">
                <button class="btn btn-custom w-100">
                    <i data-feather="search"></i> Tampilkan
                </button>

                <a href="/admin/khs" class="btn btn-outline-secondary">
                    <i data-feather="refresh-cw"></i>
                </a>
            </div>

        </div>

    </form>

</div>


<!-- ================= HASIL ================= -->
@if($dataKhs && $mahasiswa)

<div class="khs-container">

    <!-- HEADER -->
    <div class="text-center mb-4">
        <h5 class="mb-1"><b>UNIVERSITAS MUHAMMADIYAH MAKASSAR</b></h5>
        <small>KARTU HASIL STUDI</small>
    </div>

    <!-- INFO -->
    <table class="table table-borderless mb-3">
        <tr>
            <td width="50%">
                NIM : <b>{{ $mahasiswa->nim }}</b><br>
                Nama : {{ $mahasiswa->nama }}
            </td>
            <td class="text-end">
                Program Studi : {{ $mahasiswa->prodi }}
            </td>
        </tr>
    </table>

    <!-- LOOP SEMESTER -->
    @foreach($dataKhs as $khs)

    <table class="table table-bordered mb-4">

        <!-- JUDUL SEMESTER -->
        <tr class="text-center" style="background:#f1f1f1;">
            <th colspan="7">
                TAHUN AKADEMIK {{ $khs['semester']->tahun }}
                ({{ strtoupper($khs['semester']->semester) }})
            </th>
        </tr>

        <!-- HEADER -->
        <tr class="text-center">
            <th rowspan="2" width="50">No</th>
            <th rowspan="2">Nama Matakuliah</th>
            <th rowspan="2" width="80">SKS</th>
            <th colspan="3">Nilai</th>
            <th rowspan="2" width="100">K x N</th>
        </tr>

        <tr class="text-center">
            <th width="60">R</th>
            <th width="60">N</th>
            <th width="80">Huruf</th>
        </tr>

        <!-- DATA -->
        @foreach($khs['nilai'] as $i => $n)
        <tr>
            <td class="text-center">{{ $i+1 }}</td>
            <td>{{ $n->blok->nama_blok }}</td>
            <td class="text-center">{{ $n->blok->sks }}</td>

            <!-- R -->
            <td class="text-center">{{ $n->nilai_huruf }}</td>

            <!-- N -->
            <td class="text-center">{{ $n->nilai_angka }}</td>

            <!-- Huruf -->
            <td class="text-center">{{ $n->nilai_huruf }}</td>

            <td class="text-center">{{ $n->k_x_n }}</td>
        </tr>
        @endforeach

        <!-- SUMMARY -->
        <tr>
            <td colspan="3">
                DIPROGRAMKAN : {{ $khs['total_sks'] }} SKS
            </td>
            <td colspan="4">
                JUMLAH NILAI : {{ $khs['total_nilai'] }}
            </td>
        </tr>

        <tr>
            <td colspan="7">
                INDEKS PRESTASI (IP) : <b>{{ $khs['ip'] }}</b>
            </td>
        </tr>

    </table>

    @endforeach

</div>

@endif

@endsection


@section('scripts')
<script>
    feather.replace()
</script>
@endsection