@extends('layouts.app')
@section('style')
    <link href="{{URL::asset('assets/global/plugins/bootstrap-timepicker/css/bootstrap-timepicker.min.css')}}" rel="stylesheet" type="text/css" />
@stop
@section('content')
@include("layouts.Cmodal")
@include('loans.modal') 
<style type="text/css">
    /* tr th { 
        text-align: center;
    } */
    hr {
        border-top: 1px solid #b1adad;
    }
    .v-select.searchable .dropdown-toggle{
        height: 27px;
        /* border: 1px solid red; */
    }
</style>
<div id="print-modal">
    <report-modal :pdf-route="pdfRoute" :excel-route="excelRoute" v-if="is_show" :value-type="'allLoanReports'" @closed="closeModal">
        <div slot="body">
            <!----------------------------------------------
            ----Begin Report Body And Custome Report-------
            ----------------------------------------------->
            <div class="row" v-cloak>
                <div class="tabbable tabbable-tabdrop">
                    <ul class="nav nav-tabs">
                        <li class="active">
                            <a href="#tab1" data-toggle="tab" id="tab_main">@lang('menu.Report')</a>
                        </li>
                        @if(systemConfig()[2] != 0 )
                        @permission(['customreport-list'])
                        <li class="">
                            <a href="#tab2" data-toggle="tab" id="tab_custome">@lang('layout.CustomReportM')</a>
                        </li>
                        @endpermission
                        @endif
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane active" id="tab1">
                            <div class="portlet light bordered">
                                <div class="row">
                                    <div class="form-group">
                                        <div class="col-md-3" >
                                            <label class="control-label ">@lang('layout.SelectClass')</label>
                                            <v-select class="vue-select2" v-model="selected_class" label="name" :options="member_class"></v-select>
                                            <input type="hidden" name="class_id" :value="(!selected_class)?null:selected_class.id">
                                        </div>
                                        <div class="col-md-3">
                                            <label class="control-label ">@lang('layout.SelectMember') </label>
                                            <v-select class="vue-select2" v-model="selectedMember" label="name" @search="MemberSearch"  :options="member"> </v-select>
                                            <input type="hidden" name="member_id" v-model.number="(!selectedMember)?null:selectedMember.id">
                                        </div>
                                        <div class="col-md-3">
                                            <label class="control-label ">@lang('layout.SelectType') </label>
                                            <select name="type_name" id="" class="form-control">
                                                <option value="">@lang('layout.SelectType')</option>
                                                <option value="getLoan">@lang('layout.GetLoan')</option>
                                                <option value="payLoan">@lang('layout.PayLoan')</option>
                                            </select>
                                        </div>
                                        <div class="col-md-3">
                                            <label class="control-label">@lang('layout.Currency')</label>
                                            <v-select v-model="selectedCurrency" label="code" :options="currency" > </v-select>
                                            <input type="hidden" name="currency" v-bind:value="(!selectedCurrency)?null:selectedCurrency.code">
                                        </div>
                                    </div>
                                    <div class="col-md-12" style="padding-right: 0px !important; padding-left: 0px !important;">
                                        <div class="col-md-3">
                                            <label class="control-label ">@lang('layout.ReferenceNumber') </label>
                                            <input type="text" name="ref_no" class="form-control" autocomplete="off" >
                                        </div>
                                        @if(getFinancialClass() =='true') 
                                        @permission('financialClass-list')
                                        <div class="col-md-3">
                                            <label class="control-label"> @lang('menu.FinancialClass')</label>
                                            <select name="financial_class_id" class="form-control" >
                                                <option value="">@lang('layout.SelectClass')</option>
                                                <option value="Unclassified">Unclassified</option>
                                                <option v-for="cla in financial_classes" :value="cla.id" :key="cla.id" >@{{cla.name}}</option>
                                            </select>
                                        </div>
                                        @endpermission
                                        @endif
                                        <div class="col-md-3">
                                            <label class="control-label">@lang('layout.Category')</label>
                                            <select class="form-control" name="category" >
                                                <option value="">@lang('layout.SelectCategory')</option>
                                                <option value="salary">@lang('layout.Salary')</option>
                                                <option value="loan">@lang('layout.Loan')</option>
                                                <option value="prepaid">@lang('layout.Prepaid')</option>
                                                <option value="reward">@lang('layout.Reward')</option>
                                                <option value="personalPayAndReceive">@lang('layout.PersonalPayAndReceive')</option>
                                                <option value="customs">@lang('type.customs')</option>
                                            </select>
                                        </div>
                                        <div class="col-md-3">
                                            <label class="control-label ">@lang('layout.Bank') </label>
                                            <v-select class="vue-select2"
                                                    v-model="selected_bank"
                                                    label="name"
                                                    :options="bank"
                                                    @search="searchAccount" >
                                            </v-select>
                                            <input type="hidden" name="bank_id" :value="(!selected_bank)?null:selected_bank.id">
                                        </div> 
                                        @if(systemConfig()[20] == 1)
                                        <div class="col-md-3">
                                            <label class="control-label">@lang('layout.ContractName')</label>
                                            <v-select class="vue-select2" placeholder="@lang('layout.Select')"
                                                    v-model="selectedContract" label="company_name"
                                                    :options="{{$contract}}">
                                            </v-select>
                                            <input type="hidden" name="id" v-model.number="(!selectedContract)?null:selectedContract.id" />
                                        </div>
                                        @endif
                                        <div class="col-md-3">
                                            <label class="control-label"> @lang('layout.Details')</label>
                                            <select name="as_person" class="form-control" >
                                                <option value="">@lang('layout.Select')</option>
                                                <option value="as_person"> @lang('layout.AsPersons') </option>
                                            </select>
                                        </div>
                                        <div class="col-md-3">
                                            <label class="control-label">@lang('layout.MonetarySource')</label>
                                            <input type="text" name="monetary_source" class="form-control">
                                        </div>
                                        @if(systemConfig()[5] != 0 )
                                        <div class="col-md-3">
                                            <label for="control-label">@lang('layout.Project')</label>
                                            <v-select class="vue-select2" label="name" @search="ProjectSearch" :options="project_list" v-model="selectedProject">
                                            </v-select>
                                            <input type="hidden" name="project_id" v-model.number="(!selectedProject)?null:selectedProject.id">
                                        </div>
                                        @endif
                                        @if(systemConfig()[29] == 1)
                                        <div class="col-md-1">
                                            <label class=" control-label">@lang('layout.TransactionConfirm')</label>
                                            <div class="col-md-12 mt-checkbox">
                                                <label class="mt-checkbox mt-checkbox-outline"> 
                                                    <input type="checkbox" name="transaction_confirm" value="On">
                                                    <span></span>
                                                </label>
                                            </div>
                                        </div>
                                        @endif
                                    </div>
                                </div>
                                <div class="row" style="background-color: rgb(231, 227, 220); padding-bottom:15px;margin-top:10px">
                                    <div class="col-md-12">
                                        <label class="control-label ">@lang('layout.Number')</label>
                                        <div class="input-group">
                                          <input class="form-control" autocomplete="off" name="from_loan">
                                          <span class="input-group-addon"> @lang('layout.To') </span>
                                          <input class="form-control" autocomplete="off" name="to_loan">
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="form-group">
                                        <div class="col-md-4">
                                            <label class="control-label ">@lang('layout.Date')</label>
                                                <select name="period" v-model="period" @input="getDates()" class="form-control">
                                                <option value="CustomDates">@lang('type.CustomDates')</option>
                                                <option value="Today">@lang('type.Today')</option>
                                                <option value="Yesterday">@lang('type.Yesterday')</option>
                                                <option value="ThisWeek">@lang('type.ThisWeek')</option>
                                                <option value="LastWeek">@lang('type.LastWeek')</option>
                                                <option value="WeekToDate">@lang('type.WeekToDate')</option>
                                                <option value="ThisMonth">@lang('type.ThisMonth')</option>
                                                <option value="MonthToDate">@lang('type.MonthToDate')</option>
                                                <option value="ThisQuarter">@lang('type.ThisQuarter')</option>
                                                <option value="QuarterToDate">@lang('type.QuarterToDate')</option>
                                                <option value="ThisYear">@lang('type.ThisYear')</option>
                                                <option value="YearToDate">@lang('type.YearToDate')</option>
                                            </select>
                                        </div>
                                        <div class="col-md-8" v-show="period == 'CustomDates'">
                                            <div class="form-group">
                                                <label class="control-label"> @lang('layout.Date')</label>
                                                <div class="input-group">
                                                    <input class="form-control date" id="range-from-example" v-model="from_date" name="from_date" autocomplete="off">
                                                    <span class="input-group-addon"> @lang('layout.To') </span>
                                                    <input class="form-control date" id="range-to-example" v-model="to_date" name="to_date" autocomplete="off">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane" id="tab2">
                            <div class="portlet light bordered">
                                <div class="portlet-body">
                                    <form id="saveCustomeReport" role="form" action="{{route('customeReport.storeCustomeReport')}}" method="post">
                                        @csrf
                                        <input type="hidden" name="part_name" value="loan_index">
                                        <div class="col-md-12 col-sm-12 col-xs-12">
                                            <div class="mt-checkbox-inline col-md-2" style="padding: 0px;" v-for="(row,itemIndex) in customReportData">
                                                <div class="form-group">
                                                    <table class="table table-striped table-bordered table-advance table-hover">
                                                        <tr>
                                                            <td style="text-align: center;">@{{ row.Name }}</td>
                                                        </tr>
                                                        <tr>
                                                            <td style="text-align: center;">
                                                                <input type="hidden" :name="'column_name['+itemIndex+']'" class="form-control" v-model="row.column_name">
                                                                <label class="switch">
                                                                    <input type="checkbox" :name="'column_status['+itemIndex+']'" :checked="row.checkedColumn">
                                                                    <span class="slider round"></span>
                                                                </label>
                                                                <select :name="'column_percentage['+itemIndex+']'" v-model="row.column_percentage" class="form-control" style="width: 90%;">
                                                                    <option value="">@lang('layout.Select')</option>
                                                                    <option value="2">2 %</option>
                                                                    <option value="6">6 %</option>
                                                                    <option value="10">10 %</option>
                                                                    <option value="15">15 %</option>
                                                                    <option value="20">20 %</option>
                                                                    <option value="25">25 %</option>
                                                                    <option value="30">30 %</option>
                                                                    <option value="40">40 %</option>
                                                                    <option value="50">50 %</option>
                                                                    <option value="60">60 %</option>
                                                                </select>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                    <!-- <label> @{{ row.Name }}</label>
                                                    <input type="hidden" :name="'column_name['+itemIndex+']'" class="form-control" v-model="row.column_name">
                                                    <label class="switch">
                                                        <input type="checkbox" :name="'column_status['+itemIndex+']'" 
                                                        :checked="row.checkedColumn" >
                                                        <span class="slider round"></span>
                                                    </label> -->
                                                </div>
                                            </div>
                                        </div>
                                        <div class="margiv-top-10">
                                            <!-- <button type="button" onclick="regForm(this)" class="btn green"> <i class="fa fa-save"></i> </button> -->
                                            <button type="button" onclick="saveCustomeReport(this)" class="btn blue"> <i class="fa fa-save"></i> </button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!----------------------------------------------
            ----Begin Report Body And Custome Report-------
            ----------------------------------------------->
        </div>
    </report-modal>
