@php
    $cash_banks = getCashBankForDD();
    $cb_html = $cash_banks->map(function($cb) {
        return '<option value="'.$cb->id.'">'.$cb->name_eng.'</option>';
    });
    $cb_html = implode(' ', $cb_html->toArray());
@endphp
<style>
    .classic_input_container .classic_label {
        width: 8.5rem !important;
    }
</style>

<div class="card hide_all" id="cash_payment" style="display: {{ @$hide_all }}">
    <h5 class="card-header lh-1 text-center p-1">{{__('obs.payment_method')}}</h5>
    <div class="card-body p-2">
        <div class="row g-0">
            <div class="{{@$sm ? 'col-lg-6' : 'col-12'}} hide_all @isset($form_settings) {{ $form_settings->where('form_name', 'qs_pm_1')->first()?->form_hide ?? '' }} @endisset" id="div_qty" style="display: {{ @$hide_all }}">
                <div class="classic_input_container">
                    <span class="classic_label" title="qs_pm_1">
                        <select class="cash_bank form-select cl-form-select" id="cash_id" name="cash_id" NsModelBind="invoice.cash_id">
                            <option value="">{{__('obs.select_cash_bank')}}</option>
                            {!! $cb_html !!}
                        </select>    
                    </span>
                    <span class="classic_input">
                        <input type="number" data-fraction="2" class="form-control" name="cash_amount" id="cash_amount" NsModelBind="invoice.cash_amount" onkeyup="setTimeout(() => calculateBalance(), 0);">
                    </span>
                </div>
            </div>
            <div class="{{@$sm ? 'col-lg-6' : 'col-12'}} hide_all @isset($form_settings) {{ $form_settings->where('form_name', 'qs_pm_2')->first()?->form_hide ?? '' }} @endisset" id="div_qty" style="display: {{ @$hide_all }}">
                <div class="classic_input_container">
                    <span class="classic_label" title="qs_pm_2">
                        <select class="cash_bank form-select cl-form-select" id="bank_id" name="bank_id" NsModelBind="invoice.bank_id">
                            <option value="">{{__('obs.select_cash_bank')}}</option>
                            {!! $cb_html !!}
                        </select>   
                    </span>
                    <span class="classic_input">
                        <input type="number" data-fraction="2" class="form-control" name="bank_amount" id="bank_amount" NsModelBind="invoice.bank_amount" onkeyup="setTimeout(() => calculateBalance(), 0);">
                    </span>
                </div>
            </div>
            <div class="{{@$sm ? 'col-lg-6' : 'col-12'}} hide_all @isset($form_settings) {{ $form_settings->where('form_name', 'qs_pm_total')->first()?->form_hide ?? '' }} @endisset" id="div_qty" style="display: {{ @$hide_all }}">
                <div class="classic_input_container">
                    <span class="classic_label" title="qs_pm_total"><strong>{{__('obs.total')}}</strong></span>
                    <span class="classic_input">
                        <input type="number" data-fraction="2" class="form-control" name="total_recv_amount" id="total_recv_amount" NsModelBind="invoice.total_recv_amount" disabled>
                    </span>
                </div>
            </div>
            <div class="{{@$sm ? 'col-lg-6' : 'col-12'}} hide_all @isset($form_settings) {{ $form_settings->where('form_name', 'qs_pm_due')->first()?->form_hide ?? '' }} @endisset" id="div_qty" style="display: {{ @$hide_all }}">
                <div class="classic_input_container">
                    <span class="classic_label" title="qs_pm_due"><strong>{{__('obs.due')}}</strong></span>
                    <span class="classic_input">
                        <input type="number" data-fraction="2" class="form-control" name="due" id="due" NsModelBind="invoice.due" disabled>
                    </span>
                </div>
            </div>
        </div>
    </div>
</div>

@section('script')
    <script> 
        // select2('cash_bank', 'Select Cash/Bank'); 
        const cashBanks = @json($cash_banks);
    </script>
@append