@push('scripts')
    <script src="https://unpkg.com/currency.js@~2.0.0/dist/currency.min.js"></script>
    <script>
     

        //jumlah_pengeluaran
        const jumlah_pengeluaran = document.getElementById('jumlah_pengeluaran');
        jumlah_pengeluaran.addEventListener('input', function() {
            const value = currency(jumlah_pengeluaran.value, {
                        symbol: '',
                        decimal: '.',
                        separator: ',',
                        precision: 0,
                    }).format();
                    jumlah_pengeluaran.value = value;
        });
    </script>
@endpush
<div class="w-full flex gap-4">
    <div class="w-full md:w-1/2">
        <div class="field">
            <label class="label">Tanggal <small class="text-red-500">*</small></label>
            <div class="field-body">
                <div class="control">
                    <input class="input" name="tanggal_pengeluaran" type="date" placeholder="Tanggal.."
                        id="tanggal_pengeluaran"
                        value="{{ old('tanggal_pengeluaran', @$data->tanggal_pengeluaran ?? date('Y-m-d')) }}">

                </div>
                @error('tanggal_pengeluaran')
                    <p class="help is-danger text-red-500">{{ $message }}</p>
                @enderror
            </div>
        </div>
     

        <div class="field">
            <label class="label">Jumlah <small class="text-red-500">*</small></label>
            <div class="field-body">
                <div class="control">
                    <input class="input" name="jumlah_pengeluaran" type="text" placeholder="Jumlah.."
                        id="jumlah_pengeluaran" value="{{ old('jumlah_pengeluaran', @$data->jumlah_pengeluaran) }}">

                </div>
                @error('jumlah_pengeluaran')
                    <p class="help is-danger text-red-500">{{ $message }}</p>
                @enderror
            </div>
        </div>

        <div class="field">
            <label class="label">Keterangan</label>
            <div class="field-body">
                <div class="control">
                    <input class="input" name="keterangan_pengeluaran" type="text" placeholder="Keterangan..."
                        value="{{ old('keterangan_pengeluaran', @$data->keterangan_pengeluaran) }}">

                </div>
                @error('keterangan_pengeluaran')
                    <p class="help is-danger text-red-500">{{ $message }}</p>
                @enderror
            </div>
        </div>

        <div class="field">
            <label class="label">Bukti Pengeluaran</label>
            <div class="field-body">
                <div class="control">
                    <input class="input" name="bukti_pengeluaran" type="file" placeholder="Bukti.."
                        id="bukti_pengeluaran" accept="image/*,application/pdf">

                </div>
                @error('bukti_pengeluaran')
                    <p class="help is-danger text-red-500">{{ $message }}</p>
                @enderror
            </div>
        </div>

    </div>



</div>