@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-4">✏️ Kemaskini Notis Mesyuarat Agung</h1>
    <p class="text-gray-500 mb-6">Sila semak dan kemaskini maklumat notis mesyuarat koperasi anda.</p>

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

        <!-- Tajuk -->
        <div>
            <label class="block text-sm font-medium text-gray-700 mb-1">Tajuk Mesyuarat</label>
            <input type="text" name="tajuk" value="{{ old('tajuk', $notis->tajuk) }}"
                class="w-full border rounded-lg px-3 py-2 focus:ring-2 focus:ring-indigo-400 outline-none" required>
        </div>

        <!-- Tarikh & Masa -->
        <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
            <div>
                <label class="block text-sm font-medium text-gray-700 mb-1">Tarikh Mesyuarat</label>
                <input type="date" name="tarikh_mesyuarat" value="{{ old('tarikh_mesyuarat', $notis->tarikh_mesyuarat) }}"
                    class="w-full border rounded-lg px-3 py-2 focus:ring-2 focus:ring-indigo-400 outline-none" required>
            </div>
            <div>
                <label class="block text-sm font-medium text-gray-700 mb-1">Masa Mesyuarat</label>
                <input type="text" name="masa_mesyuarat" value="{{ old('masa_mesyuarat', $notis->masa_mesyuarat) }}"
                    class="w-full border rounded-lg px-3 py-2 focus:ring-2 focus:ring-indigo-400 outline-none" placeholder="Contoh: 10:00 pagi">
            </div>
        </div>

        <!-- Tempat -->
        <div>
            <label class="block text-sm font-medium text-gray-700 mb-1">Tempat Mesyuarat</label>
            <input type="text" name="tempat_mesyuarat" value="{{ old('tempat_mesyuarat', $notis->tempat_mesyuarat) }}"
                class="w-full border rounded-lg px-3 py-2 focus:ring-2 focus:ring-indigo-400 outline-none" required>
        </div>

        <!-- Tarikh Edaran -->
        <div>
            <label class="block text-sm font-medium text-gray-700 mb-1">Tarikh Edaran Notis</label>
            <input type="date" name="tarikh_edaran" value="{{ old('tarikh_edaran', $notis->tarikh_edaran) }}"
                class="w-full border rounded-lg px-3 py-2 focus:ring-2 focus:ring-indigo-400 outline-none">
        </div>

        <!-- Status -->
        <div>
            <label class="block text-sm font-medium text-gray-700 mb-1">Status</label>
            <select name="status" class="w-full border rounded-lg px-3 py-2 focus:ring-2 focus:ring-indigo-400 outline-none">
                <option value="Draft" {{ $notis->status == 'Draft' ? 'selected' : '' }}>Draft</option>
                <option value="Diedar" {{ $notis->status == 'Diedar' ? 'selected' : '' }}>Diedar</option>
                <option value="Selesai" {{ $notis->status == 'Selesai' ? 'selected' : '' }}>Selesai</option>
            </select>
        </div>

        <!-- Actions -->
        <div class="flex justify-end space-x-3 border-t pt-4">
            <a href="{{ route('notis.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">Simpan</button>
        </div>
    </form>
</div>
@endsection