{{ __('messages.payment.add_payment') }}

{{ Form::open(['id' => 'clientPaymentForm']) }}
{{ Form::hidden('invoice_id', null, ['id' => 'invoice_id']) }}
{{ Form::label('payable_amount', __('messages.payment.payable_amount') . ':', ['class' => 'form-label fs-6 fw-bolder text-gray-700 mb-3']) }}
{{ Form::text('payable_amount', null, ['id' => 'payable_amount', 'class' => 'form-control ', 'readonly']) }} {{ getCurrencySymbol() }}
{{ Form::label('payment_type', __('messages.payment.payment_type') . ':', ['class' => 'form-label required fs-6 fw-bolder text-gray-700 mb-3']) }} {{ Form::select('payment_type', $paymentType, null, ['id' => 'payment_type', 'class' => 'form-select ', 'placeholder' => __('messages.payment.payment_type'), 'required']) }}
{{ Form::label('amount', __('messages.invoice.amount') . ':', ['class' => 'form-label required fs-6 fw-bolder text-gray-700 mb-3']) }} {{ Form::number('amount', null, ['id' => 'amount', 'class' => 'form-control ', 'step' => 'any', 'oninput' => "this.value = this.value.replace(/[^0-9.]/g, '')", 'required']) }}
{{ Form::label('payment_mode', __('messages.payment.payment_method') . ':', ['class' => 'form-label required fs-6 fw-bolder text-gray-700 mb-3']) }} {{ Form::select('payment_mode', $paymentMode, null, ['id' => 'payment_mode', 'class' => 'form-select ', 'placeholder' => __('messages.payment.payment_mode'), 'required']) }}
{{ Form::label('transactionId', __('messages.payment.transaction_id') . ':', ['class' => 'form-label fs-6 fw-bolder text-gray-700 mb-3']) }} {{ Form::text('transaction_id', null, ['id' => 'transactionId', 'class' => 'form-control ']) }}
{{ Form::label('notes', __('messages.invoice.note') . ':', ['class' => 'form-label required fs-6 fw-bolder text-gray-700 mb-3']) }} {{ Form::textarea('notes', null, ['id' => 'payment_note', 'class' => 'form-control ', 'rows' => '5', 'required']) }}
{{ Form::button(__('messages.common.pay'), ['type' => 'submit', 'class' => 'btn btn-primary me-2', 'id' => 'btnPay', 'data-loading-text' => " Processing...", 'data-new-text' => __('messages.common.pay')]) }}
{{ Form::close() }}