@extends('layouts.app')

@section('tajuk', 'Cipta Sesi Taklimat')
@section('saiz-container', 'container-kecil')

@section('kandungan')
    <div class="kad">
        <h1>Cipta Sesi Taklimat</h1>
        <p class="teks-kecil">Hanya satu sesi dibenarkan dalam satu hari bagi setiap DUN.</p>

        @if ($errors->any())
            <div class="makluman makluman-ralat">{{ $errors->first() }}</div>
        @endif

        <form method="POST" action="{{ route('sesi.store') }}">
            @csrf
            <label for="dun_id">DUN</label>
            <select id="dun_id" name="dun_id" required>
                <option value="">— Pilih DUN —</option>
                @foreach ($senaraiDun as $dun)
                    <option value="{{ $dun->id }}" @selected(old('dun_id') == $dun->id)>
                        {{ $dun->code }} — {{ $dun->nama }}
                    </option>
                @endforeach
            </select>

            <label for="tarikh">Tarikh</label>
            <input type="date" id="tarikh" name="tarikh" value="{{ old('tarikh', now()->toDateString()) }}" required>

            <label for="nama">Nama Sesi</label>
            <input type="text" id="nama" name="nama" value="{{ old('nama') }}"
                   placeholder="cth: Taklimat Petugas Sesi 1" required>

            <label for="lokasi">Lokasi</label>
            <input type="text" id="lokasi" name="lokasi" value="{{ old('lokasi') }}"
                   placeholder="cth: Dewan Serbaguna Gelang Patah" required>

            <label for="masa">Masa (pilihan)</label>
            <input type="text" id="masa" name="masa" value="{{ old('masa') }}"
                   placeholder="cth: 9:00 pagi - 12:00 tengah hari">

            <button type="submit" class="btn btn-penuh">Cipta Sesi</button>
        </form>
    </div>
@endsection