</div>
{{-- custom part start  --}}
<div id="settingModal" v-cloak>
    <setting-modal :pdf-route="route" v-if="is_show" :value-type="'loan'" @closed="closeModal">
        <div slot="header" class="text-center">
            <h4 style="font-weight: bold;">@lang('layout.CustomForms')</h4>
        </div>
        <div slot="body">
            <!----------------------------------------------
            ----Begin Report Body And Custome Report-------
            ----------------------------------------------->
            <div class="row" v-cloak>
                <div class="col-md-12 col-sm-12 col-xs-12">
                    <div class="mt-checkbox-inline col-md-2" style="padding: 0px;margin-bottom: 10px;" v-for="(row,itemIndex) in customReportData">
                        <div class="form-group">
                            <table class="table table-striped table-bordered table-advance">
                                <tr style="background-color: rgba(227, 227, 227, 0.757)">
                                    <th style="text-align: center;">@{{ row.Name }}</th>
                                </tr>
                                <tr>
                                    <td style="text-align: center;">
                                        <input type="hidden" :name="'column_name['+itemIndex+']'" class="form-control" v-model="row.column_name">
                                        <label class="switch">
                                            <input type="checkbox" :name="'column_status['+itemIndex+']'" 
                                            :checked="row.checkedColumn" >
                                            <span class="slider round"></span>
                                        </label>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <!----------------------------------------------
            ----Begin Report Body And Custome Report-------
            ----------------------------------------------->
        </div>
    </setting-modal>
