@extends('Layouts.app')

@section('content')
@if(auth()->user()->level === 'superadmin' || auth()->user()->level === 'Akademik')
<div class="container mx-auto px-4 py-8 max-w-lg">
    <div class="bg-white shadow-lg rounded-lg p-6">
        <h1 class="text-2xl font-bold text-gray-800 mb-6 text-center">Tambah Mata Kuliah Baru</h1>

        <form action="{{ route('mata-kuliah.store') }}" method="POST">
            @csrf
            <div class="mb-4">
                <label for="kode_mk" class="block text-sm font-medium text-gray-700">Kode Mata Kuliah</label>
                <input type="text" name="kode_mk" id="kode_mk" value="{{ old('kode_mk') }}" class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
                @error('kode_mk')
                    <p class="mt-2 text-sm text-red-600">{{ $message }}</p>
                @enderror
            </div>
            
            <div class="mb-4">
                <label for="judul_mk" class="block text-sm font-medium text-gray-700">Judul Mata Kuliah</label>
                <input type="text" name="judul_mk" id="judul_mk" value="{{ old('judul_mk') }}" class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
                @error('judul_mk')
                    <p class="mt-2 text-sm text-red-600">{{ $message }}</p>
                @enderror
            </div>

            <div class="mb-4">
                <label for="sks" class="block text-sm font-medium text-gray-700">SKS</label>
                <input type="number" name="sks" id="sks" value="{{ old('sks') }}" class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
                @error('sks')
                    <p class="mt-2 text-sm text-red-600">{{ $message }}</p>
                @enderror
            </div>
            
            {{-- Tambahkan dropdown untuk Semester Ideal di sini --}}
            <div class="mb-4">
                <label for="smt" class="block text-sm font-medium text-gray-700">Semester</label>
                <select name="smt" id="smt" class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
                    <option value="Umum" {{ old('smt') == 'Umum' ? 'selected' : '' }}>Umum</option>
                    @for ($i = 1; $i <= 8; $i++)
                        <option value="{{ $i }}" {{ old('smt') == $i ? 'selected' : '' }}>Semester {{ $i }}</option>
                    @endfor
                </select>
                @error('smt')
                    <p class="mt-2 text-sm text-red-600">{{ $message }}</p>
                @enderror
            </div>
            
            <div class="mb-4">
                <label for="jurusan_id" class="block text-sm font-medium text-gray-700">Pilih Jurusan</label>
                <select name="jurusan_id" id="jurusan_id" class="mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm">
                    <option value="">-- Pilih Jurusan --</option>
                    @foreach($jurusans as $jurusan)
                        <option value="{{ $jurusan->id }}" {{ old('jurusan_id') == $jurusan->id ? 'selected' : '' }}>
                            {{ $jurusan->nama }}
                        </option>
                    @endforeach
                </select>
                @error('jurusan_id')
                    <p class="mt-2 text-sm text-red-600">{{ $message }}</p>
                @enderror
            </div>

            <div class="flex justify-end mt-6">
                <a href="{{ route('mata-kuliah.index') }}" class="mr-2 px-4 py-2 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
                    Batal
                </a>
                <button type="submit" class="px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
                    Simpan
                </button>
            </div>
        </form>
    </div>
</div>
@endif
@endsection