@extends('layout.master')

@section('content')
<nav class="page-breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="#!">Finance</a></li>
    <li class="breadcrumb-item"><a href="/finance/pos-transaksi">Pos Transaksi</a></li>
    <li class="breadcrumb-item active" aria-current="page">Create</li>
  </ol>
</nav>

<form method="post" onsubmit="formSubmit()" id="form">
  <div class="card">
    <div class="card-body repeater">
      <div class="row gy-3">
        @foreach (App\Enums\PostCOA::listUmum() as $name => $label)
          <div class="col-12 col-md-6">
            <label class="form-label" for="{{$name}}">{{$label}}</label>
            <select name="{{$name}}" id="{{$name}}" class="form-select select2Custom">
              <option value="">Pilih Akun</option>
              @foreach ($coaList as $coa)
                <option @selected(($configList[$name] ?? 0) == $coa->id) value="{{ $coa->id }}">{{ $coa->kode_nama }}</option>
              @endforeach
            </select>
          </div>
        @endforeach
      </div>

      <div class="mt-3 bg-light p-3">
        <h4>Periode Penutupan</h3>
        <div class="row gy-3 mt-1">
          @foreach (App\Enums\PostCOA::listPeriodePenutupan() as $name => $label)
            <div class="col-12 col-md-6">
              <label class="form-label" for="{{$name}}">{{$label}}</label>
              <select name="{{$name}}" id="{{$name}}" class="form-select select2Custom">
                <option value="">Pilih Akun</option>
                @foreach ($coaList as $coa)
                  <option @selected(($configList[$name] ?? 0) == $coa->id) value="{{ $coa->id }}">{{ $coa->kode_nama }}</option>
                @endforeach
              </select>
            </div>
          @endforeach
        </div>
      </div>

      <div class="mt-3 bg-light p-3">
        <h4>Akun Gudang</h3>
        <div class="row gy-3 mt-1">
          <div class="col-12">
            <label class="form-label" for="{{App\Enums\PostCOA::COA_PERSEDIAAN_BARANG_DIJALAN->value}}">{{App\Enums\PostCOA::COA_PERSEDIAAN_BARANG_DIJALAN->getLabel()}}</label>
            <select name="{{App\Enums\PostCOA::COA_PERSEDIAAN_BARANG_DIJALAN->value}}" id="{{App\Enums\PostCOA::COA_PERSEDIAAN_BARANG_DIJALAN->value}}" class="form-select select2Custom">
              <option value="">Pilih Akun</option>
              @foreach ($coaList as $coa)
                <option @selected(($configList[App\Enums\PostCOA::COA_PERSEDIAAN_BARANG_DIJALAN->value] ?? 0) == $coa->id) value="{{ $coa->id }}">{{ $coa->kode_nama }}</option>
              @endforeach
            </select>
          </div>
          @foreach (($GlobalVar->akses_gudang ?? []) as $key => $gudang)
            <div class="col-12 col-md-6">
              <label class="form-label" for="{{$key}}">{{$gudang['nama']}}</label>
              <select name="{{$gudang['system_default_name']}}" id="{{$key}}" class="form-select select2Custom">
                <option value="">Pilih Akun</option>
                @foreach ($coaList as $coa)
                  <option @selected(($configList[$gudang['system_default_name']] ?? 0) == $coa->id) value="{{ $coa->id }}">{{ $coa->kode_nama }}</option>
                @endforeach
              </select>
            </div>
          @endforeach
        </div>
      </div>
    </div>
  </div>

  <div class="row mt-3">
    <div class="col-12">
      <button type="submit" class="btn btn-success btn-custom1 w-100">
        Simpan Data Pos Transaksi
      </button>
    </div>
  </div>
</form>
@endsection

@push('custom-scripts')
<script>
  const formSubmit = () => {
    event.preventDefault();
    if (cekForm('form')) {
      const data = {
        _token: '{{ csrf_token() }}',
        items: $('#form').find('select').map(function() {
          return {
            name: $(this).attr('name'),
            coa: $(this).val()
          }
        }).get()
      }

      sendJson("{{ route('finance.pos-transaksi.store') }}", data);
    }
  }
</script>
@endpush