spota-dev/rebuild/resources/views/mahasiswa/pages/upload-praoutline.blade.php

<x-mahasiswa.partials.page-shell :title="$title" :sidebar="$sidebar" :page-title="$pageTitle" :page-description="$pageDescription" :page-date="$pageDate" :user="$user">
    @if ($hasActiveDraft)
        <section class="rounded-xl border border-sky-200 bg-sky-50 p-6 text-sky-900 shadow-[0_8px_12px_rgba(13,10,44,0.04)]">
            <h2 class="text-xl font-semibold">Draft Praoutline Anda Telah Diupload</h2>
            <p class="mt-3 text-sm leading-7">Anda masih memiliki draft aktif. Silakan lihat status usulan dan riwayat review sebelum mengajukan draft baru.</p>
            <div class="mt-5">
                <a href="{{ route('mahasiswa.status-usulan', [], false) }}" class="inline-flex rounded-md bg-sky-600 px-4 py-2.5 text-sm font-medium text-white hover:opacity-90">Lihat Review</a>
            </div>
        </section>
    @else
        <section class="space-y-5">
            <div class="rounded-xl border border-amber-200 bg-amber-50 p-5 text-sm leading-7 text-amber-900">
                <p class="font-semibold">Perhatian</p>
                <p class="mt-2">Pastikan file yang diupload berupa PDF dan draft sudah diperiksa. Jika terdapat kesalahan upload, hubungi administrator prodi.</p>
            </div>

            <form method="POST" action="{{ route('mahasiswa.praoutline.store', [], false) }}" enctype="multipart/form-data" class="rounded-xl border border-[#E5E7EB] bg-white p-6 shadow-[0_8px_12px_rgba(13,10,44,0.04)]">
                @csrf
                <div class="grid gap-5">
                    <div>
                        <label class="text-sm font-semibold text-[#15171A]">Judul Skripsi</label>
                        <input type="text" name="judul" value="{{ old('judul') }}" class="mt-2 w-full rounded-md border border-[#D1D5DB] px-4 py-3 text-sm focus:border-[#625DF5] focus:outline-none" required>
                    </div>

                    <div>
                        <label class="text-sm font-semibold text-[#15171A]">Deskripsi</label>
                        <textarea name="deskripsi" rows="7" class="mt-2 w-full rounded-md border border-[#D1D5DB] px-4 py-3 text-sm focus:border-[#625DF5] focus:outline-none">{{ old('deskripsi') }}</textarea>
                    </div>

                    <div class="grid gap-5 lg:grid-cols-2">
                        <div>
                            <label class="text-sm font-semibold text-[#15171A]">Berkas PDF</label>
                            <input type="file" name="berkas" accept="application/pdf" class="mt-2 w-full rounded-md border border-[#D1D5DB] px-4 py-3 text-sm" required>
                        </div>
                        <div>
                            <label class="text-sm font-semibold text-[#15171A]">Kelompok Keahlian Tujuan</label>
                            <select name="kelompokKeahlian" class="mt-2 w-full rounded-md border border-[#D1D5DB] px-4 py-3 text-sm focus:border-[#625DF5] focus:outline-none" required>
                                <option value="">Pilih Kelompok Keahlian</option>
                                @foreach ($kelompokKeahlian as $kk)
                                    <option value="{{ $kk->idKK }}" @selected(old('kelompokKeahlian') == $kk->idKK)>{{ $kk->namaKK }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <div class="grid gap-5 lg:grid-cols-2">
                        <div>
                            <label class="text-sm font-semibold text-[#15171A]">Dosen Pembimbing Akademik (PA)</label>
                            <select name="dosenpa" class="mt-2 w-full rounded-md border border-[#D1D5DB] px-4 py-3 text-sm focus:border-[#625DF5] focus:outline-none" required>
                                <option value="">Pilih Dosen</option>
                                @foreach ($dosen as $item)
                                    <option value="{{ $item->nmLengkap }}" @selected(old('dosenpa') === $item->nmLengkap)>{{ $item->nmLengkap }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div>
                            <label class="text-sm font-semibold text-[#15171A]">Dosen Yang Merekomendasikan Judul</label>
                            <select name="drekomjudul" class="mt-2 w-full rounded-md border border-[#D1D5DB] px-4 py-3 text-sm focus:border-[#625DF5] focus:outline-none">
                                <option value="">Pilih Dosen</option>
                                @foreach ($dosen as $item)
                                    <option value="{{ $item->nmLengkap }}" @selected(old('drekomjudul') === $item->nmLengkap)>{{ $item->nmLengkap }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <div>
                        <p class="text-sm font-semibold text-[#15171A]">Pilihan Dosen Pembimbing</p>
                        <div class="mt-2 grid gap-3 lg:grid-cols-2">
                            @for ($i = 1; $i <= 4; $i++)
                                <select name="pilpemb{{ $i }}" class="w-full rounded-md border border-[#D1D5DB] px-4 py-3 text-sm focus:border-[#625DF5] focus:outline-none">
                                    <option value="">Pilihan {{ $i }}</option>
                                    @foreach ($dosen as $item)
                                        <option value="{{ $item->nmLengkap }}" @selected(old('pilpemb'.$i) === $item->nmLengkap)>{{ $item->nmLengkap }}</option>
                                    @endforeach
                                </select>
                            @endfor
                        </div>
                    </div>

                    <div class="flex flex-wrap gap-3 border-t border-[#E5E7EB] pt-5">
                        <button type="submit" class="rounded-md bg-[#15171A] px-5 py-2.5 text-sm font-medium text-white hover:opacity-90">Upload Draft</button>
                        <a href="{{ route('mahasiswa.status-usulan', [], false) }}" class="rounded-md border border-[#D1D5DB] bg-white px-5 py-2.5 text-sm font-medium text-[#15171A] hover:bg-[#F9FAFB]">Batal</a>
                    </div>
                </div>
            </form>
        </section>
    @endif
</x-mahasiswa.partials.page-shell>