@extends('layouts.main')

@section('isi')
<div id="kt_app_content_container" class="app-container container-fluid ">
    <div class="card mb-10 shadow-sm">
        <div class="card-header">
            <div class="card-title fs-3 fw-bold">Penilaian Pelatihan</div>
        </div>

        <form action="{{route('penilaian-pelatihan-mhs.showMatakuliah')}}" method="GET">
            <div class="card-body pt-9 pb-0">
                <div class="row mb-8">
                    <div class="col-xl-3">
                        <div class="fs-6 fw-semibold mt-2 mb-3">Tahun Akademik</div>
                    </div>
    
                    <div class="col-xl-9">
                        <select class="form-select form-select-solid" required name="thakad" id="thakad">
                            <option value="">Pilih Tahun Akademik</option>
                            @forelse ($tahunakademik as $item)
                                <option value="{{ $item->kodeta }}">{{ $item->thakad.' '.$item->semester }}</option>
                            @empty
                                <option value="">Tidak ada data</option>
                            @endforelse
                        </select>
                    </div>
                </div>

                <div class="row mb-8">
                    <div class="col-xl-3">
                        <div class="fs-6 fw-semibold mt-2 mb-3">Status Pelatihan</div>
                    </div>
    
                    <div class="col-xl-9">
                        <select class="form-select form-select-solid" required name="stspel" id="stspel">
                            <option value="">Pilih Status Pelatihan</option>
                        </select>
                    </div>
                </div>
    
            </div>
    
            <div class="card-footer d-flex justify-content-start py-6 gap-5">
                <button type="submit" id="viewButton" class="btn btn-sm btn-primary">Lanjut</button>
            </div>
        </form>
    </div>

    <div id="content"></div>
</div>
@endsection

@push('js-page')
    <script>
        $(document).ready(function() {
            $('#thakad').on('change', function() {
                var thakad = $(this).val();
                var urlStsPelatihan = "{{ route('penilaian-pelatihan-mhs.fetchListStspel') }}";
                $.ajax({ 
                    url: urlStsPelatihan,
                    type: "GET",
                    data : {
                       "_token": "{{ csrf_token() }}",
                        thakad: thakad
                    },
                    dataType: "Json",
                    success: function(data) {
                    
                        $('#stspel').empty();
                        $('#stspel').append(
                            '<option value="">-- Pilih Sts Pel --</option>');
                        $.each(data, function(key, value) {
                            $('#stspel').append('<option value="' + value.stspel + '">' + value.stspel + '</option>');
                        });
                        $('#stspel').trigger('change');
                    },
                    error: function(data) {
                        console.log('data error');
                        console.log(data);
                    },

                    complete: function() {
                       $('#loading').hide();
                    }
                });
            });


        });
    </script>

@endpush