@extends('student.main')

@section('title', 'Konsultasi Pembimbing')

@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="Konsultasi Pembimbing" subtitle="Daftar Konsultasi Pembimbing" />

                        @if ($message = $errors->any())
                        <x-alert message="{{ $errors->first() }}" colorClass="danger" />
                        @endif

                        @if ($message = Session::get('failed'))
                        <x-alert message="{{ $message }}" colorClass="danger" />
                        @endif

                        <form action="{{ route('students.final.consultations.store') }}" method="post">
                            @csrf
                            <x-student.consult-row-input labelText="Periode Akademik" type="input" inputType="select" inputName="periode" required="required">
                                <option value="">Pilih periode akademik</option>
                                @foreach ($periods as $item)
                                <option value="{{ $item->id }}" @if($item->id == old('periode')) selected @endif>{{ $item->title }}</option>
                                @endforeach
                            </x-student.consult-row-input>
                            <x-student.consult-row-input labelText="Mahasiswa" type="input" inputType="text" inputName="mahasiswa" dataValue="{{ Auth::user()?->nim . ' - ' . Auth::user()?->name }}" readonly="readonly" />
                            <x-student.consult-row-input labelText="Pembimbing" type="input" inputType="select" inputName="pembimbing" required="required">
                                <option value="">Pilih pembimbing</option>
                                @foreach ($academicConselors as $item)
                                <option value="{{ $item->id }}" @if($item->id == old('pembimbing')) selected @endif >{{ $item->teacher?->name }}</option>
                                @endforeach
                            </x-student.consult-row-input>
                            <x-student.consult-row-input labelText="Tanggal Konsultasi" type="input" inputType="date" inputName="tanggal_konsultasi" required="required" dataValue="{{ old('tanggal_konsultasi') }}" />
                            <x-student.consult-row-input labelText="Topik" type="input" inputType="text" inputName="topik" inputPlaceholder="Masukkan topik" required="required" dataValue="{{ old('topik') }}" />
                            <x-student.consult-row-input labelText="Keterangan" type="input" inputType="text" inputName="keterangan" inputPlaceholder="Masukkan keterangan" dataValue="{{ old('keterangan') }}" />
                            <x-student.consult-row-input labelText="Pesan" type="input" inputType="text" inputName="pesan" inputPlaceholder="Masukkan pesan" dataValue="{{ old('pesan') }}" />
    
                            <div class="row">
                                <div class="col-md-12 mt-3 d-flex justify-content-end">
                                    <x-anchor url="{{ URL::previous() }}" classIcon="fa fa-arrow-left" classColor="info text-white mx-1" text="Kembali" />
                                    <x-student.button.button-save />
                                </div>
                            </div>
                        </form>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('custom-script')
<script type="text/javascript">
    $(document).ready(function () {
        $('#period_id').on('change', function(){
            var period = $(this).val();
            console.log(period);
            
            window.location = "{{ route('students.academics.krs.histories') }}?period=" + period;
        });
    });
</script>
@endpush