@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 Permohonan Penangguhan Mesyuarat Agung
    </h1>
    <p class="text-gray-500 mb-6">
        Sila semak dan kemaskini maklumat surat permohonan kepada SKM.
    </p>

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

        <!-- Letter Info -->
        <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 Surat</label>
                <input type="date" name="letter_date"
                       value="{{ old('letter_date', $application->letter_date) }}"
                       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">Rujukan Surat</label>
                <input type="text" name="letter_reference"
                       value="{{ old('letter_reference', $application->letter_reference) }}"
                       class="w-full border rounded-lg px-3 py-2 focus:ring-2 focus:ring-indigo-400 outline-none">
            </div>
        </div>

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

        <!-- Application Content -->
        <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">Tahun MAT</label>
                <input type="number" name="agm_year"
                       value="{{ old('agm_year', $application->agm_year) }}"
                       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">Tarikh Akhir Tahun Kewangan</label>
                <input type="date" name="financial_year_end_date"
                       value="{{ old('financial_year_end_date', $application->financial_year_end_date) }}"
                       class="w-full border rounded-lg px-3 py-2 focus:ring-2 focus:ring-indigo-400 outline-none" required>
            </div>
        </div>

        <div>
            <label class="block text-sm font-medium text-gray-700 mb-1">Bulan MAT Baharu</label>
            <input type="text" name="new_agm_month"
                   value="{{ old('new_agm_month', $application->new_agm_month) }}"
                   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">Alasan Penangguhan</label>
            <textarea name="reason_for_postponement"
                      class="w-full border rounded-lg px-3 py-2 focus:ring-2 focus:ring-indigo-400 outline-none"
                      rows="4" required>{{ old('reason_for_postponement', $application->reason_for_postponement) }}</textarea>
        </div>

        <!-- Signatory -->
        <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">Nama Penandatangan</label>
                <input type="text" name="signatory_name"
                       value="{{ old('signatory_name', $application->signatory_name) }}"
                       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">Jawatan</label>
                <input type="text" name="signatory_position"
                       value="{{ old('signatory_position', $application->signatory_position) }}"
                       class="w-full border rounded-lg px-3 py-2 focus:ring-2 focus:ring-indigo-400 outline-none" required>
            </div>
        </div>

        <!-- Actions -->
        <div class="flex justify-end space-x-3 border-t pt-4">
            <a href="{{ route('agm-postponement-application.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