@extends('layouts.app')

@section('content')
<div class="nk-content nk-content-fluid">
  <div class="container-xl wide-xl">
    <div class="nk-content-inner">
      <div class="nk-content-body">
        <div class="nk-block-head">
          <div class="nk-block-head-content">
            <h3 class="nk-block-title">Tambah Penyesuaian Bank & Pajak</h3>
          </div>
        </div>
        <div class="card card-bordered">
          <div class="card-inner">
            <form method="POST" action="{{ route('yayasan.transaksi.penyesuaian-bank-pajak.store') }}">
              @csrf
              <div class="row g-3">
                <div class="col-md-12">
                  <label class="form-label">Jenis Penyesuaian</label>
                  <select name="jenis" class="form-select" required>
                    <option value="pengeluaran" {{ old('jenis')=='pengeluaran'?'selected':'' }}>Pengeluaran (Beban/Pajak)</option>
                    <option value="penerimaan" {{ old('jenis')=='penerimaan'?'selected':'' }}>Penerimaan (Pendapatan/Bunga Bank)</option>
                  </select>
                </div>
                <div class="col-md-4">
                  <label class="form-label">Tanggal</label>
                  <input type="date" name="tanggal" class="form-control" required value="{{ old('tanggal', date('Y-m-d')) }}">
                </div>
                <div class="col-md-4">
                  <label class="form-label">Akun Kas/Bank</label>
                  <select name="akun_kas" class="form-select select2" required>
                    <option value="">- Pilih -</option>
                    @foreach($akunsKas as $a)
                    <option value="{{ $a->kode_akun }}">{{ $a->kode_akun }} - {{ $a->nama_akun }}</option>
                    @endforeach
                  </select>
                </div>
                <div class="col-md-4">
                  <label class="form-label">Akun Lawan</label>
                  <select name="akun_beban" id="akun_lawan" class="form-select select2" required>
                    <option value="">- Pilih -</option>
                    @foreach($akunsBeban as $a)
                      <option value="{{ $a->kode_akun }}" data-tipe="Beban">{{ $a->kode_akun }} - {{ $a->nama_akun }}</option>
                    @endforeach
                  </select>
                </div>
                <div class="col-md-4">
                  <label class="form-label">Nominal</label>
                  <input type="number" name="nominal" class="form-control" required min="1" step="0.01" value="{{ old('nominal') }}">
                </div>
                <div class="col-md-8">
                  <label class="form-label">Deskripsi</label>
                  <input type="text" name="deskripsi" class="form-control" value="{{ old('deskripsi') }}" placeholder="Biaya admin bank / pajak / lainnya">
                </div>
              </div>
              <div class="mt-3">
                <button class="btn btn-primary">Simpan</button>
                <a href="{{ route('yayasan.transaksi.penyesuaian-bank-pajak.index') }}" class="btn btn-light">Batal</a>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
@push('scripts')
<script>
  (function(){
    var jenisEl = document.querySelector('select[name="jenis"]');
    var akunLawanEl = document.getElementById('akun_lawan');
    var akunsBeban = @json($akunsBeban->map(function($a){ return ['kode'=>$a->kode_akun,'nama'=>$a->nama_akun]; }));
    var akunsPendapatan = @json($akunsPendapatan->map(function($a){ return ['kode'=>$a->kode_akun,'nama'=>$a->nama_akun]; }));
    function populate(){
      var isPengeluaran = jenisEl.value === 'pengeluaran';
      var list = isPengeluaran ? akunsBeban : akunsPendapatan;
      akunLawanEl.innerHTML = '<option value="">- Pilih -</option>';
      list.forEach(function(a){
        var opt = document.createElement('option');
        opt.value = a.kode; opt.textContent = a.kode+' - '+a.nama;
        akunLawanEl.appendChild(opt);
      });
    }
    jenisEl.addEventListener('change', populate);
    populate();
  })();
</script>
@endpush
@endsection


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

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