@extends(AdminBaseDashboard::AdminBaseLayout())
@section('title', trans('acc::account.Make payment for purchases'))


@section('content')
<section id="ps-form-page">
	<div class="container breadcrumb-wraper">
		<ul class="breadcrumb">
  <li><a href="{{ route('dashboard')}}" class="active bread-link">
	  <span class="me-1"><i class="fa-solid fa-house"></i></span>{{ __('acc::account.home')}}</a></li>
<li>{{ __('acc::account.account')}}</li>
  <li>{{ __('acc::account.make a payment')}}</li>
</ul>
</div>
<div class="container-fluid">
	<div class="invoice-setting-header py-2 border-bottom">
	<h1 class="title">{{ __('acc::account.payment & purchases')}}</h1>
		<span class="note">{{ __('acc::account.enter the details of the transaction and allocate the payment to one of the account below')}}</span>
	</div>

	<div class="ps-acc-form-wrapper">
        <form class="payment-form">
            <div class="row g-3 justify-content-start">
                <div class="col-sm-12 col-md-8 col-lg-8">
                    <div class="card mt-3">
                        <div class="card-body">
                            <div class="mb-3">
                                <label for="account" class="form-label">{{ __('acc::account.account paid from')}}</label>
                                <select name="account" id="account" class="form-select account_multi_select">
                                    <option value="">--- {{ __('acc::account.select an account')}} ---</option>
                                    @forelse(ACCOUNT() as $account)
                                        <option value="{{ $account -> id }}">{{ $account -> name }} - ({{Account::format_payment($account->balance)}})</option>
                                    @empty
                                    @endforelse
                                </select>
                            </div>
                            <div class="mb-3">
                                <label for="allocation_account" class="form-label">{{ __('acc::account.allocation account')}}</label>
                                <select name="allocation_account" id="allocation_account" class="form-select account_multi_select">
                                    <option value="">--- {{ __('acc::account.select an account')}} ---</option>
                                    @forelse(ALLOCATION_ACCOUNT() as $account)
                                        <option value="{{ $account -> id }}" @selected(($account->slug) == "general-sales")>{{ $account -> name }} - ({{Account::format_payment($account->balance)}})</option>
                                    @empty
                                    @endforelse
                                </select>
                            </div>

                            <div class="mb-3">
                                <label for="Supplier" class="form-label">{{__('acc::account.pay to supplier')}}</label>
                                <select name="supplier" id="supplier" class="form-select account_multi_select">
                                    <option value="">{{ __('--Select Supplier --') }}</option>
                                    @if(supplier_status() == "enabled" && count(SUPPLIERS())> 0)
                                        @foreach(SUPPLIERS() as $supplier)
                                            <option value="{{ $supplier->id}}">{{ $supplier->SupplierCompany}}</option>
                                        @endforeach
                                    @else
                                        <option value="0">{{ __('acc::account.personal')}}</option>
                                    @endif
                                </select>
                            </div>
                            <div class="mb-3">
                                <div class="row g-3">
                                    <div class="col-sm-12 col-md-6 col-lg-6">
                                        <label for="date" class="form-label">{{ __('acc::account.date') }}:</label>
                                        <input type="date" class="form-control" id="date" name="date" value="{!! date('Y-m-d') !!}"
                                               aria-describedby="date" >
                                    </div>
                                    <div class="col-sm-12 col-md-6 col-lg-6">
                                        <label for="amount" class="form-label">{{ __('acc::account.amount') }}</label>
                                        <div class="input-group">
                                            <span class="input-group-text">{{ CURRENCY_SYMBOL() }}</span>
                                            <input type="number" name="amount" class="form-control" id="amount" pattern="^\d*(\.\d{0,2})?$" step="any">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="mb-3">
                                <div class="row g-3">
                                    <div class="col-sm-12 col-md-4 col-lg-4">
                                        <label for="reference" class="form-label">{{ __('acc::account.reference number') }}</label>
                                        <input type="text" name="reference" class="form-control" id="reference" value="{{ CUSTOM_REF() }}">
                                    </div>
                                    <div class="col-sm-12 col-md-4 col-lg-4">
                                        <label for="PayMethod" class="form-label">{{ __('acc::account.payment method') }}:</label>
                                        <select class="form-select" aria-label="PayMethod" id="PayMethod" name="PayMethod">
                                            @if(count(PAYMENT_GATEWAY()) > 0)
                                                @foreach(PAYMENT_GATEWAY() as $payment_gateway)
                                                    <option value="{{$payment_gateway->id}}">{{ $payment_gateway->payment_method}}</option>
                                                @endforeach
                                            @endif
                                        </select>
                                    </div>
                                    <div class="col-sm-12 col-md-4 col-lg-4">
                                        <label for="tax" class="form-label">{{ __('acc::account.payment tax rate') }}(%)</label>
                                        <input type="number" name="tax" class="form-control" id="tax" value="{{ Invoice::tax() }}">
                                    </div>
                                </div>
                            </div>
                            <div class="mb-3">
                                <label for="description" class="form-label">{{ __('acc::account.description') }}:</label>
                                <textarea name="short_description" id="short_description" cols="3" rows="5" class="form-control"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-12 col-md-4 col-lg-4">
                    <div class="card mt-3">
                        <div class="card-header">
                            <label class="form-label">{{__('acc::account.publish')}}</label>
                        </div>
                        <div class="card-body">
                            <button class="btn btn-primary" data-url="{{ route('store-payable')}}" type="button" id="payable">
                                <span class="btn-text">{{__('acc::account.record')}}</span>
                                <span class="loading-spinner"><i class="fa-solid fa-arrows-rotate fa-spin"></i></span>
                                <span class="loading-text">{{ __('acc::account.paying') }}.....</span>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </form>
	</div>
	</div>
</section>
@endsection
@section('javascript')
    <script src="{{ asset('ckeditor/ckeditor.js') }}"></script>
    <script>
        CKEDITOR.replace('description');
        </script>
    @stop