{{--
    This partial view is used by both create.blade.php and edit.blade.php for Pengeluaran.
    It expects:
    - $pengeluaran (optional): Pengeluaran model instance for edit mode.
--}}
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
    <div>
        <label for="tanggal" class="block text-gray-700 text-sm font-bold mb-2">Tanggal Pengeluaran:</label>
        <input type="date" id="tanggal" name="tanggal" class="shadow-sm appearance-none border border-gray-300  w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all duration-200" required value="{{ old('tanggal', $pengeluaran->tanggal ?? date('Y-m-d')) }}">
        @error('tanggal')<p class="text-red-500 text-xs italic mt-1">{{ $message }}</p>@enderror
    </div>
    <div>
        <label for="kategori" class="block text-gray-700 text-sm font-bold mb-2">Kategori (Opsional):</label>
        <input type="text" id="kategori" name="kategori" class="shadow-sm appearance-none border border-gray-300  w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all duration-200" placeholder="Contoh: Gaji, Sewa, Listrik" value="{{ old('kategori', $pengeluaran->kategori ?? '') }}">
        @error('kategori')<p class="text-red-500 text-xs italic mt-1">{{ $message }}</p>@enderror
    </div>
    <div class="md:col-span-2">
        <label for="deskripsi" class="block text-gray-700 text-sm font-bold mb-2">Deskripsi:</label>
        <textarea id="deskripsi" name="deskripsi" rows="3" class="shadow-sm appearance-none border border-gray-300  w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all duration-200" placeholder="Contoh: Pembayaran gaji karyawan bulan Januari">{{ old('deskripsi', $pengeluaran->deskripsi ?? '') }}</textarea>
        @error('deskripsi')<p class="text-red-500 text-xs italic mt-1">{{ $message }}</p>@enderror
    </div>
    <div class="md:col-span-2">
        <label for="jumlah" class="block text-gray-700 text-sm font-bold mb-2">Jumlah:</label>
        <input type="number" step="0.01" id="jumlah" name="jumlah" class="shadow-sm appearance-none border border-gray-300  w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all duration-200" placeholder="Contoh: 500000.00" required value="{{ old('jumlah', $pengeluaran->jumlah ?? '') }}">
        @error('jumlah')<p class="text-red-500 text-xs italic mt-1">{{ $message }}</p>@enderror
    </div>
</div>