@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="Form Pengisian Kartu Rencana Studi"
                            subtitle="Form untuk mahasiswa yang akan melakukan pengisian Kartu Rencana Studi" />

                        <div class="row">
                            @if ($message = Session::get('failed'))
                            <div class="col-md-12">
                                <x-alert colorClass="danger" message="{{ $message }}" />
                            </div>
                            @endif
                            <div class="col-md-4 mb-3">
                                <div class="form-group">
                                    <label for="semester" style="font-weight: 600">Tampilkan per Semester</label>
                                    <select name="semester" id="semester" class="form-control">
                                        <option value="" selected disabled>Pilih semester</option>
                                        @foreach ($semesters as $item)
                                        <option value="{{ $item }}" @if(@$_GET['semester']==$item) selected @endif>
                                            Semester {{ $item }}
                                        </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <form action="{{ route('students.academics.krs.edit') }}" method="post">
                                @csrf
                                @forelse ($subjects as $key => $items)
                                <div class="col-md-12 mb-3">
                                    <span class="mb-3" style="font-size: 15px; font-weight:900;">{{ $key }}</span>
                                    @foreach ($items as $item)
                                    <div class="form-check mt-2">
                                        <input class="form-check-input" type="checkbox" value="{{$item->id}}"
                                            id="subject{{ $item->id }}" name="subjects[]" @if (in_array($item->id, $subjectKrsByStudent)) checked @endif>
                                        <label class="form-check-label" for="subject{{ $item->id }}">
                                            {{ $item->title }} ({{ ucwords($item->type) }})
                                            -
                                            {{$item->total_sks}} SKS
                                        </label>
                                    </div>
                                    @endforeach
                                </div>
                                @empty
                                <div class="col-md-12">
                                    <span class="text-center" style="font-weight: 500;">Tidak ada data</span>
                                </div>
                                @endforelse
                                <div class="col-md-12 mt-2">
                                    <button type="submit" class="btn btn-primary mt-3">Simpan</button>
                                </div>
                            </form>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<form action="" id="semesterForm" method="get">
    <input type="hidden" name="semester" id="_semester">
</form>
@endsection

@push('custom-script')
<script>
    $(document).ready(function(){
        $('#semester').on('change', function(){
            var semester = $(this).val();
            var form = $('#semesterForm');
            $('#_semester').val(semester);
            form.attr('action', "{{route('students.academics.krs.update')}}")
            form.submit()
        });
    })
</script>
@endpush