@extends('student.main')

@section('title', 'Pengisian KRS')

@section('content')
<div class="page-body mt-lg-4 mt-2">
    <div class="container">
        <div class="row g-xl-4 g-lg-3 g-2 row-deck justify-content-start">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12">
                <div class="card">
                    <div class="card-body">

                        <x-student.card-title title="Pengisian Kartu Rencana Studi" subtitle="" />

                        <div class="row card-krs mx-1 mb-3">
                            <div class="col-md-3 mt-3">
                                <span class="card-krs-title">Semester Saat Ini</span>
                                <p class="mt-2">Semester {{ Auth::user()->level }}</p>
                            </div>
                            <div class="col-md-3 mt-3">
                                <span class="card-krs-title">Total SKS</span>
                                <p class="mt-2">{{ $totalSks }} SKS</p>
                            </div>
                            <div class="col-md-3 mt-3">
                                <span class="card-krs-title">Periode Akademik</span>
                                <p class="mt-2">{{ $latestKrs?->period_title }}</p>
                            </div>
                            <div class="col-md-3 mt-3">
                                <span class="card-krs-title">Status</span>
                                <p class="mt-2">{{ $krsStatusLabel }}</p>
                            </div>
                        </div>
                        
                        @if (in_array($krsStatus, ['filled', 'waiting']))
                        <div class="alert alert-primary mt-3">
                            <small>
                                Periode pengisian dan pengubahan <b>KRS {{  Auth::user()?->prodi?->title }}</b> belum
                                dibuka/sudah ditutup
                            </small>
                        </div>
                        @endif

                        @if (!in_array($krsStatus, ['filled', 'waiting']))
                        <div class="my-4">
                            <a href="{{ route('students.academics.krs.create') }}" class="btn btn-primary">
                                Pengisian KRS
                            </a>
                        </div>
                        @endif

                        <table id="commonTable" class="table table-hover" style="width:100%">
                            <thead>
                                <tr>
                                    <th>No</th>
                                    <th>Nama Kelas</th>
                                    <th>Jadwal</th>
                                    <th>SKS</th>
                                    <th>Semester</th>
                                    <th>Status</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php $total_sks = 0; @endphp
                                @foreach ($subjects as $key => $item)
                                <tr>
                                    <td>{{ $key + 1 }}</td>
                                    <td>{{ $item->code }} - {{ $item->title }}</td>
                                    <td>{{ $item->schedule_subject_class }}</td>
                                    <td>{{ $item->total_sks ?? 0 }} SKS</td>
                                    <td>{{ ucwords(str_replace('_', ' ', $item->semester)) }}</td>
                                    <td>-</td>
                                </tr>
                                @php $total_sks += ($item->total_sks ?? 0); @endphp
                                @endforeach
                                <tr style="background-color: lavender">
                                    <td colspan="3" style="font-weight: 700">Total SKS</td>
                                    <td colspan="3" style="font-weight: 700">{{ $total_sks }} SKS</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection