@extends('student.main')

@section('title', 'Proposal Tugas Akhir')

@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="Proposal Tugas Akhir" subtitle="Daftar Proposal Tugas Akhir Mahasiswa" />

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

                        <div class="row">
                            <div class="col-md-2 mt-3">
                                <x-student.step>
                                    <x-student.step-item class="disabled" tooltip="Tidak memiliki Data Proposal" text="Data Proposal" url="#" />
                                    <x-student.step-item class="disabled" tooltip="Tidak memiliki Bimbingan" text="Bimbingan" url="#" />
                                    <x-student.step-item class="disabled" tooltip="Tidak memiliki Rekap Percakapan Bimbingan" text="Rekap Percakapan Bimbingan" url="#" />
                                    <x-student.step-item class="disabled" tooltip="Tidak memiliki Syarat Ujian" text="Syarat Ujian" url="#" />
                                    <x-student.step-item class="disabled" tooltip="Tidak memiliki Jadwal Ujian" text="Jadwal Ujian" url="#" />
                                    <x-student.step-item class="disabled" tooltip="Tidak memiliki Nilai Ujian" text="Nilai Ujian" url="#" />
                                    <x-student.step-item class="disabled" tooltip="Tidak memiliki Nilai Akhir" text="Nilai Akhir" url="#" />
                                </x-student.step>
                            </div>
                            <div class="col-md-10">
                                <x-student.form action="{{ route('students.final.proposal.store') }}" method="post">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <x-student.consult-row-input labelText="Mahasiswa" type="default" inputType="" inputName="" dataValue="{{ Auth::user()?->name }}" />
                                            <x-student.consult-row-input labelText="Tanggal Pengajuan" type="default" dataValue="{{ \Carbon\Carbon::make(date('Y-m-d'))->translatedFormat('d F Y')  }}" />
                                            <x-student.consult-row-input labelText="Tanggal Mulai" type="input" inputType="date" inputName="tanggal_mulai" dataValue="{{ old('tanggal_mulai') }}" required="required" />
                                            <x-student.consult-row-input labelText="Topik" type="input" inputType="text" inputName="topik" dataValue="{{ old('topik') }}" inputPlaceholder="Masukkan topik" required="required" />
                                            <x-student.consult-row-input labelText="Topik (EN)" type="input" inputType="text" inputName="topik_en" dataValue="{{ old('topik_en') }}" inputPlaceholder="Masukkan topik (EN)" />
                                        </div>
                                        <div class="col-md-6">
                                            <x-student.consult-row-input labelText="Status" type="default" dataValue="Aktif" />
                                            <x-student.consult-row-input labelText="Tahap" type="default" dataValue="Pengerjaan Skripsi" />
                                            <x-student.consult-row-input labelText="Tanggal Selesai" type="input" inputType="date" inputName="tanggal_selesai" dataValue="{{ old('tanggal_selesai') }}" />
                                            <x-student.consult-row-input labelText="Tgl. SK" type="input" inputType="date" inputName="tanggal_sk" dataValue="{{ old('tanggal_sk') }}" />
                                            <x-student.consult-row-input labelText="No. SK" type="input" inputType="text" inputName="no_sk" dataValue="{{ old('no_sk') }}" inputPlaceholder="Masukkan No. SK" />
                                        </div>
                                        <div class="col-md-6">
                                            <x-student.consult-row-input labelText="Judul" type="input" inputType="text" inputName="judul" dataValue="{{ old('judul') }}" inputPlaceholder="Masukkan judul" required="required" />
                                            <x-student.consult-row-input labelText="Judul (EN)" type="input" inputType="text" inputName="judul_en" dataValue="{{ old('judul_en') }}" inputPlaceholder="Masukkan judul (EN)" />
                                            <x-student.consult-row-input labelText="File Data Tugas Akhir" type="input" inputType="file" inputName="file" dataValue="{{ old('file') }}" required="required" />
                                        </div>
                                        <div class="col-md-6">
                                            <x-student.consult-row-input labelText="Abstrak" type="input" inputType="textarea" inputName="abstrak" dataValue="{{ old('abstrak') }}" inputPlaceholder="Masukkan abstrak" required="required" />
                                        </div>
                                        <div class="col-md-12">
                                            <x-student.button.button-save />
                                            <x-anchor text="Kembali" classColor="info text-white" classIcon="fa fa-arrow-left" url="{{ route('students.final.proposal') }}" />
                                        </div>
                                    </div>
                                </x-student.form>
                            </div>
                        </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.create')}}")
            form.submit()
        });
    })
</script>
@endpush