@extends('landing.layouts.app')
@section('title')
    {{ __('messages.web_home.home') }}
@endsection
@section('content')
    <div class="container-fluid">
        <div class="d-flex flex-column">
            @include('flash::message')
            <div class="card">
                {{ Form::open(['id'=>'clientPaymentForm']) }}
                <div class="card-body">
                    {{ Form::hidden('invoice_id',$totalPayable['id'],['id'=>'invoice_id']) }}
                    {{ Form::hidden('amount',$totalPayable['total_amount'],['id'=>'invoice_id']) }}
                    <div class="row">
                        <div class="form-group col-sm-6">
                            {{ Form::label('payable_amount',__('messages.payment.payable_amount').' '. getCurrencySymbol() .':', ['class' => 'form-label ']) }}
                            <div class="input-group">
                                {{ Form::text('payable_amount', $totalPayable['total_amount'], ['id'=>'payable_amount','class' => 'form-control ','readonly','style'=>"height:100%;" ]) }}

                            </div>
                        </div>
                        <div class="form-group col-sm-6">
                            {{ Form::label('payment_mode',__('messages.payment.payment_mode').':', ['class' => 'form-label required ']) }}
                            {{ Form::select('payment_mode',$paymentMode, null,['id'=>'payment_mode','class' => 'form-select','placeholder'=>'Select Payment Mode','required']) }}
                        </div>
                        <div class="form-group col-sm-6" id="transaction">
                            {{ Form::label('transactionId',__('messages.payment.transaction_id').':', ['class' => 'form-label ']) }}
                            {{ Form::text('transaction_id', null, ['id'=>'transactionId','class' => 'form-control']) }}
                        </div>
                        <div class="form-group col-sm-6" id="mobileNumber">
                            {{ Form::label('mobile_number',__('messages.payment.mobile_number').':', ['class' => 'form-label ']) }}
                            {{ Form::text('mobile_number', $contact, ['id'=>'mobile_number','class' => 'form-control']) }}
                        </div>
                        <div class="form-group col-sm-12">
                            {{ Form::label('notes',__('messages.invoice.note').':', ['class' => 'form-label ']) }}
                            {{ Form::textarea('notes', null, ['id'=>'payment_note','class' => 'form-control','rows'=>'5']) }}
                        </div>
                        <div class=" col-sm-3 payment-attachment d-none">
                            {{ Form::label('paymentAttachment','Attach File'.':', ['class' => 'form-label ']) }}
                            {{ Form::file('payment_attachment', ['id'=>'paymentAttachment','class' => 'form-control']) }}
                        </div>
                    </div>
                </div>
                <div class="modal-footer pt-0">
                    {{ Form::button(__('messages.common.pay'), ['type' => 'submit','class' => 'btn btn-primary me-2','id' => 'btnPay','data-loading-text' => "<span class='spinner-border spinner-border-sm'></span> Processing...", 'data-new-text' => __('messages.common.pay')]) }}
                    <a href="{{ route('client.invoices.index') }}" type="reset"
                       class="btn btn-secondary btn-active-light-primary">{{ __('messages.common.cancel') }}</a>
                </div>
                {{ Form::close() }}
            </div>
        </div>
    </div>
    @include('client_panel.invoices.payment_validation_modal')
@endsection