</div>
{{-- custom part end  --}}
<div class="row">
    <!-- BEGIN EXAMPLE TABLE PORTLET-->
    <div class="portlet light bordered">
        <div class="portlet-title">
            <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
                <div class="caption font-dark" >
                    <i class="icon-settings font-dark"></i>&nbsp;
                    <span class="caption-subject bold uppercase">@lang('menu.DepositAndWithdrawal') &nbsp; &nbsp; &nbsp; </span>
                </div>
            </div>
            <div class="col-lg-7 col-md-7 col-sm-12 col-xs-12" style="display: flex; justify-content: center;" id="date_part">
                <div class="form-group">
                    <div class="input-group">
                        <input name="from_date" class="form-control date" ref="from_date" placeholder="@lang('layout.FromDate')" autocomplete="off" />
                        <span class="input-group-addon"> @lang('layout.To') </span>
                        <input name="to_date" class="form-control date" ref="to_date" placeholder="@lang('layout.ToDate')" autocomplete="off" />
                        <span class="input-group-addon btn" style="background: #36c6d3;color: white;"  @Click="getData()"> @lang('layout.Search') </span>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
                <div class="pull-right" >
                    <span id="setting-modal">
                        <button type="submit" @click.prevent="showModal" class="btn" style="background-color: rgb(80, 129, 141);color: white;">
                            <i class="fa fa-wrench"></i>
                        </button>
                    </span>
                    <span onclick="getRecord();" class="btn blue">
                        <i class="fa fa-refresh"></i>
                    </span>
                    @permission(['loan-export'])
                    <span id="anchore-modal">
                        <a href="#" @click.prevent="showModal" id="" class="btn  btn-success">
                            <i class="fa fa-print"></i>
                        </a>
                    </span>
                    @endpermission
                    @permission('loan-create')
                    <a href="{{route('loantImport.create')}}">
                        <button id="sample_editable_1_new" class="btn btn-success">
                            <i class="fa fa-plus "></i> @lang('menu.InventoryImport')
                        </button>
                    </a>
                    @endpermission  
                    <!-- <a href="{{route('loan.create')}}">
                        <button class="btn btn-success">
                            <i class="fa fa-plus"></i> @lang('layout.AddNew')
                        </button>
                    </a> -->
                    @permission(['loan-create'])
                    <span id="create-modal">
                        <a href="#" @click.prevent="showModal">
                            <button class="btn btn-success">
                                <i class="fa fa-plus"></i> @lang('layout.AddNew')
                            </button>
                        </a>
                    </span>
                    @endpermission
                </div>
            </div>
        </div>
        <div class="portlet-body">
            <template v-cloak id="company_ll">
                <company @company="setCompany"></company>
            </template>
            <!-- BEGIN FORM-->
            @permission(['loan-create'])
            {!! Form::open(array('route' => 'loan.store','method'=>'POST','class'=>'form-horizontal','id'=>'loan-submit')) !!}
            {{ csrf_field() }}
            <div class="form-body  col-md-12" id="app" v-cloak>
                <div class="row" v-show="show_create" style="margin-bottom: 20px; border-bottom: 2px solid rgba(172, 171, 171, 0.877);padding-bottom: 20px;">
                    <div class="col-lg-8" style="box-shadow: 0px 0px 3px rgba(172, 171, 171, 0.877);border-radius: 8px; margin-bottom: 10px;">
                        <input type="hidden" name="position_status" v-model="position_status" >
                        <div class="row" style="padding: 0.5% 1%;">
                            <div class="col-lg-12" style="padding-right: 0px !important; padding-left: 0px !important;" >
                                <div class="col-lg-3" v-show="showWhat('member_class')=='yes'">
                                    <label class="control-label">@lang('layout.MemberClass') </label>
                                    <v-select label="name" :options="memberClass" v-model="selected_class" @input="memberClassChange()"></v-select>
                                    <input type="hidden" name="class_id" :value="!selected_class?null:selected_class.id">
                                </div>
                                <div class="col-lg-4">
                                    <label class="control-label ">@lang('layout.Member')</label>
                                    <div class="input-group">
                                        <v-select :class="selectMem + ' vue-select2 '" v-model="selectedMember" @input="getSummary()" label="name" :options="member" @search="MemberSearch" >
                                        </v-select>
                                        <input type="hidden" name="member_id" :value="(!selectedMember)?null:selectedMember.id" v-validate="'required'" data-vv-as="@lang('layout.Member')">
                                        <span class="required">@{{ errors.first('member_id') }}</span>
                                        <span class="btn btn-success input-group-addon " title="@lang('button.AddNewCustomer')" @click="showModal = true" style="background-color:  rgb(84, 199, 211)">
                                            <i class="fa fa-plus" style="color: white"></i>
                                        </span> 
                                        @if (fingerprint() == 'true')
                                        <span class="input-group-addon">
                                            <input type="checkbox" name="finger" @click="clearFinger('finger')" v-model="finger" placeholder="@lang('layout.Fingerprint')" >
                                            <span></span>
                                        </span>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-lg-3">
                                    <label class="control-label" for="form_control">@lang('layout.Type')</label>
                                    <div class="md-radio-inline" style="display: flex;justify-content: end">
                                        <div class="md-radio">
                                            <input type="radio" id="radio1" name="type" v-model="loanType" value="getLoan" class="md-radiobtn" :checked="loanType == 'getLoan'">
                                            <label for="radio1">
                                                <span class="inc"></span>
                                                <span class="check"></span>
                                                <span class="box"></span> @lang('layout.GetLoan') 
                                            </label>
                                        </div>
                                        <div class="md-radio">
                                            <input type="radio" id="radio2" name="type" v-model="loanType" value="payLoan" class="md-radiobtn" :checked="loanType == 'payLoan'">
                                            <label for="radio2">
                                                <span class="inc"></span>
                                                <span class="check"></span>
                                                <span class="box"></span> @lang('layout.PayLoan') 
                                            </label>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-2 @if(!getCustomeForm('loan','branchTransfer')) displayNone @endif">
                                    <label class=" control-label">@lang('layout.BranchTransfer')</label>
                                    <div class="mt-checkbox">
                                        <label class="mt-checkbox mt-checkbox-outline">
                                            <input type="checkbox" name="branch_type" v-model="branch_type" value="on">
                                            <span></span>
                                        </label>
                                    </div>
                                </div>
                                <div class="col-lg-12" >
                                    <div class="col-lg-12">
                                        <div class="row" v-if="branch_type" >
                                            <div class="col-lg-12">
                                                <label class="control-label">@lang('layout.Company')</label>
                                                <v-select label="name" :options="company" v-model="selected_company" placeholder="@lang('layout.Company')" :select-on-tab="true"></v-select>
                                                <input type="hidden" name="company_id" :value="(!selected_company)?null:selected_company.id" >
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-3">
                                    <label class="control-label">@lang('layout.Number')</label>
                                    <input type="number" name="number" class="form-control" v-model="number">
                                </div>
                                <div class="col-lg-3 @if(!getCustomeForm('loan','referenceName')) displayNone @endif">
                                    <label class="control-label">@lang('layout.ReferenceName')</label>
                                    <input type="text" name="referencen_name" class="form-control">
                                </div>
                                <div class="col-lg-3 @if(!getCustomeForm('loan','referenceNumber')) displayNone @endif">
                                    <label class="control-label">@lang('layout.ReferenceNumber')</label>
                                    <input type="text" name="ref_no" class="form-control" v-model='ref_no'>
                                    <span v-if="isError ==true" class="input-has-error" style="color: red">@{{msg}}</span>
                                </div>
                                <div class="col-lg-3 @if(!getCustomeForm('loan','date')) displayNone @endif">
                                    <label class="control-label">@lang('layout.Date')</label>
                                    <input type="text" id="getdate" class="form-control date" autocomplete="off" name="date" @if(getDateRequired() == 'true') v-validate='"required"' data-vv-as="@lang('layout.Date')" @endif>
                                    <span class="required">@{{ errors.first('date') }}</span>
                                </div> 
                                <div class="col-lg-3" style="padding: 0px !important;">
                                    <div :class="currency_len">
                                        <label class="control-label">@lang('layout.Currency')</label>
                                        <v-select v-model="selectedCurrency" label="code" :options="currency" @input="setSize(selectedCurrency.code), get_exchange()"> </v-select>
                                        <input type="hidden" name="currency" v-bind:value="selectedCurrency.code" />
                                    </div>
                                    <div :class="rate_len" v-if="selectedCurrency.code != '{{getHomeCurrency()["code"]}}'">
                                        <label class="control-label">@lang('layout.Rate') </label>
                                        <div :class="{'has-error':selectedCurrency.rate < 0}">
                                            <!-- <div class="input-group"> -->
                                            <input v-model="selected_rate" class="form-control" type="number" step="any" min="0" 
                                            @keyup="check_code(paymentCurrency.code), get_exchange()" @click="check_code(paymentCurrency.code), get_exchange()" :readonly="averageRate">
                                            <!-- <span class="input-group-addon">@{{selectedCurrency.code}}</span>
                                            </div> -->
                                            <input type="hidden" name="currency_rate" :value="selected_rate">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-3">
                                    <label class="control-label">@lang('layout.Amount') <span v-if="amount_to_word" class="text-danger">( @{{amount_to_word}} )</span></label>
                                    <vue-numeric
                                        class="form-control"
                                        v-model="amount"
                                        :max="99999999999999" inputmode="decimal"
                                        :currency="selectedCurrency.code"
                                        :precision="precision()"
                                        @input="get_exchange(), getTranslateToWord(), calculateCamition()"
                                        >
                                    </vue-numeric>
                                    <input type="hidden" name="amount" class="form-control" v-model="amount" step="any" min="0" v-validate="'required'" data-vv-as="@lang('layout.Amount')">
                                    <span class="required">@{{ errors.first('amount') }}</span>
                                </div>
                                <div class="col-lg-3">
                                    <label class="control-label">@lang('layout.Account')</label>
                                    <select class="form-control" name="account_id" v-model="defaultAccount" v-on:change="test(defaultAccount)" required v-validate="'required'" data-vv-as="@lang('layout.Account')">
                                        <option v-for="Account in accountUpdate" :value="Account.id">@{{ Account.name }}
                                        </option>
                                    </select>
                                    <span class="required">@{{ errors.first('account_id') }}</span>
                                </div>
                                <div class="col-lg-3">
                                    <span v-if="loanType == 'getLoan'" v-show="false">
                                        @{{balance = Number(selectedBank.balance)+(Number(amount)-Number(defaultAmount))}}
                                    </span>
                                    <span v-else v-show="false">
                                        @{{balance = Number(selectedBank.balance)-(Number(amount)-Number(defaultAmount)) }}
                                    </span>
                                    <label class="control-label">@lang('layout.Balance')</label>
                                    <div class="input-group">
                                        <input class="form-control" disabled :value="balance.toFixed(precision())">
                                        <span class="input-group-addon">@{{selectedCurrency.code}}</span>
                                    </div>
                                </div>
                                <div class="col-lg-3" style="padding: 0px !important;">
                                    <div :class="pcurrency_len">
                                        <label class="control-label">@lang('layout.ExchangedCurrency')</label>
                                        <v-select v-model="paymentCurrency" label="code" :options="currency1" @input="setPaymentSize(paymentCurrency.code), get_exchange(), getTranslateToWordExchange()"> </v-select>
                                        <input type="hidden" name="paymentCurrency" v-bind:value="paymentCurrency.code" />
                                    </div>
                                    <div :class="prate_len" v-if="paymentCurrency.code != '{{getHomeCurrency()["code"]}}'">
                                        <label class="control-label">@lang('layout.Rate') </label>
                                        <div :class="{'has-error':paymentCurrency.exchange_rate < 0}">
                                            <!-- <div class="input-group"> -->
                                            <input v-model="selected_rate1" class="form-control" type="number" min="0" step="any" @input="get_exchange()" :readonly="selectedCurrency.code==paymentCurrency.code">
                                            <!-- <span class="input-group-addon">@{{paymentCurrency.code}}</span>
                                            </div> -->
                                            <input type="hidden" name="rate" :value="selected_rate1">
                                        </div>
                                    </div>
                                </div>  
                                <div class="col-lg-3">
                                    <label class="control-label">@lang('layout.ExchangedAmount')</label>
                                    <div class="input-group">
                                        <vue-numeric
                                            class="form-control"
                                            v-model="exchange_amount"
                                            :max="99999999999999" inputmode="decimal"
                                            :currency="paymentCurrency.code"
                                            :precision="precision()"
                                            @input="set_rate(), getTranslateToWordExchange(), calculateCamition()">
                                        </vue-numeric>
                                        {{-- <input type="number" v-model="exchange_amount" @input="set_rate(), getTranslateToWordExchange()" class="form-control" min="0" step="any"> --}}
                                        {{-- <input type="hidden" :value="(amount*selected_rate1/(selected_rate)).toFixed(4)"> --}}
                                        <span class="input-group-addon">
                                            <input type="checkbox" name="change_amount" v-model="change_amount" title="{{ __('layout.SelectAmountByExchangedAmount') }}">
                                            <span></span>
                                        </span>
                                    </div>
                                    {{-- <span v-if="exchange_amount_to_word" >@{{exchange_amount_to_word}}</span> --}}
                                </div>
                                <div class="col-lg-3 @if(!getCustomeForm('loan','category')) displayNone @endif">
                                    <label class="control-label">@lang('layout.Category')</label>
                                    <select class="form-control" name="category" v-model="category" >
                                        <option disabled value="" >@lang('layout.SelectCategory')</option>
                                        <option value="salary">@lang('layout.Salary')</option>
                                        <option value="loan">@lang('layout.Loan')</option>
                                        <option value="prepaid">@lang('layout.Prepaid')</option>
                                        <option value="reward">@lang('layout.Reward')</option>
                                        <option value="personalPayAndReceive">@lang('layout.PersonalPayAndReceive')</option>
                                        <option value="customs">@lang('type.customs')</option>
                                    </select>
                                </div> 
                                <div class="col-lg-3 @if(!getCustomeForm('loan','hour')) displayNone @endif">
                                    <label class="control-label">@lang('layout.Hour')</label>
                                    <div class="input-group" @click="stopDynamicTime" @mousemove="changeTime"> 
                                        @if(getHourType() == 24)
                                        <input type="text" class="form-control timepicker timepicker-24" v-model="dynamic_time" ref="time_input" name="hour" @keyup="changeTime">
                                        @else
                                        <input type="text" class="form-control timepicker timepicker-no-seconds" v-model="dynamic_time" ref="time_input" name="hour" @keyup="changeTime">
                                        @endif
                                        <span class="input-group-btn">
                                            <button class="btn default" type="button">
                                                <i class="fa fa-clock-o"></i>
                                            </button>
                                        </span>
                                    </div>
                                </div>
                                @if(getcommission() =="true")
                                    <div class="col-lg-3" v-show="!commission_type" >
                                        <label class="control-label">@lang('layout.Expense') </label>
                                        <div class="input-group">
                                            <v-select label="name" :options="expense" v-model="selectedExpense" ></v-select>
                                            <input type="hidden" name="expense_id" v-bind:value="(!selectedExpense)?null:selectedExpense.id" />
                                            <span class="input-group-addon">
                                                <input type="checkbox" name="commission_type" v-model="commission_type" title="{{ __('layout.Income') }}">
                                                <span></span>
                                            </span>
                                        </div>
                                    </div> 
                                    <div class="col-lg-3" v-show="commission_type" >
                                        <label class="control-label">@lang('layout.Income') </label>
                                        <div class="input-group">
                                            <v-select label="name" :options="income" v-model="selectedIncome" ></v-select>
                                            <input type="hidden" name="income_id" v-bind:value="(!selectedIncome)?null:selectedIncome.id" />
                                            <span class="input-group-addon">
                                                <input type="checkbox" name="commission_type" v-model="commission_type" title="{{ __('layout.Income') }}">
                                                <span></span>
                                            </span>
                                        </div>
                                    </div> 
                                    <div class="col-lg-3">
                                        <label class="control-label">@lang('layout.Commission')</label>
                                        <vue-numeric
                                            class="form-control"
                                            v-model="commission_amount"
                                            :max="99999999999999" inputmode="decimal"
                                            currency=" "
                                            :precision="precision()"
                                            >
                                        </vue-numeric>
                                        <input type="hidden" name="commission_amount" v-bind:value="commission_amount" />
                                    </div>
                                    <div class="col-lg-3">
                                        <label class="control-label">@lang('layout.Percentage') @lang('layout.Commission')</label>
                                        <input type="number" step="any" v-model="camition_percentage" @input="calculateCamition()" class="form-control" autocomplete="off" max="100" name="percentage">
                                    </div>
                                    <div class="col-lg-3">
                                        <label class="control-label">@lang('layout.Description')</label>
                                        {{Form::textarea('commission_description',null,['class'=>'form-control','rows'=>'1'])}}
                                    </div>
                                @endif
                                <div class="col-lg-3 @if(!getCustomeForm('loan','dueDate')) displayNone @endif">
                                    <label class="control-label">@lang('layout.DueDate')</label>
                                    <input type="text" id="dueDate" class="form-control date" autocomplete="off" name="dueDate">
                                </div>
                                @if(systemConfig()[5] != 0 )
                                    <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 @if(!getCustomeForm('loan','project')) displayNone @endif">
                                        <label class="control-label">@lang('layout.Project')</label>
                                        <v-select class="vue-select2" label="name" @search="ProjectSearch" :options="project_list" v-model="selectedProject">
                                        </v-select>
                                        <input type="hidden" name="project_id" v-model.number="(!selectedProject)?null:selectedProject.id">
                                    </div>
                                @endif
                                @if(systemConfig()[20] == 1)
                                    <div class="col-lg-3 @if(!getCustomeForm('loan','contractName')) displayNone @endif">
                                        <label class="control-label">@lang('layout.ContractName')</label>
                                        <v-select class="vue-select2" placeholder="@lang('layout.Select')" v-model="selectedContract" label="company_name" :options="{{$contract}}"></v-select>
                                        <input type="hidden" name="contract_id" v-model.number="(!selectedContract)?null:selectedContract.id" />
                                    </div>
                                @endif
                                @if(systemConfig()[25] == 1)
                                    <div class="col-md-4 @if(!getCustomeForm('pay','cargo_contract')) displayNone @endif" style="height: 53px;">
                                        <label class="control-label">@lang('layout.CargoContract')</label>
                                        <v-select class="vue-select2" label="number" :options="cargoContract" v-model="selected_cargoContract"></v-select>
                                        <input type="hidden" name="cargo_contract_id" v-model.number="(!selected_cargoContract)?null:selected_cargoContract.id">
                                    </div>
                                @endif 
                                <div class="col-lg-3 @if(!getCustomeForm('loan','billNumberCheque')) displayNone @endif">
                                    <label class="control-label">@lang('layout.BillNumberCheque')</label>
                                    <input type="number" name="bill_number" class="form-control">
                                    <span v-if="isError ==true" class="input-has-error" style="color: red" v-model='bill_number'>@{{msg}}</span>
                                </div>
                                <div class="col-lg-3 @if(!getCustomeForm('loan','monetarySource')) displayNone @endif">
                                    <label class="control-label">@lang('layout.MonetarySource')</label>
                                    {!! Form::text('monetary_source', null, array('placeholder' => __('layout.MonetarySource'),'class' => 'form-control', 'v-model' => 'monetary_source')) !!}
                                </div>
                                <div class="col-lg-3 @if(!getCustomeForm('loan','transactionType')) displayNone @endif">
                                    <label class="control-label">@lang('layout.TransactionType')</label>
                                    {!! Form::text('trans_type', null, array('placeholder' => __('layout.TransactionType'),'class' => 'form-control', 'v-model' => 'trans_type')) !!}
                                </div>
                                <div class="col-lg-3 @if(!getCustomeForm('loan','counterparty')) displayNone @endif">
                                    <label class="control-label">@lang('layout.CounterParty')</label>
                                    <input type="text" class="form-control" name="counterparty" v-model='counterparty'>
                                </div>
                                <div class="col-lg-3 @if(!getCustomeForm('loan','By')) displayNone @endif">
                                    <label class="control-label">@lang('layout.ByName')</label>
                                    <input type="text" class="form-control" name="by" v-model='by'>
                                </div>
                                <div class="col-lg-3">
                                    <label class="control-label">@lang('layout.Title')</label>
                                    {{-- <input type="text" class="form-control" name="title"> --}}
                                    <select name="title" id="" class="form-control">
                                        <option value="">@lang('layout.SelectType')</option>
                                        <option value="purchase">@lang('layout.Purchase')</option>
                                        <option value="custom">@lang('layout.Custom')</option>
                                        <option value="sales">@lang('layout.Sales')</option>
                                        <option value="fine">@lang('layout.Fine')</option>
                                        <option value="decrease">@lang('layout.Decrease')</option>
                                        <option value="inventory">@lang('layout.Inventory')</option>
                                        <option value="transportation1">@lang('layout.Transportation')1</option>
                                        <option value="transportation2">@lang('layout.Transportation')2</option>
                                        <option value="transportation3">@lang('layout.Transportation')3</option>
                                        <option value="transportation4">@lang('layout.Transportation')4</option>
                                        <option value="transportation5">@lang('layout.Transportation')5</option>
                                        <option value="transportation6">@lang('layout.Transportation')6</option>
                                        <option value="transportation7">@lang('layout.Transportation')7</option>
                                        <option value="transportation8">@lang('layout.Transportation')8</option>
                                        <option value="transportation9">@lang('layout.Transportation')9</option>
                                        <option value="transportation10">@lang('layout.Transportation')10</option>
                                        <option value="expenditures1">@lang('layout.Expenditures')1</option>
                                        <option value="expenditures2">@lang('layout.Expenditures')2</option>
                                        <option value="expenditures3">@lang('layout.Expenditures')3</option>
                                        <option value="expenditures4">@lang('layout.Expenditures')4</option>
                                        <option value="expenditures5">@lang('layout.Expenditures')5</option>
                                        <option value="expenditures6">@lang('layout.Expenditures')6</option>
                                        <option value="expenditures7">@lang('layout.Expenditures')7</option>
                                        <option value="expenditures8">@lang('layout.Expenditures')8</option>
                                        <option value="expenditures9">@lang('layout.Expenditures')9</option>
                                        <option value="expenditures10">@lang('layout.Expenditures')10</option>
                                    </select>
                                </div>
                                @if(systemConfig()[29] == 1)
                                <div class="col-lg-3 @if(!getCustomeForm('loan','transactionConfirm')) displayNone @endif">
                                    <label class=" control-label">@lang('layout.TransactionConfirm')</label>
                                    <div class="col-lg-12 mt-checkbox">
                                        <label class="mt-checkbox mt-checkbox-outline"> 
                                            <input type="checkbox" name="transaction_confirm" value="On" v-validate="'required'" data-vv-as="@lang('layout.TransactionConfirm')" >
                                            <span></span>
                                        </label>
                                    </div>
                                    <span class="required">@{{ errors.first('transaction_confirm') }}</span>
                                </div>
                                @endif
                                @if(getTelegramBot()=="true")
                                <div class="col-lg-2 col-md-2 col-sm-6 col-xs-12 @if(!getCustomeForm('loan','telegram')) displayNone @endif">
                                    <label class="control-label"> <span class="fa fa-telegram" style="color:rgb(14 177 177);"></span> @lang('layout.Telegram')</label>
                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 mt-checkbox">
                                        <label class="mt-checkbox mt-checkbox-outline">
                                            <input type="checkbox" name="telegram" value="ok" />
                                            <span></span>
                                        </label>
                                    </div>
                                </div>
                                @endif
                                @if(getWhatsApp() =='true' && (getWhatsAppType() == 'direct' || getWhatsAppType() == 'simpleMessage'))                 
                                <div class="col-lg-2 col-md-2 col-sm-6 col-xs-12 @if(!getCustomeForm('loan','whatsapp')) displayNone @endif">
                                    <label class="control-label"> <span class="fa fa-whatsapp" style="color:green;"></span> @lang('layout.Whatsapp')</label>
                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 mt-checkbox">
                                        <label class="mt-checkbox mt-checkbox-outline">
                                            <input type="checkbox"  name="whatsapp" value="5" />
                                            <span></span>
                                        </label>
                                    </div>
                                </div>
                                @endif
                            </div>
                            {{-- <div class="col-lg-12" style="padding-right: 0px !important; padding-left: 0px !important;" > --}}
                                {{-- <div class="col-md-3">
                                    <label class="control-label">@lang('layout.Number')</label>
                                    <input type="number" name="number" class="form-control" v-model="number">
                                </div> --}}
                                {{-- <div class="col-lg-3 @if(!getCustomeForm('loan','referenceName')) displayNone @endif">
                                    <label class="control-label">@lang('layout.ReferenceName')</label>
                                    <input type="text" name="referencen_name" class="form-control">
                                </div> --}}
                                {{-- <div class="col-md-3 @if(!getCustomeForm('loan','referenceNumber')) displayNone @endif">
                                    <label class="control-label">@lang('layout.ReferenceNumber')</label>
                                    <input type="text" name="ref_no" class="form-control" v-model='ref_no'>
                                    <span v-if="isError ==true" class="input-has-error" style="color: red">@{{msg}}</span>
                                </div> --}}
                                {{-- <div class="col-lg-3 @if(!getCustomeForm('loan','date')) displayNone @endif">
                                    <label class="control-label">@lang('layout.Date')</label>
                                    <input type="text" id="getdate" class="form-control date" autocomplete="off" name="date" @if(getDateRequired() == 'true') v-validate='"required"' data-vv-as="@lang('layout.Date')" @endif>
                                    <span class="required">@{{ errors.first('date') }}</span>
                                </div>  --}}
                            {{-- </div> --}}
                            {{-- <div class="col-lg-12" style="padding-right: 0px !important; padding-left: 0px !important;" > --}}
                                {{-- <div class="col-lg-3" style="padding: 0px !important;">
                                    <div :class="currency_len">
                                        <label class="control-label">@lang('layout.Currency')</label>
                                        <v-select v-model="selectedCurrency" label="code" :options="currency" @input="setSize(selectedCurrency.code), get_exchange()"> </v-select>
                                        <input type="hidden" name="currency" v-bind:value="selectedCurrency.code" />
                                    </div>
                                    <div :class="rate_len" v-if="selectedCurrency.code != '{{getHomeCurrency()["code"]}}'">
                                        <label class="control-label">@lang('layout.Rate') </label>
                                        <div :class="{'has-error':selectedCurrency.rate < 0}">
                                            <!-- <div class="input-group"> -->
                                            <input v-model="selected_rate" class="form-control" type="number" step="any" min="0" 
                                            @keyup="check_code(paymentCurrency.code), get_exchange()" @click="check_code(paymentCurrency.code), get_exchange()" :readonly="averageRate">
                                            <!-- <span class="input-group-addon">@{{selectedCurrency.code}}</span>
                                            </div> -->
                                            <input type="hidden" name="currency_rate" :value="selected_rate">
                                        </div>
                                    </div>
                                </div> --}}
                                {{-- <div class="col-lg-3">
                                    <label class="control-label">@lang('layout.Amount') <span v-if="amount_to_word" class="text-danger">( @{{amount_to_word}} )</span></label>
                                    <vue-numeric
                                        class="form-control"
                                        v-model="amount"
                                        :max="99999999999999" inputmode="decimal"
                                        :currency="selectedCurrency.code"
                                        :precision="precision()"
                                        @input="get_exchange(), getTranslateToWord(), calculateCamition()"
                                        >
                                    </vue-numeric>
                                    <input type="hidden" name="amount" class="form-control" v-model="amount" step="any" min="0" v-validate="'required'" data-vv-as="@lang('layout.Amount')">
                                    <span class="required">@{{ errors.first('amount') }}</span>
                                </div> --}}
                                {{-- <div class="col-lg-3">
                                    <label class="control-label">@lang('layout.Account')</label>
                                    <select class="form-control" name="account_id" v-model="defaultAccount" v-on:change="test(defaultAccount)" required v-validate="'required'" data-vv-as="@lang('layout.Account')">
                                        <option v-for="Account in accountUpdate" :value="Account.id">@{{ Account.name }}
                                        </option>
                                    </select>
                                    <span class="required">@{{ errors.first('account_id') }}</span>
                                </div> --}}
                                {{-- <div class="col-lg-3">
                                    <span v-if="loanType == 'getLoan'" v-show="false">
                                        @{{balance = Number(selectedBank.balance)+(Number(amount)-Number(defaultAmount))}}
                                    </span>
                                    <span v-else v-show="false">
                                        @{{balance = Number(selectedBank.balance)-(Number(amount)-Number(defaultAmount)) }}
                                    </span>
                                    <label class="control-label">@lang('layout.Balance')</label>
                                    <div class="input-group">
                                        <input class="form-control" disabled :value="balance.toFixed(precision())">
                                        <span class="input-group-addon">@{{selectedCurrency.code}}</span>
                                    </div>
                                </div> --}}
                            {{-- </div> --}}
                            {{-- <div class="col-lg-12" style="padding-right: 0px !important; padding-left: 0px !important;" > --}}
                                {{-- <div class="col-lg-3" style="padding: 0px !important;">
                                    <div :class="pcurrency_len">
                                        <label class="control-label">@lang('layout.ExchangedCurrency')</label>
                                        <v-select v-model="paymentCurrency" label="code" :options="currency1" @input="setPaymentSize(paymentCurrency.code), get_exchange(), getTranslateToWordExchange()"> </v-select>
                                        <input type="hidden" name="paymentCurrency" v-bind:value="paymentCurrency.code" />
                                    </div>
                                    <div :class="prate_len" v-if="paymentCurrency.code != '{{getHomeCurrency()["code"]}}'">
                                        <label class="control-label">@lang('layout.Rate') </label>
                                        <div :class="{'has-error':paymentCurrency.exchange_rate < 0}">
                                            <!-- <div class="input-group"> -->
                                            <input v-model="selected_rate1" class="form-control" type="number" min="0" step="any" @input="get_exchange()" :readonly="selectedCurrency.code==paymentCurrency.code">
                                            <!-- <span class="input-group-addon">@{{paymentCurrency.code}}</span>
                                            </div> -->
                                            <input type="hidden" name="rate" :value="selected_rate1">
                                        </div>
                                    </div>
                                </div>     --}}
                                {{-- <div class="col-lg-3">
                                    <label class="control-label">@lang('layout.ExchangedAmount')</label>
                                    <div class="input-group">
                                        <vue-numeric
                                            class="form-control"
                                            v-model="exchange_amount"
                                            :max="99999999999999" inputmode="decimal"
                                            :currency="paymentCurrency.code"
                                            :precision="precision()"
                                            @input="set_rate(), getTranslateToWordExchange(), calculateCamition()">
                                        </vue-numeric> --}}
                                        {{-- <input type="number" v-model="exchange_amount" @input="set_rate(), getTranslateToWordExchange()" class="form-control" min="0" step="any"> --}}
                                        {{-- <input type="hidden" :value="(amount*selected_rate1/(selected_rate)).toFixed(4)"> --}}
                                        {{-- <span class="input-group-addon">
                                            <input type="checkbox" name="change_amount" v-model="change_amount" title="{{ __('layout.SelectAmountByExchangedAmount') }}">
                                            <span></span>
                                        </span>
                                    </div> --}}
                                    {{-- <span v-if="exchange_amount_to_word" >@{{exchange_amount_to_word}}</span> --}}
                                {{-- </div> --}}
                                {{-- <div class="col-lg-3 @if(!getCustomeForm('loan','category')) displayNone @endif">
                                    <label class="control-label">@lang('layout.Category')</label>
                                    <select class="form-control" name="category" v-model="category" >
                                        <option disabled value="" >@lang('layout.SelectCategory')</option>
                                        <option value="salary">@lang('layout.Salary')</option>
                                        <option value="loan">@lang('layout.Loan')</option>
                                        <option value="prepaid">@lang('layout.Prepaid')</option>
                                        <option value="reward">@lang('layout.Reward')</option>
                                        <option value="personalPayAndReceive">@lang('layout.PersonalPayAndReceive')</option>
                                    </select>
                                </div>           --}}
                                {{-- <div class="col-lg-3 @if(!getCustomeForm('loan','hour')) displayNone @endif">
                                    <label class="control-label">@lang('layout.Hour')</label>
                                    <div class="input-group" @click="stopDynamicTime" @mousemove="changeTime"> 
                                        @if(getHourType() == 24)
                                        <input type="text" class="form-control timepicker timepicker-24" v-model="dynamic_time" ref="time_input" name="hour" @keyup="changeTime">
                                        @else
                                        <input type="text" class="form-control timepicker timepicker-no-seconds" v-model="dynamic_time" ref="time_input" name="hour" @keyup="changeTime">
                                        @endif
                                        <span class="input-group-btn">
                                            <button class="btn default" type="button">
                                                <i class="fa fa-clock-o"></i>
                                            </button>
                                        </span>
                                    </div>
                                </div> --}}
                            {{-- </div> --}}
                            {{-- <div class="col-lg-12" style="padding-right: 0px !important; padding-left: 0px !important;" >
                                @if(getcommission() =="true")
                                    <div class="col-lg-3" v-show="!commission_type" >
                                        <label class="control-label">@lang('layout.Expense') </label>
                                        <div class="input-group">
                                            <v-select label="name" :options="expense" v-model="selectedExpense" ></v-select>
                                            <input type="hidden" name="expense_id" v-bind:value="(!selectedExpense)?null:selectedExpense.id" />
                                            <span class="input-group-addon">
                                                <input type="checkbox" name="commission_type" v-model="commission_type" title="{{ __('layout.Income') }}">
                                                <span></span>
                                            </span>
                                        </div>
                                    </div> 
                                    <div class="col-lg-3" v-show="commission_type" >
                                        <label class="control-label">@lang('layout.Income') </label>
                                        <div class="input-group">
                                            <v-select label="name" :options="income" v-model="selectedIncome" ></v-select>
                                            <input type="hidden" name="income_id" v-bind:value="(!selectedIncome)?null:selectedIncome.id" />
                                            <span class="input-group-addon">
                                                <input type="checkbox" name="commission_type" v-model="commission_type" title="{{ __('layout.Income') }}">
                                                <span></span>
                                            </span>
                                        </div>
                                    </div> 
                                    <div class="col-lg-3">
                                        <label class="control-label">@lang('layout.Commission')</label>
                                        <vue-numeric
                                            class="form-control"
                                            v-model="commission_amount"
                                            :max="99999999999999" inputmode="decimal"
                                            currency=" "
                                            :precision="precision()"
                                            >
                                        </vue-numeric>
                                        <input type="hidden" name="commission_amount" v-bind:value="commission_amount" />
                                    </div>
                                    <div class="col-md-3">
                                        <label class="control-label">@lang('layout.Percentage') @lang('layout.Commission')</label>
                                        <input type="number" step="any" v-model="camition_percentage" @input="calculateCamition()" class="form-control" autocomplete="off" max="100" name="percentage">
                                    </div>
                                    <div class="col-lg-3">
                                        <label class="control-label">@lang('layout.Description')</label>
                                        {{Form::textarea('commission_description',null,['class'=>'form-control','rows'=>'1'])}}
                                    </div>
                                @endif
                            </div> --}}
                            {{-- <div class="col-lg-12" style="padding-right: 0px !important; padding-left: 0px !important;" > --}}
                                {{-- <div class="col-md-2 @if(!getCustomeForm('loan','dueDate')) displayNone @endif">
                                    <label class="control-label">@lang('layout.DueDate')</label>
                                    <input type="text" id="dueDate" class="form-control date" autocomplete="off" name="dueDate">
                                </div> --}}
                                {{-- @if(systemConfig()[20] == 1)
                                    <div class="col-lg-3 @if(!getCustomeForm('loan','contractName')) displayNone @endif">
                                        <label class="control-label">@lang('layout.ContractName')</label>
                                        <v-select class="vue-select2" placeholder="@lang('layout.Select')"
                                                v-model="selectedContract" label="company_name"
                                                :options="{{$contract}}">
                                        </v-select>
                                        <input type="hidden" name="contract_id" v-model.number="(!selectedContract)?null:selectedContract.id" />
                                    </div>
                                @endif --}}
                                {{-- <div class="col-md-2 @if(!getCustomeForm('loan','billNumberCheque')) displayNone @endif">
                                    <label class="control-label">@lang('layout.BillNumberCheque')</label>
                                    <input type="number" name="bill_number" class="form-control">
                                    <span v-if="isError ==true" class="input-has-error" style="color: red">@{{msg}}</span>
                                </div> --}}
                                {{-- <div class="col-lg-3 @if(!getCustomeForm('loan','monetarySource')) displayNone @endif">
                                    <label class="control-label">@lang('layout.MonetarySource')</label>
                                    {!! Form::text('monetary_source', null, array('placeholder' => __('layout.MonetarySource'),'class' => 'form-control')) !!}
                                </div> --}}
                                {{-- <div class="col-lg-3 @if(!getCustomeForm('loan','transactionType')) displayNone @endif">
                                    <label class="control-label">@lang('layout.TransactionType')</label>
                                    {!! Form::text('trans_type', null, array('placeholder' => __('layout.TransactionType'),'class' => 'form-control')) !!}
                                </div> --}}
                                {{-- @if(systemConfig()[29] == 1)
                                    <div class="col-lg-2 @if(!getCustomeForm('loan','transactionConfirm')) displayNone @endif">
                                        <label class=" control-label">@lang('layout.TransactionConfirm')</label>
                                        <div class="col-md-12 mt-checkbox">
                                            <label class="mt-checkbox mt-checkbox-outline"> 
                                                <input type="checkbox" name="transaction_confirm" value="On" v-validate="'required'" data-vv-as="@lang('layout.TransactionConfirm')" >
                                                <span></span>
                                            </label>
                                        </div>
                                        <span class="required">@{{ errors.first('transaction_confirm') }}</span>
                                    </div>
                                @endif --}}
                                {{-- @if(getTelegramBot()=="true")
                                    <div class="col-lg-2 col-md-2 col-sm-6 col-xs-12 @if(!getCustomeForm('loan','telegram')) displayNone @endif">
                                        <label class="control-label"> <span class="fa fa-telegram" style="color:rgb(14 177 177);"></span> @lang('layout.Telegram')</label>
                                        <div class="col-md-12 mt-checkbox">
                                            <label class="mt-checkbox mt-checkbox-outline">
                                                <input type="checkbox" name="telegram" value="ok" />
                                                <span></span>
                                            </label>
                                        </div>
                                    </div>
                                @endif
                                @if(getWhatsApp() =='true' && getWhatsAppType() == 'direct')              
                                    <div class="col-lg-2 col-md-2 col-sm-6 col-xs-12 @if(!getCustomeForm('loan','whatsapp')) displayNone @endif">
                                        <label class="control-label"> <span class="fa fa-whatsapp" style="color:green;"></span> @lang('layout.Whatsapp')</label>
                                        <div class="col-md-12 mt-checkbox">
                                            <label class="mt-checkbox mt-checkbox-outline">
                                                <input type="checkbox"  name="whatsapp" value="5" />
                                                <span></span>
                                            </label>
                                        </div>
                                    </div>
                                @endif --}}
                            {{-- </div> --}}
                        </div>
                    </div>
                    <div class="col-lg-4" > 
                        <div class="col-lg-12 @if(!getCustomeForm('loan','description')) displayNone @endif" style="box-shadow: 0px 0px 3px rgba(172, 171, 171, 0.877);border-radius: 8px;margin-bottom: 1em;">
                            <div class="row">
                                <div class="col-lg-12">
                                    <label class="control-label">@lang('layout.Description')</label>
                                    {!! Form::textarea('description', null, array('class' => 'form-control','v-model' => 'description_data', 'rows' => 1, 'cols' => 30)) !!}
                                    <span v-if="description1 == false" class="btn " @click="description1 = true">@lang('layout.More')....</button>
                                </div>
                            </div>
                            <div class="row" v-if="description1 == true">
                                <div class="col-lg-12">
                                    <label class="control-label">@lang('layout.Description')1</label>
                                    {!! Form::textarea('description1', null, array('class' => 'form-control','v-model' => 'description1_data', 'rows' => 1, 'cols' => 30)) !!}
                                    <span v-if="description2 == false" class="btn " @click="description2 = true">@lang('layout.More')....</button>
                                </div>
                            </div>
                            <div class="row"v-if="description2 == true" style="padding: 0% 0% 2% 0%;">
                                <div class="col-lg-12">
                                    <label class="control-label">@lang('layout.Description')2</label>
                                    {!! Form::textarea('description2', null, array('class' => 'form-control','v-model' => 'description2_data', 'rows' => 1, 'cols' => 30)) !!}
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-12 col-md-12 col-sm-12" style="box-shadow: 0px 0px 3px rgba(172, 171, 171, 0.877);border-radius: 8px;">
                            <div class="col-lg-12">
                                <div class="row">
                                    <div class="dashboard-stat2 col-md-12" v-if="selectedMember" style="margin-bottom: 0px; padding-bottom: 5px;display: flex;justify-content: center;">
                                        <div v-if="selectedMember.photo" style="padding: 2px !important;" width="100%">
                                            <ul class="list-unstyled profile-nav" style="margin: 0px !important;">
                                                <li>
                                                    <div class="twPc-avatarLink">
                                                    <a :href="url+selectedMember.photo" target='_blank'>
                                                        <img class=" twPc-avatarImg" :src="url+selectedMember.photo" style=" width:200px; height:200px;border-radius: 10px;">
                                                    </a>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="dashboard-stat2" v-if="all_currency" style="margin-bottom: 0px; padding-bottom: 10px;">
                                        <table class="dashboard-tabel table-bordered" width="100%">
                                            <thead>
                                                <tr>
                                                    <th colspan="2" style="background-color: rgb(80, 129, 141);color: white; text-align: center;">@lang('layout.TodayRate') </th>
                                                </tr>
                                                <tr>
                                                    <th style="background-color: rgb(80, 129, 141);color: white; text-align: center;width: 50%;">@lang('layout.Currency') </th>
                                                    <th style="background-color: rgb(80, 129, 141);color: white; text-align: center;width: 50%;">@lang('layout.Rate')</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <span>
                                                    <tr v-for="crr in all_currency" style="text-align: center;">
                                                        <span v-if="selectedCurrency">
                                                            <td v-if="selectedCurrency.code == crr.code">
                                                                @{{ crr.code }}
                                                            </td>
                                                            <td v-if="selectedCurrency.code == crr.code">
                                                                @{{(crr.rate)}}
                                                            </td>
                                                        </span>
                                                        <span v-if="selectedCurrency && paymentCurrency">
                                                            <td v-if="selectedCurrency.code != paymentCurrency.code && paymentCurrency.code == crr.code">
                                                                @{{ crr.code }}
                                                            </td>
                                                            <td v-if="selectedCurrency.code != paymentCurrency.code && paymentCurrency.code == crr.code">
                                                                @{{(crr.rate)}}
                                                            </td>
                                                        </span>
                                                    </tr>
                                                </span>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="dashboard-stat2" v-if="selectedMember" style="margin-bottom: 0px; padding-bottom: 10px;">
                                        <table class="dashboard-tabel table-bordered" width="100%">
                                            <thead>
                                                <tr>
                                                    <th style="background-color: rgb(80, 129, 141);text-align: center;color: white;">@lang('layout.Currency') </th>
                                                    <th style="background-color: rgb(80, 129, 141);text-align: center;color: white;">@lang('layout.Receivable')</th>
                                                    <th style="background-color: rgb(80, 129, 141);text-align: center;color: white;">@lang('layout.Payable')</th>
                                                    @if(getCustomerStatementType() == "currency_details")
                                                    <th style="background-color: rgb(80, 129, 141);text-align: center;color: white;">@lang('layout.Bilance')</th>
                                                    @endif
                                                    <th style="background-color: rgb(80, 129, 141);text-align: center;color: white;">@lang('layout.AverageRate')</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <span>
                                                    <tr v-for="summ in summary" style="text-align: center;">
                                                        @if(getCustomerStatementType() == "currency_details")
                                                        <td> @{{ summ.currency }} </td>
                                                        <td> @{{member_format_number(Number(summ.realReceivable)) }} </td>
                                                        <td> @{{member_format_number(Number(summ.realPayable)) }} </td>
                                                        <td> 
                                                            <span v-if="Number(summ.invoice) != 0" > @{{ member_format_number(Number(summ.invoice)) }} @lang('layout.Receivable') </span>
                                                            <span v-if="Number(summ.payment) != 0" > @{{ member_format_number(Number(summ.payment)) }} @lang('layout.Payable') </span> 
                                                        </td>
                                                        @else
                                                        <td> @{{ summ.currency }} </td>
                                                        <td> @{{member_format_number(Number(summ.invoice)) }} </td>
                                                        <td> @{{ member_format_number(Number(summ.payment)) }}</td>
                                                        @endif
                                                        <td> @{{member_format_number(Number(summ.rate)) }} </td>
                                                    </tr>
                                                </span>
                                            </tbody>
                                            
                                        </table>
                                        @if(systemConfig()[22] == 1) 
                                        <br/>
                                        <table class="dashboard-tabel table-bordered" width="100%">
                                            <thead>
                                                <tr>
                                                    <th style="background-color: #add8e6;text-align: center;" v-if="selectedMember.risk_step">
                                                        @lang('layout.RiskStep')
                                                    </th>
                                                    <th v-if="selectedMember.risk_step == 'High'" style="background-color: #ff5353;text-align: center;" > @lang('type.High')</th>
                                                    <th v-if="selectedMember.risk_step == 'Medium'" style="background-color: #ffe291;text-align: center;" > @lang('type.Medium')</th>
                                                    <th v-if="selectedMember.risk_step == 'Low'" style="background-color: #8aff9a;text-align: center;" > @lang('type.Low')</th>
                                                </tr>
                                            </thead>
                                        </table>    
                                        @endif
                                    </div>
                                </div>
                                <div class="row">
                                </div>
                            </div>
                        </div>
                    </div>
                    @if(getInstallments()=="true")
                    <!-- begin installment -->
                    <table id="table_content" class="table table-striped table-bordered table-advance table-hover">
                        <thead>
                            <tr>
                                <th style="background-color: rgb(84, 199, 211);color: #ffffff;text-align: center;">@lang('layout.Installments')</th>
                            </tr>
                            <tr>
                                <th class="text-center" style="min-width: 8px;background-color: rgb(84, 199, 211);color: #ffffff;" class="installment"> #</th>
                                <th class="text-center" style="min-width: 160px;background-color: rgb(84, 199, 211);color: #ffffff;">@lang('layout.Amount')</th>
                                <th class="text-center" style="min-width: 80px;background-color: rgb(84, 199, 211);color: #ffffff;">@lang('layout.Currency')</th>
                                <th class="text-center" style="min-width: 80px;background-color: rgb(84, 199, 211);color: #ffffff;"> @lang('layout.DueDate')</th>
                                <th class="text-center" style="min-width: 120px;background-color: rgb(84, 199, 211);color: #ffffff;">@lang('layout.Description')</th>
                                <th class="text-center" style="background-color: rgb(84, 199, 211);color: #ffffff;"><i class="fa fa-ellipsis-h"></i></th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr v-for="(installment,index) in installments" class="text-center">
                                <td style="vertical-align: middle;">@{{index+1}}</td>
                                <td class="highlight" style="vertical-align: middle;">
                                    <input type="text" @click="addNew('installment',index)"
                                        name="installment_amount[]" class="form-control" autocomplete="off" tabindex="1">
                                </td> 
                                <td class="highlight" style="vertical-align: middle;">
                                    <v-select label="code" v-model="installment.item" :options="(installment.items)">
                                    </v-select>
                                    <input type="hidden" name="installment_currency[]" :value="(installment.item==null)?null:installment.item.code">
                                </td>
                                <td style="vertical-align: middle;">
                                    <date_picker :name="'installment_due_date['+index+']'" ></date_picker>
                                </td>
                                <td class="highlight" style="vertical-align: middle;">
                                    {{Form::textarea('installment_description[]',null,['class' => 'form-control','rows' => '1','@click'=>"addNew('installment',index)",'@keyup'=>"addNew('installment',index)"])}}
                                </td>
                                <td style="vertical-align: middle;">
                                    <span v-on:click="deleteItem('installment',index)" style="cursor: pointer;"><i class="paddint-both glyphicon glyphicon-trash text-danger"></i></span>
                                </td>
                            </tr>
                        </tbody>

                    </table>
                    <!-- end installment -->
                    @endif
                    <div class="row" v-show="show_create">
                        <div class="col-lg-12 text-center">
                            <br>
                            <button v-if="isError ==false" type="button" @click="handleSubmit($event)" :disabled="disabled" class="btn green">@lang('layout.Submit')</button>
                            <button v-if="isError ==false" type="button" class="btn blue" :disabled="disabled" @click="checkOldList($event)">@lang('layout.SaveAndNew')</button>
                            <a @click="show_create = false, clearData()" class="btn default"><i class="fa fa-mail-reply"></i> @lang('layout.Cancel')</a>
                        </div>
                    </div>
                    <cmodal :show='showModal' @close="showModal=false">
                    </cmodal>
                </div>
            </div>
            {!! Form::close() !!}
            @endpermission
            <!-- END FORM-->
            <!-- start list -->
            <table class="table table-striped table-bordered table-hover" id="loan" cellspacing="0" width="100%">
                <thead>
                    <tr>
                        <th>@lang('layout.Number')</th>
                        @if(getCustomeForm('loan','referenceNumber'))
                        <th>@lang('layout.ReferenceNumber')</th>
                        @endif
                        @if(getCustomeForm('loan','description'))
                        <th>@lang('layout.Description')</th>
                        @endif
                        <th>@lang('layout.Member')</th>
                        <th>@lang('layout.Account')</th>
                        <th>@lang('layout.Amount')</th>
                        <th>@lang('layout.Currency')</th>
                        <th>@lang('layout.Rate')</th>
                        @if(getCustomeForm('loan','type'))
                        <th>@lang('layout.Type')</th>
                        @endif
                        @if(getCustomeForm('loan','category'))
                        <th>@lang('layout.Category')</th>
                        @endif
                        @if(getCustomeForm('loan','referenceName'))
                        <th>@lang('layout.ReferenceName')</th>
                        @endif
                        @if(getCustomeForm('loan','user'))
                        <th>@lang('layout.User')</th>
                        @endif
                        @if(getCustomeForm('loan','counterparty'))
                        <th>@lang('layout.CounterParty')</th>
                        @endif
                        @if(getCustomeForm('loan','By'))
                        <th>@lang('layout.ByName')</th>
                        @endif
                        @if(getCustomeForm('loan','date'))
                        <th>@lang('layout.Date')</th>
                        @endif
                        @if(getCustomeForm('loan','hour'))
                        <th>@lang('layout.Hour')</th>
                        @endif
                        @if(getCustomeForm('loan','dueDate'))
                        <th>@lang('layout.DueDate')</th>
                        @endif
                        @if(getCustomeForm('loan','status'))
                        @if(systemConfig()[29] == 1)
                        <th>@lang('layout.Status')</th>
                        @endif
                        @endif
                        <th>@lang('layout.Actions')</th>
                    </tr>
                </thead>
            </table>
        </div>
    </div>
    <!-- END EXAMPLE TABLE PORTLET-->
</div>
<!-- END TAB PORTLET-->
<!-- END CONTENT BODY -->
<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function getCustomeForm() in E:\Ampps\www\CAS\resources\views\loans\index.blade.php:1233
Stack trace:
#0 {main}
  thrown in <b>E:\Ampps\www\CAS\resources\views\loans\index.blade.php</b> on line <b>1233</b><br />