@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 Permohonan Pindaan UUK</h1>

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

        <div>
            <label class="block font-medium text-gray-700">Alamat Koperasi</label>
            <input 
                type="text" 
                name="alamat_koperasi" 
                class="w-full border rounded-lg px-3 py-2 mt-1 focus:ring-2 focus:ring-indigo-400 outline-none"
                value="{{ old('alamat_koperasi', $koperasi->address ?? '') }}" 
                required>
        </div>


        <div class="grid md:grid-cols-2 gap-4">
            <div>
                <label class="block font-medium text-gray-700">No. Telefon</label>
                <input type="text" name="no_telefon" 
                class="w-full border rounded-lg px-3 py-2 mt-1"
                value="{{ old('no_telefon', $koperasi->phone ?? '') }}"
                required>
            </div>
            <div>
                <label class="block font-medium text-gray-700">Negeri (SKM)</label>
                <input type="text" name="negeri" class="w-full border rounded-lg px-3 py-2 mt-1" required>
            </div>
        </div>

        <div>
            <label class="block font-medium text-gray-700">Alamat SKM Negeri</label>
            <textarea name="alamat_skm" class="w-full border rounded-lg px-3 py-2 mt-1" rows="2" required></textarea>
        </div>

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

        <hr class="my-4">

        <div>
            <label class="block font-medium text-gray-700">UUK Asal</label>
            <textarea name="uuk_asal" class="w-full border rounded-lg px-3 py-2 mt-1" rows="2" required></textarea>
        </div>

        <div>
            <label class="block font-medium text-gray-700">UUK Dicadangkan</label>
            <textarea name="uuk_dicadang" class="w-full border rounded-lg px-3 py-2 mt-1" rows="2" required></textarea>
        </div>

        <div>
            <label class="block font-medium text-gray-700">Teks Pindaan (Lampiran)</label>
            <textarea name="teks_pindaan" class="w-full border rounded-lg px-3 py-2 mt-1" rows="4" required></textarea>
        </div>

        <div class="flex justify-end gap-3 border-t pt-4">
            <a href="{{ route('pindaan.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-500 text-white rounded-lg hover:bg-blue-600 transition">Simpan</button>
        </div>
    </form>
</div>
@endsection