@extends('layouts.app')

@section('content')
<div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
        <h5>Input Penerimaan Kas</h5> 

        <div class="justify-content-between align-items-right">
            <a href="{{ route('yayasan.transaksi.penerimaan-kas.index') }}" class="btn btn-secondary btn-sm"><em class="icon ni ni-arrow-left"></em>Kembali</a>

        </div>
    </div>

    <div class="card-body">

        <form action="{{ route('yayasan.transaksi.penerimaan-kas.store') }}" method="POST" enctype="multipart/form-data">
            @csrf

            <div class="mb-2">
                <label>Tanggal</label>
                <input type="date" class="form-control" name="tanggal" required>
            </div>

            <div class="mb-2">
                <label>Keterangan</label>
                <input type="text" class="form-control" name="keterangan" required>
            </div>
            <div class="mb-2">
                <label>Nominal</label>
                <input type="number" class="form-control" name="nominal" id="nominal" required>
            </div>

            <div class="mb-2">
                <label>Akun Pendapatan </label>
                <select name="akun_pendapatan" class="form-control select2" required>
                   @foreach($revenueAccounts as $a)
                   <option value="{{ $a->id }}">{{ $a->kode_akun }} - {{ $a->nama_akun }}</option>
                   @endforeach
               </select>
           </div>

           <div class="mb-2">
            <label>Akun Penerima (Kas/Bank)</label>
            <select name="akun_kas" class="form-control select2" required>
                 @foreach($cashBankAccounts as $a)
                   <option value="{{ $a->id }}">{{ $a->kode_akun }} - {{ $a->nama_akun }}</option>
                   @endforeach
            </select>
        </div>

        <div class="mb-2">
            <label>Upload Bukti (opsional)</label>
            <input type="file" class="form-control" name="file[]" multiple>
        </div>

        <button class="btn btn-primary mt-3">Simpan</button>
    </form>

</div>
</div>
@endsection

@push('scripts')
<!-- -->

<script>
    $(document).ready(function() {
    // Inisialisasi Select2
    $('.select2').select2({
        placeholder: "Pilih akun",
        allowClear: true,
        width: '100%'
    });

});
</script>
@endpush