@extends('layouts.app')

@section('title', 'Edit Header RAB')

@section('content')
<div class="space-y-6">

    <div class="flex flex-col md:flex-row justify-between items-start md:items-center bg-white p-5 rounded-lg shadow border border-gray-200 gap-4">
        <div>
            <h1 class="text-xl font-bold text-gray-800">Edit Header RAB</h1>
            <p class="text-gray-500 text-sm">{{ $rab->nama }}</p>
        </div>
        <div class="flex flex-wrap items-center gap-2">
            <a href="{{ route('carei.rab.show', $rab) }}" class="bg-gray-500 hover:bg-gray-600 text-white text-sm font-medium px-4 py-2 rounded-lg shadow transition">Kembali</a>
        </div>
    </div>

    @include('carei.partials.alert')

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

            <div class="grid grid-cols-1 md:grid-cols-2 gap-5">
                <div>
                    <label for="nama" class="block text-sm font-medium text-gray-700 mb-1">Nama RAB</label>
                    <input id="nama" type="text" name="nama" value="{{ old('nama', $rab->nama) }}" class="w-full border-gray-300 rounded-lg p-2.5 border focus:ring-teal-500 focus:border-teal-500">
                    @error('nama')
                        <p class="text-xs text-red-600 mt-1.5">{{ $message }}</p>
                    @enderror
                </div>
                <div>
                    <label for="tahun" class="block text-sm font-medium text-gray-700 mb-1">Tahun Anggaran</label>
                    <input id="tahun" type="number" name="tahun" value="{{ old('tahun', $rab->tahun) }}" required class="w-full border-gray-300 rounded-lg p-2.5 border focus:ring-teal-500 focus:border-teal-500">
                    @error('tahun')
                        <p class="text-xs text-red-600 mt-1.5">{{ $message }}</p>
                    @enderror
                </div>
            </div>

            <div class="mt-5">
                <label for="keterangan" class="block text-sm font-medium text-gray-700 mb-1">Keterangan / Judul</label>
                <textarea id="keterangan" name="keterangan" rows="2" class="w-full border-gray-300 rounded-lg p-2.5 border focus:ring-teal-500 focus:border-teal-500">{{ old('keterangan', $rab->keterangan) }}</textarea>
                @error('keterangan')
                    <p class="text-xs text-red-600 mt-1.5">{{ $message }}</p>
                @enderror
            </div>

            <div class="mt-5">
                <label for="kementerian" class="block text-sm font-medium text-gray-700 mb-1">Kementerian/Lembaga</label>
                <input id="kementerian" type="text" name="kementerian" value="{{ old('kementerian', $rab->kementerian) }}" class="w-full border-gray-300 rounded-lg p-2.5 border focus:ring-teal-500 focus:border-teal-500">
                @error('kementerian')
                    <p class="text-xs text-red-600 mt-1.5">{{ $message }}</p>
                @enderror
            </div>

            <div class="mt-5">
                <label for="unit_eselon" class="block text-sm font-medium text-gray-700 mb-1">Unit Eselon I/Satker</label>
                <input id="unit_eselon" type="text" name="unit_eselon" value="{{ old('unit_eselon', $rab->unit_eselon) }}" class="w-full border-gray-300 rounded-lg p-2.5 border focus:ring-teal-500 focus:border-teal-500">
                @error('unit_eselon')
                    <p class="text-xs text-red-600 mt-1.5">{{ $message }}</p>
                @enderror
            </div>

            <div class="grid grid-cols-1 md:grid-cols-2 gap-5 mt-5">
                <div>
                    <label for="program" class="block text-sm font-medium text-gray-700 mb-1">Program</label>
                    <input id="program" type="text" name="program" value="{{ old('program', $rab->program) }}" class="w-full border-gray-300 rounded-lg p-2.5 border focus:ring-teal-500 focus:border-teal-500">
                    @error('program')
                        <p class="text-xs text-red-600 mt-1.5">{{ $message }}</p>
                    @enderror
                </div>
                <div>
                    <label for="kegiatan" class="block text-sm font-medium text-gray-700 mb-1">Kegiatan</label>
                    <input id="kegiatan" type="text" name="kegiatan" value="{{ old('kegiatan', $rab->kegiatan) }}" class="w-full border-gray-300 rounded-lg p-2.5 border focus:ring-teal-500 focus:border-teal-500">
                    @error('kegiatan')
                        <p class="text-xs text-red-600 mt-1.5">{{ $message }}</p>
                    @enderror
                </div>
            </div>

            <div class="pt-6 mt-6 border-t border-gray-200 flex justify-end gap-3">
                <a href="{{ route('carei.rab.show', $rab) }}" class="bg-gray-500 hover:bg-gray-600 text-white text-sm font-medium px-4 py-2 rounded-lg shadow transition">Batal</a>
                <button type="submit" class="bg-teal-700 hover:bg-teal-800 text-white font-medium px-8 py-2.5 rounded-lg shadow-md transition">Simpan</button>
            </div>
        </form>
    </div>

</div>
@endsection