@extends('layouts.app')

@section('content')
<div class="max-w-4xl mx-auto px-6 py-8">
    <h1 class="text-2xl font-bold text-gray-800 mb-1">✏️ Kemaskini Pelantikan ALK</h1>
    <p class="text-gray-500 mb-6">Kemaskini maklumat pelantikan anggota lembaga.</p>

    <form action="{{ route('anggota_jawatan.update', ['id' => $anggotaJawatan->id]) }}" method="POST" class="bg-white border border-gray-200 p-6 rounded-lg shadow-sm space-y-6">
        @csrf
        @method('PATCH')

        <div>
            <label class="text-sm font-medium text-gray-600">Nama Anggota</label>
            @if($anggotas->isEmpty())
                <p class="text-red-500 text-sm">⚠️ Tiada rekod anggota dijumpai.</p>
            @endif
            <select name="anggota_id" class="w-full border rounded px-3 py-2" required>
                @foreach($anggotas as $a)
                    <option value="{{ $a->id }}" {{ $anggotaJawatan->anggota_id == $a->id ? 'selected' : '' }}>
                        {{ $a->nama }} ({{ $a->ic }})
                    </option>
                @endforeach
            </select>
        </div>

        <div>
            <label class="text-sm font-medium text-gray-600">Jawatan</label>
            <select name="jawatan_id" class="w-full border rounded px-3 py-2" required>
                @foreach($jawatans as $j)
                    <option value="{{ $j->id }}" {{ $anggotaJawatan->jawatan_id == $j->id ? 'selected' : '' }}>
                        {{ $j->nama }}
                    </option>
                @endforeach
            </select>
        </div>

        <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
            <div>
                <label class="text-sm font-medium text-gray-600">Tarikh Lantikan</label>
                <input type="date" name="tarikh_lantikan" class="w-full border rounded px-3 py-2" value="{{ $anggotaJawatan->tarikh_lantikan }}" required>
            </div>
            <div>
                <label class="text-sm font-medium text-gray-600">Tarikh Tamat</label>
                <input type="date" name="tarikh_tamat" class="w-full border rounded px-3 py-2" value="{{ $anggotaJawatan->tarikh_tamat }}">
            </div>
        </div>

        <div>
            <label class="text-sm font-medium text-gray-600">Tarikh Kursus Wajib</label>
            <input type="date" name="tarikh_kursus_wajib" class="w-full border rounded px-3 py-2" value="{{ $anggotaJawatan->tarikh_kursus_wajib }}">
        </div>
        <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
            <div>
                <label class="text-sm font-medium text-gray-600">Batch</label>
                <select name="batch" class="w-full border rounded px-3 py-2">
                    <option value="Batch 1">Batch 1</option>
                    <option value="Batch 2">Batch 2</option>
                    <option value="Batch 3">Batch 3</option>
                    <option value="Batch 4">Batch 4</option>
                    <option value="Batch 5">Batch 5</option>
                </select>
            </div>

            <div>
                <label class="text-sm font-medium text-gray-600">Status</label>
                <select name="status" class="w-full border rounded px-3 py-2">
                    <option value="Aktif" {{ $anggotaJawatan->status == 'Aktif' ? 'selected' : '' }}>Aktif</option>
                    <option value="Tidak Aktif" {{ $anggotaJawatan->status == 'Tidak Aktif' ? 'selected' : '' }}>Tidak Aktif</option>
                </select>
            </div>
        </div>
        <div class="flex justify-end space-x-3 border-t pt-4">
            <a href="{{ route('anggota_jawatan.index') }}" class="px-6 py-3 bg-gray-200 text-gray-700 rounded-full hover:bg-gray-300 transition">Kembali</a>
            <button type="submit" class="px-6 py-3 bg-blue-200 text-blue-700 rounded-full hover:bg-blue-300 transition">Kemaskini</button>
        </div>
    </form>
</div>
@endsection