@extends('layouts.app')
@section('title', 'Tambah Mata Kuliah')
@section('topbar-title', 'Tambah Mata Kuliah')

@section('content')
<div class="page-header d-flex align-items-center justify-content-between">
    <div class="page-title">Tambah Mata Kuliah</div>
    <a href="{{ route('admin.matkul.index') }}" class="btn btn-outline-secondary btn-sm">
        <i class="bi bi-arrow-left me-1"></i>Kembali
    </a>
</div>

<div class="row justify-content-center">
    <div class="col-lg-8">
        <div class="content-card">
            <div class="content-card-body">
                @if($errors->any())
                <div class="alert alert-danger py-2 mb-3" style="font-size:.83rem;">
                    <ul class="mb-0 ps-3">
                        @foreach($errors->all() as $e)
                        <li>{{ $e }}</li>
                        @endforeach
                    </ul>
                </div>
                @endif

                <form method="POST" action="{{ route('admin.matkul.store') }}">
                    @csrf
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="form-label fw-semibold">Dosen <span class="text-danger">*</span></label>
                            <select name="dosen_id" class="form-select" required>
                                <option value="">Pilih Dosen</option>
                                @foreach($dosens as $d)
                                <option value="{{ $d->id }}" {{ old('dosen_id') == $d->id ? 'selected' : '' }}>{{ $d->nama }}</option>
                                @endforeach
                            </select>
                        </div>

                        <div class="col-md-3">
                            <label class="form-label fw-semibold">Kode <span class="text-danger">*</span></label>
                            <input type="text" name="kode" class="form-control" value="{{ old('kode') }}"
                                   placeholder="MK001" maxlength="10" required>
                        </div>

                        <div class="col-md-3">
                            <label class="form-label fw-semibold">SKS <span class="text-danger">*</span></label>
                            <input type="number" name="sks" class="form-control" value="{{ old('sks',3) }}"
                                   min="1" max="6" required>
                        </div>

                        <div class="col-12">
                            <label class="form-label fw-semibold">Nama Mata Kuliah <span class="text-danger">*</span></label>
                            <input type="text" name="nama" class="form-control" value="{{ old('nama') }}"
                                   placeholder="Contoh: Algoritma dan Pemrograman" maxlength="100" required>
                        </div>

                        <div class="col-md-4">
                            <label class="form-label fw-semibold">Semester</label>
                            <select name="semester" class="form-select">
                                <option value="">-- Pilih Semester --</option>
                                @foreach($semesterList as $s)
                                <option value="{{ $s }}" {{ old('semester') == $s ? 'selected' : '' }}>Semester {{ $s }}</option>
                                @endforeach
                            </select>
                            <div class="form-text text-muted small">Semester mata kuliah diajarkan (1-14)</div>
                        </div>

                        <div class="col-md-4">
                            <label class="form-label fw-semibold">Tanggal Mulai</label>
                            <input type="date" name="tanggal_mulai" class="form-control" value="{{ old('tanggal_mulai') }}">
                        </div>

                        <div class="col-md-4">
                            <label class="form-label fw-semibold">Tanggal Selesai</label>
                            <input type="date" name="tanggal_selesai" class="form-control" value="{{ old('tanggal_selesai') }}">
                            <div class="form-text text-muted small">Otomatis nonaktif setelah tanggal ini</div>
                        </div>

                        <div class="col-12">
                            <div class="form-check form-switch">
                                <input class="form-check-input" type="checkbox" name="is_aktif" value="1"
                                       id="isAktif" {{ old('is_aktif', '1') ? 'checked' : '' }}>
                                <label class="form-check-label fw-semibold" for="isAktif">Mata kuliah aktif</label>
                            </div>
                        </div>

                        <div class="col-12">
                            <button type="submit" class="btn-arn">
                                <i class="bi bi-check-circle-fill me-1"></i>Simpan
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection