@extends('layouts.app')

@section('content')
<div class="max-w-5xl mx-auto px-6 pt-6">
    <h1 class="text-2xl font-bold text-gray-800 mb-4">
        ➕ Tambah Minit Mesyuarat ALK (Penangguhan MAT)
    </h1>

    <form action="{{ route('alk-agm-postponement.store') }}" method="POST"
          class="bg-white p-6 shadow-md rounded-lg border border-gray-100 space-y-5">
        @csrf

        <!-- Meeting Details -->
        <div class="grid md:grid-cols-2 gap-4">
            <div>
                <label class="block font-medium text-gray-700">Tarikh Mesyuarat</label>
                <input type="date" name="meeting_date"
                       class="w-full border rounded-lg px-3 py-2 mt-1" required>
            </div>

            <div>
                <label class="block font-medium text-gray-700">Masa Mesyuarat</label>
                <input type="time" name="meeting_time"
                       class="w-full border rounded-lg px-3 py-2 mt-1">
            </div>
        </div>

        <div>
            <label class="block font-medium text-gray-700">Tempat Mesyuarat</label>
            <input type="text" name="meeting_location"
                   class="w-full border rounded-lg px-3 py-2 mt-1" required>
        </div>

        <!-- Agenda -->
        <div class="grid md:grid-cols-2 gap-4">
            <div>
                <label class="block font-medium text-gray-700">Bilangan Agenda</label>
                <input type="number" name="agenda_number"
                       class="w-full border rounded-lg px-3 py-2 mt-1" required>
            </div>

            <div>
                <label class="block font-medium text-gray-700">Tajuk Agenda</label>
                <input type="text" name="agenda_title"
                       class="w-full border rounded-lg px-3 py-2 mt-1"
                       placeholder="Mesyuarat Agung Tahunan 2025" required>
            </div>
        </div>

        <!-- Resolution -->
        <div>
            <label class="block font-medium text-gray-700">Alasan Penangguhan</label>
            <textarea name="reason_for_postponement"
                      class="w-full border rounded-lg px-3 py-2 mt-1"
                      rows="4" required></textarea>
        </div>

        <div class="grid md:grid-cols-3 gap-4">
            <div>
                <label class="block font-medium text-gray-700">Tahun Kewangan</label>
                <input type="number" name="financial_year"
                       class="w-full border rounded-lg px-3 py-2 mt-1" required>
            </div>

            <div>
                <label class="block font-medium text-gray-700">Dijangka Siap</label>
                <input type="text" name="expected_audit_completion"
                       class="w-full border rounded-lg px-3 py-2 mt-1"
                       placeholder="Oktober 2025">
            </div>

            <div>
                <label class="block font-medium text-gray-700">Bulan MAT Baharu</label>
                <input type="text" name="new_agm_month"
                       class="w-full border rounded-lg px-3 py-2 mt-1"
                       placeholder="Disember" required>
            </div>
        </div>

        <div>
            <label class="block font-medium text-gray-700">Tarikh Cadangan MAT</label>
            <input type="date" name="proposed_agm_date"
                   class="w-full border rounded-lg px-3 py-2 mt-1">
        </div>

        <!-- Approval -->
        <div class="grid md:grid-cols-3 gap-4">
            <div>
                <label class="block font-medium text-gray-700">Nama Pencadang</label>
                <input type="text" name="proposed_by"
                       class="w-full border rounded-lg px-3 py-2 mt-1" required>
            </div>

            <div>
                <label class="block font-medium text-gray-700">Nama Penyokong</label>
                <input type="text" name="supported_by"
                       class="w-full border rounded-lg px-3 py-2 mt-1" required>
            </div>

            <div>
                <label class="block font-medium text-gray-700">Keputusan Mesyuarat</label>
                <input type="text" name="meeting_decision"
                       class="w-full border rounded-lg px-3 py-2 mt-1"
                       placeholder="Diluluskan" required>
            </div>
        </div>

        <!-- Authentication -->
        <div class="grid md:grid-cols-2 gap-4">
            <div>
                <label class="block font-medium text-gray-700">Disediakan Oleh</label>
                <input type="text" name="prepared_by"
                       class="w-full border rounded-lg px-3 py-2 mt-1" required>
            </div>

            <div>
                <label class="block font-medium text-gray-700">Jawatan</label>
                <input type="text" name="prepared_by_position"
                       class="w-full border rounded-lg px-3 py-2 mt-1"
                       value="Setiausaha" required>
            </div>
        </div>

        <!-- Actions -->
        <div class="flex justify-end gap-3 border-t pt-4">
            <a href="{{ route('alk-agm-postponement.index') }}"
               class="px-6 py-2 bg-gray-200 text-gray-700 rounded-lg hover:bg-gray-300 transition">
                ← Kembali
            </a>
            <button type="submit"
                    class="px-6 py-2 bg-blue-100 text-blue-700 rounded-lg hover:bg-blue-200 transition">
                Simpan
            </button>
        </div>
    </form>
</div>
@endsection