{!! Form::model($programAccount, ['route' => ['admin.finances.program-accounts.transactions.store', [$programAccount, 'type' => request()->type]], 'method' => 'POST']) !!}

<div class="row">
    {{-- Amount --}}
    <div class="form-group col-6">
      {{ Form::label('this_account', request()->type == 'deposit' ? __('To Account') : __('From Account'), ['class' => 'col-form-label']) }}
      {!! Form::text('this_account', $programAccount->name, ['class' => 'form-control', 'placeholder' => __('Account'), 'disabled']) !!}
    </div>

    <div class="form-group col-6">
      {{ Form::label('account_id', request()->type != 'deposit' ? __('To Account') : __('From Account'), ['class' => 'col-form-label']) }}
      {!! Form::select('account_id', [], null, ['class' => 'form-control', 'data-kt-select2' => 'true',
      'data-remote' => route('resource-select', ['resource' => 'AccountBalance', 'except' => $programAccount->id]),
      //'hasBalance' => '1'
      'placeholer' => __('Select Account')]) !!}
    </div>
    @if(request()->type == 'deposit')
      {{-- Acount Balance --}}
      <div class="form-group col-6 d-none">
        {{ Form::label('account_balance', __('Account Balance'), ['class' => 'col-form-label']) }}
        {!! Form::text('account_balance', 0, ['class' => 'form-control', 'placeholder' => __('Account Balance'), 'disabled']) !!}
      </div>
    @endif

    {{-- Amount --}}
    <div class="form-group col-6">
        {{ Form::label('amount', __('Amount'), ['class' => 'col-form-label']) }}
        {!! Form::number('amount', null, ['class' => 'form-control', 'placeholder' => __('Amount')]) !!}
    </div>
    {{-- description --}}
    <div class="form-group col-12">
        {{ Form::label('description', __('Description'), ['class' => 'col-form-label']) }}
        {!! Form::textarea('description', null, ['class' => 'form-control', 'placeholder' => __('Description'), 'rows' => '3']) !!}
    </div>
</div>
<div class="modal-footer">
    <div class="btn-flt float-end">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ __('Close') }}</button>
        <button type="submit" data-form="ajax-form" class="btn btn-primary">{{ __('Save') }}</button>
    </div>
</div>
{!! Form::close() !!}
@if(request()->type == 'deposit')
  <script nonce="{{ csp_nonce() }}">
    // on change account_id get account balance and set it to account_balance field
    $(document).on('change', 'select[name="account_id"]', function() {
      var account_id = $(this).val();
      if (account_id) {
        $.ajax({
          url: route('admin.finances.program-accounts.show', {program_account: account_id, type: 'json-balance'}),
          type: 'GET',
          data: {
            account_id: account_id
          },
          success: function(response) {
              $('input[name="account_balance"]').val(response.data.balance);
              $('input[name="amount"]').attr('max', response.data.balance);
              // show account balance field
              $('input[name="account_balance"]').parent().removeClass('d-none');
          }
        });
      }
    });
  </script>
@endif