@extends('layouts.app')
@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;
    }
</style>
<div id="print-modal">
    <report-modal :pdf-route="pdfRoute" :excel-route="excelRoute" v-if="is_show" :value-type="'allChequeReports'" @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-4">
                                            <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-4">
                                            <label class="control-label ">@lang('layout.SelectType') </label>
                                            <select class="form-control" name="type_name" >
                                                <option value="">@lang('layout.SelectType')</option>
                                                <option value="Receive">@lang('type.Receive')</option>
                                                <option value="Send">@lang('type.Send')</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> 
                                        <div class="col-md-2">
                                            <label class="control-label ">@lang('layout.Status') </label>
                                            <select class="form-control" name="status" >
                                                <option value="">@lang('layout.SelectType')</option>
                                                <option value="off">@lang('layout.Implemented')</option>
                                                <option value="on">@lang('layout.NotImplemented')</option>
                                                <option value="cancel">@lang('layout.Cancel')</option>
                                            </select>
                                        </div>
                                        <div class="col-md-2">
                                            <label class="control-label ">@lang('layout.TransactionType') </label>
                                            <select class="form-control" name="transaction_type" >
                                                <option value="">@lang('layout.SelectType')</option>
                                                <option value="Local">@lang('layout.Local')</option>
                                                <option value="Foreign">@lang('layout.Foreign')</option>
                                            </select>
                                        </div>
                                        @if(systemConfig()[29] == 1)
                                        <div class="col-md-2">
                                            <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">
                                    <div class="form-group">
                                        <div class="col-md-4">
                                            <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-4">
                                            <label class="control-label ">@lang('layout.ChequeNumber') </label>
                                            <input type="text" name="ref_no" class="form-control" autocomplete="off" >
                                        </div>
                                        <div class="col-md-2">
                                            <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>
                                        @if(getFinancialClass() =='true') 
                                        @permission('financialClass-list')
                                        <div class="col-md-2">
                                            <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>
                                </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="cheque_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>
        </div> 
    </report-modal>
</div>
{{-- custom part start  --}}
<div id="settingModal" v-cloak>
    <setting-modal :pdf-route="route" v-if="is_show" :value-type="'cheque'" @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="caption font-dark">
                <i class="icon-settings font-dark"></i>&nbsp;
                <span class="caption-subject bold uppercase">@lang('menu.Cheque') &nbsp; &nbsp; &nbsp;    </span>
            </div>
            <div class="tools"></div>
            <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(['cheque-export'])
                <span id="anchore-modal">
                    <a href="#" @click.prevent="showModal" id="" class="btn  btn-success">
                        <i class="fa fa-print"></i>
                    </a>
                </span>
                @endpermission
                <!-- <a href="{{route('cheque.create')}}">
                    <button class="btn btn-success">
                        <i class="fa fa-plus"></i> @lang('layout.AddNew')
                    </button>
                </a> -->
                @permission(['cheque-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>
            <template v-cloak id="company_ll">
                <company @company="setCompany"></company>
            </template>
        </div>
        <div class="portlet-body" style="padding:0.5% 1%;border-radius: 8px;">
            <!-- BEGIN FORM-->
            @permission(['cheque-create'])
            {!! Form::open(array('route' => 'cheque.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;">
                    <input type="hidden" name="position_status" v-model="position_status" >
                    <div class="col-lg-9 col-md-12 col-sm-12" style="box-shadow: 0px 0px 3px rgba(172, 171, 171, 0.877);border-radius: 8px; margin-bottom: 10px;">
                        <div class="row" style="padding: 0.5% 1%;">
                            <div class="col-lg-4" v-show="showWhat('member_class')=='yes'" style="height: 49px;">
                                <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-5" style="height: 49px;">
                                <label class="control-label ">@lang('layout.BranchName') / @lang('layout.Customer')</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 style="display: flex;justify-content: space-around;">
                                    <div class="md-radio">
                                        <input type="radio" id="radio1" name="type" v-model="chequeType" value="Receive" class="md-radiobtn">
                                        <label for="radio1">
                                            <span class="inc"></span>
                                            <span class="check"></span>
                                            <span class="box"></span> @lang('type.Receive') 
                                        </label>
                                    </div>
                                    <div class="md-radio">
                                        <input type="radio" id="radio2" name="type" v-model="chequeType" value="Send" class="md-radiobtn" checked="">
                                        <label for="radio2">
                                            <span class="inc"></span>
                                            <span class="check"></span>
                                            <span class="box"></span> @lang('type.Send') 
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <label class="control-label">@lang('layout.Number')</label>
                                <input type="number" name="number" class="form-control" v-model="number">
                            </div>
                            <div class="col-lg-4">
                                <label class="control-label">@lang('layout.ChequeNumber')</label>
                                <input type="text" name="ref_no" class="form-control">
                                <span v-if="isError ==true" class="input-has-error" style="color: red">@{{msg}}</span>
                            </div>
                            <div class="col-lg-4" style="display: flex;">
                                <div :class="currency_len" style="width: 100% !important; padding: 0px !important; margin: 0px !important;">
                                    <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>&nbsp;
                                <div :class="rate_len" v-if="selectedCurrency.code != '{{getHomeCurrency()["code"]}}'" style="width: 100% !important; padding: 0px !important; margin: 0px !important;">
                                    <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(selectedCurrency.code), get_exchange()" @click="check_code(selectedCurrency.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-4">
                                <label class="control-label">@lang('layout.Amount')<span v-if="amount_to_word" style="color: red;">(@{{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(), calculateCamitionTwo(), calculateCamition3()"> </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-4">
                                <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-4" v-if="!(sender && chequeType == 'Send')" v-show="!(reciever && chequeType == 'Receive')">
                                <span v-if="checkLoan" 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-4" style="display: flex;height: 49px;">
                                <div :class="pcurrency_len" style="width: 100%;padding: 0px !important;">
                                    <label class="control-label">@lang('layout.ExchangedCurrency')</label>
                                    <v-select v-model="paymentCurrency" label="code" :options="currency1" @input="setPaymentSize(paymentCurrency.code), get_exchange()"> </v-select>
                                    <input type="hidden" name="paymentCurrency" v-bind:value="paymentCurrency.code" />
                                </div> &nbsp;
                                <div :class="prate_len" v-if="paymentCurrency.code != '{{getHomeCurrency()["code"]}}'" style="width: 100%; padding: 0px !important;">
                                    <label class="control-label">@lang('layout.Rate') </label>
                                    <div :class="{'has-error':paymentCurrency.exchange_rate < 0}">
                                        <input v-model="selected_rate1" class="form-control" type="number" min="0" step="any" @input="get_exchange()" :readonly="selectedCurrency.code==paymentCurrency.code">
                                        <input type="hidden" name="rate" :value="selected_rate1">
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4" style="height: 49px;">
                                <label class="control-label">@lang('layout.ExchangedAmount')</label>
                                <div class="input-group" style="margin-top: .5em;">
                                    <vue-numeric class="form-control" v-model="exchange_amount" :max="99999999999999" inputmode="decimal" :currency="paymentCurrency.code" :precision="precision()" @input="calculateCamition(), calculateCamitionTwo(), calculateCamition3()" @keyup.native="set_rate()" @click.native="set_rate()"></vue-numeric>
                                    {{-- <input type="number" v-model="exchange_amount" @input="set_rate()" class="form-control" min="0" step="any"> --}}
                                    <input type="hidden" :value="(amount*selected_rate1/(selected_rate)).toFixed(8)">
                                    <span class="input-group-addon">
                                        <input type="checkbox" name="gain_loss_status" v-model="gain_loss_status">
                                        <span></span>
                                    </span>
                                </div>
                            </div>
                            <div class="col-lg-4" style="padding: 0px !important; margin: 0px !important;height: 49px;">
                                <label class="control-label" for="form_control">@lang('layout.TransactionType')</label>
                                <div class="md-radio-inline" style="padding: 0px !important; margin: 0px !important;">
                                    <div class="md-radio" style="margin-right: 10px;">
                                        <input type="radio" id="radio4" name="transaction_type" value="Local" class="md-radiobtn" checked="">
                                        <label for="radio4">
                                            <span class="inc"></span>
                                            <span class="check"></span>
                                            <span class="box"></span> @lang('layout.Local') 
                                        </label>
                                    </div>
                                    <div class="md-radio" style="margin-right: 10px;">
                                        <input type="radio" id="radio5" name="transaction_type" value="Foreign" class="md-radiobtn">
                                        <label for="radio5">
                                            <span class="inc"></span>
                                            <span class="check"></span>
                                            <span class="box"></span> @lang('layout.Foreign') 
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 @if(!getCustomeForm('cheque','date')) displayNone @endif" style="height: 49px;">
                                <label class="control-label">@lang('layout.Date')</label>
                                <input type="text" id="getdate" class="form-control date" autocomplete="off" name="date">
                            </div>
                            <div class="col-lg-4 @if(!getCustomeForm('cheque','dueDate')) displayNone @endif" style="height: 49px;">
                                <label class="control-label">@lang('layout.DueDate')</label>
                                <input type="text" id="dueDate" class="form-control date" autocomplete="off" name="dueDate">
                            </div>
                            <div class="col-lg-4 @if(!getCustomeForm('cheque','branchTransfer')) displayNone @endif" style="height: 49px;">
                                <label class="control-label ">@lang('layout.BranchTransfer')</label>
                                <div class="input-group">
                                    <span class="input-group-addon">
                                        <input type="checkbox" name="branch_type" v-model="branch_type" value="on">
                                        <span></span>
                                    </span>
                                    <v-select v-if="branch_type" 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 class="col-lg-4 @if(!getCustomeForm('cheque','sender')) displayNone @endif" v-if="!sender" style="height: 49px;">
                                <label class="control-label">@lang('layout.Sender')</label>
                                <div class="input-group">
                                    <span class="input-group-addon">
                                        <input type="checkbox" v-model="sender">
                                        <span></span>
                                    </span>
                                    <input type="text" class="form-control " placeholder="@lang('layout.Name')" autocomplete="off" name="sender">
                                </div>
                            </div>
                            <div class="col-lg-4 @if(!getCustomeForm('cheque','SSNPassportNumber')) displayNone @endif" v-if="!sender" style="height: 49px;">
                                <label class="control-label">@lang('layout.SSN') / @lang('layout.PassportNumber')</label>
                                <input type="text" class="form-control " autocomplete="off" name="sen_ssn_number">
                            </div>
                            <div class="col-lg-4 @if(!getCustomeForm('cheque','fatherName')) displayNone @endif" v-if="!sender" style="height: 49px;">
                                <label class="control-label">@lang('layout.FatherName')</label>
                                <input type="text" class="form-control" autocomplete="off" name="sen_father_name">
                            </div>
                            <div class="col-lg-4 @if(!getCustomeForm('cheque','phone')) displayNone @endif" v-if="!sender" style="height: 49px;">
                                <label class="control-label">@lang('layout.Phone')</label>
                                <input type="text" class="form-control" autocomplete="off" name="sen_phone">
                            </div>
                            <div class="col-lg-4 @if(!getCustomeForm('cheque','address')) displayNone @endif" v-if="!sender" style="height: 49px;">
                                <label class="control-label">@lang('layout.Address')</label>
                                <input type="text" class="form-control" autocomplete="off" name="sen_address">
                            </div>
                            <div class="col-lg-4" v-if="sender" >
                                <label class="control-label ">@lang('layout.Sender')</label>
                                <div class="input-group">
                                    <span class="input-group-addon">
                                        <input type="checkbox" v-model="sender">
                                        <span></span>
                                    </span>
                                    <v-select :class="selectSCF + ' vue-select2 '" v-model="selectedSender" label="name" :options="simple_member" @search="SimpleMemberSearch" >
                                    </v-select>
                                    <input type="hidden" name="sender_id" :value="(!selectedSender)?null:selectedSender.id" >
                                </div>
                            </div>
                            @if (fingerprint() == 'true')
                                <div class="col-lg-4" v-if="sender">
                                    <label class=" control-label">@lang('layout.Fingerprint')</label>
                                    <div class="col-lg-12 mt-checkbox">
                                        <label class="mt-checkbox mt-checkbox-outline">
                                            <input type="checkbox" @click="clearFinger('finger1')" name="finger1" v-model="finger1">
                                            <span></span>
                                        </label>
                                    </div>
                                </div>
                            @endif
                            <div class="col-lg-4" style="padding: 0px !important;height: 49px;">
                                <div class="col-lg-3 @if(!getCustomeForm('cheque','implemented')) displayNone @endif">
                                    <label class=" control-label">@lang('layout.Implemented')</label>
                                    <div class="col-lg-12 mt-checkbox">
                                        <label class="mt-checkbox mt-checkbox-outline">
                                            <input type="checkbox" name="status" value="off">
                                            <span></span>
                                        </label>
                                    </div>
                                </div>
                                @if(systemConfig()[29] == 1)
                                <div class="col-lg-4 @if(!getCustomeForm('cheque','transactionConfirm')) displayNone @endif" style="padding-right: 0px !important; padding-left: 0px !important;">
                                    <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-3 col-md-3 col-sm-6 col-xs-12">
                                    <label class="mt-checkbox mt-checkbox-outline"><span class="fa fa-telegram" style="color: rgb(14 177 177);border: none;"></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 --}}
                            </div>
                            <div class="col-lg-4 @if(!getCustomeForm('cheque','reciever')) displayNone @endif" v-if="!reciever" style="height: 49px;">
                                <label class="control-label">@lang('layout.Reciever')</label>
                                <div class="input-group">
                                    <span class="input-group-addon">
                                        <input type="checkbox" v-model="reciever">
                                        <span></span>
                                    </span>
                                    <input type="text" class="form-control " placeholder="@lang('layout.Name')" autocomplete="off" name="reciever">
                                </div>
                            </div>
                            <div class="col-lg-4 @if(!getCustomeForm('cheque','RSSNPassportNumber')) displayNone @endif" v-if="!reciever" >
                                <label class="control-label">@lang('layout.SSN') / @lang('layout.PassportNumber')</label>
                                <input type="text" class="form-control " autocomplete="off" name="rec_ssn_number">
                            </div>
                            <div class="col-lg-4 @if(!getCustomeForm('cheque','RfatherName')) displayNone @endif" v-if="!reciever">
                                <label class="control-label">@lang('layout.FatherName')</label>
                                <input type="text" class="form-control" autocomplete="off" name="rec_father_name">
                            </div>                     
                            <div class="col-lg-4 @if(!getCustomeForm('cheque','RPhone')) displayNone @endif" v-if="!reciever">
                                <label class="control-label">@lang('layout.Phone')</label>
                                <input type="text" class="form-control" autocomplete="off" name="rec_phone">
                            </div>
                            <div class="col-lg-4 @if(!getCustomeForm('cheque','RAddress')) displayNone @endif" v-if="!reciever">
                                <label class="control-label">@lang('layout.Address')</label>
                                <input type="text" class="form-control" autocomplete="off" name="rec_address">
                            </div>
                            <div class="col-lg-4" v-if="reciever" style="height: 49px;">
                                <label class="control-label ">@lang('layout.Reciever')</label>
                                <div class="input-group">
                                    <span class="input-group-addon">
                                        <input type="checkbox" v-model="reciever">
                                        <span></span>
                                    </span>
                                    <v-select :class="selectRCF + ' vue-select2 '" v-model="selectedReciever" label="name" :options="simple_member" @search="SimpleMemberSearch" @input="averageRate = false" >
                                    </v-select>
                                    <input type="hidden" name="reciever_id" :value="(!selectedReciever)?null:selectedReciever.id" >
                                </div>
                            </div>
                            @if (fingerprint() == 'true')
                            <div class="col-lg-4 text-center" v-if="reciever" style="height: 49px;">
                                <label class=" control-label">@lang('layout.Fingerprint')</label>
                                <div class="col-lg-12 mt-checkbox">
                                    <label class="mt-checkbox mt-checkbox-outline">
                                        <input type="checkbox" @click="clearFinger('finger2')" name="finger2" v-model="finger2">
                                        <span></span>
                                    </label>
                                </div>
                            </div>
                            @endif
                            <div class="col-lg-4 @if(!getCustomeForm('cheque','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-4 @if(!getCustomeForm('cheque','transactionType')) displayNone @endif">
                                <label class="control-label">@lang('layout.TransactionType')</label>
                                {!! Form::text('trans_type', null, array('placeholder' => __('layout.TransactionType'),'class' => 'form-control')) !!}
                            </div>
                            <div class="col-lg-4 @if(!getCustomeForm('cheque','implementedDate')) displayNone @endif">
                                <label class="control-label">@lang('layout.ImplementedDate')</label>
                                <input type="text" id="getdate" class="form-control date" autocomplete="off" name="implementedDate">
                            </div>
                            @if(getTelegramBot()=="true")                 
                                <div class="col-lg-2 @if(!getCustomeForm('cheque','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 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 @if(!getCustomeForm('cheque','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 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="row" style="padding: 0.5% 1%;">
                            <div class="col-lg-12">
                                <div class="row" style="padding: 0.5% 1%;">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-12 col-sm-12">
                        <div class="col-lg-12 col-md-12 col-sm-12 @if(!getCustomeForm('cheque','commission')) displayNone @endif" style="box-shadow: 0px 0px 3px rgba(172, 171, 171, 0.877);border-radius: 8px;">
                            <div class="row" style="padding: 0.5% 1%;">
                                <div class="col-lg-6">
                                    <label class="control-label">
                                        @lang('layout.Commission') &nbsp;&nbsp;&nbsp; 
                                        <span class="btn " @click="commission2 = true">@lang('layout.More')....</span> 
                                    </label>
                                    <div class="input-group">
                                        <vue-numeric
                                            class="form-control"
                                            v-model="commiss_amount"
                                            :max="99999999999999" inputmode="decimal"
                                            currency=" "
                                            :precision="precision()"
                                            >
                                        </vue-numeric>
                                        <input type="hidden" name="commiss_amount" v-bind:value="commiss_amount" />
                                        <span class="input-group-addon">
                                            <input type="checkbox" name="select_commiss_currency" v-model="commiss_currency">
                                            <span></span>
                                        </span>
                                    </div>
                                </div>
                                <div class="col-lg-6" style="margin-top: 5px;">
                                    <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="comm_percentage_one">
                                </div>
                                <div class="col-lg-12">
                                    <label class="control-label">@lang('layout.Type') @lang('layout.Commission')</label>
                                    <div class="input-group" style="margin-top: .4em;">
                                        <select class="form-control" name="commission_type" v-model="commission_type">
                                            <option value="Simple">@lang('type.Simple')</option>
                                            <option value="ReceiveByOtherBranch">@lang('type.ReceiveByOtherBranch')</option>
                                            <option value="BelongsToOtherBranch">@lang('type.BelongsToOtherBranch')</option>
                                            <option value="FromSenderAccount">@lang('type.FromSenderAccount')</option>
                                        </select>
                                        <span class="input-group-addon" style="padding: 2px 4px;">
                                            <input type="checkbox" name="commiss_expense" v-model="commiss_expense">
                                            <span></span>
                                        </span>
                                    </div>
                                </div>
                                <div class="col-lg-12" v-if="commiss_currency">
                                    <div :class="comcurrency_len">
                                        <label class="control-label">@lang('layout.Currency')</label>
                                        <v-select v-model="selectedCurrency2" label="code" :options="currency" @input="setCommSize(selectedCurrency2.code)"> </v-select>
                                        <input type="hidden" name="commiss_currency" v-bind:value="(selectedCurrency2)?selectedCurrency2.code:null" />
                                    </div>
                                    <div :class="comrate_len" v-if="selectedCurrency2.code != code">
                                        <label class="control-label">@lang('layout.Rate') </label>
                                        <input v-model="selected_rate2" class="form-control" type="number" step="any" min="0">
                                        <input type="hidden" name="commiss_rate" :value="selected_rate2">
                                    </div>
                                </div>
                                <div class="col-lg-12" v-if="commiss_currency && commission_type != 'FromSenderAccount'">
                                    <label class="control-label">@lang('layout.Account')</label>
                                    <select class="form-control" name="commiss_account_id" v-model="defaultAccount1">
                                        <option v-for="Account in accountUpdateComm" :value="Account.id">@{{ Account.name }}</option>
                                    </select>
                                </div>
                                <div class="col-lg-12" v-if="commission_type != 'BelongsToOtherBranch' && !commiss_expense" >
                                    <label class="control-label">@lang('layout.Income')</label>
                                    <v-select class="vue-select2" v-model="selectedIncome" label="name" :options="income">
                                    </v-select>
                                    <input type="hidden" name="income_id" :value="(!selectedIncome)?null:selectedIncome.id" >
                                </div>
                                <div class="col-lg-12" v-if="commission_type != 'BelongsToOtherBranch' && commiss_expense" >
                                    <label class="control-label">@lang('layout.Expense')</label>
                                    <v-select class="vue-select2" v-model="selectedExpense" label="name" :options="expense">
                                    </v-select>
                                    <input type="hidden" name="expense_id" :value="(!selectedExpense)?null:selectedExpense.id" >
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-12 col-md-12 col-sm-12" v-if="commission2 == true" style="box-shadow: 0px 0px 3px rgba(172, 171, 171, 0.877);border-radius: 8px; margin-top: 20px;">
                            <div class="row">
                                <div class="col-lg-6">
                                    <label class="control-label">
                                        @lang('layout.Commission') &nbsp;&nbsp;&nbsp; 
                                        <span class="btn " @click="commission3 = true">@lang('layout.More')....</span> 
                                    </label>
                                    <div class="input-group">
                                        <input type="number" name="commiss_amount2" v-model="commiss_amount2" class="form-control">
                                        <span class="input-group-addon">
                                            <input type="checkbox" name="select_commiss_currency2" v-model="commiss_currency2">
                                            <span></span>
                                        </span>
                                    </div>
                                </div>
                                <div class="col-lg-6" style="margin-top: 5px;">
                                    <label class="control-label">@lang('layout.Percentage') @lang('layout.Commission')</label>
                                    <input type="number" step="any" v-model="camition_percentageTwo" @input="calculateCamitionTwo()" class="form-control" autocomplete="off" max="100" name="comm_percentage_two">
                                </div>
                                <div class="col-lg-12">
                                    <label class="control-label">@lang('layout.Type') @lang('layout.Commission')</label>
                                    <div class="input-group">
                                        <select class="form-control" name="commission_type2" v-model="commission_type2">
                                            <option value="Simple">@lang('type.Simple')</option>
                                            <option value="ReceiveByOtherBranch">@lang('type.ReceiveByOtherBranch')</option>
                                            <option value="BelongsToOtherBranch">@lang('type.BelongsToOtherBranch')</option>
                                            <option value="FromSenderAccount">@lang('type.FromSenderAccount')</option>
                                        </select>
                                        <span class="input-group-addon">
                                            <input type="checkbox" name="commiss_expense2" v-model="commiss_expense2">
                                            <span></span>
                                        </span>
                                    </div>
                                </div>
                                <div class="col-lg-12" v-if="commiss_currency2" style="padding: 0px !important;">
                                    <div :class="comcurrency2_len">
                                        <label class="control-label">@lang('layout.Currency')</label>
                                        <v-select v-model="selectedCurrency3" label="code" :options="currency" @input="setCommSize2(selectedCurrency3.code)"> </v-select>
                                        <input type="hidden" name="commiss_currency2" v-bind:value="(selectedCurrency3)?selectedCurrency3.code:null" />
                                    </div>
                                    <div :class="comrate2_len" v-if="selectedCurrency3.code != code">
                                        <label class="control-label">@lang('layout.Rate') </label>
                                        <input v-model="selected_rate3" class="form-control" type="number" step="any" min="0">
                                        <input type="hidden" name="commiss_rate2" :value="selected_rate3">
                                    </div>
                                </div>
                                <div class="col-lg-12" v-if="commiss_currency2 && commission_type2 != 'FromSenderAccount'" >
                                    <label class="control-label">@lang('layout.Account')</label>
                                    <select class="form-control" name="commiss_account2_id" v-model="defaultAccount2">
                                        <option v-for="Account in accountUpdateComm2" :value="Account.id">@{{ Account.name }}</option>
                                    </select>
                                </div>
                                <div class="col-lg-12" v-if="commission_type2 != 'BelongsToOtherBranch' && !commiss_expense2" >
                                    <label class="control-label">@lang('layout.Income')</label>
                                    <v-select class="vue-select2" v-model="selectedIncome2" label="name" :options="income">
                                    </v-select>
                                    <input type="hidden" name="income2_id" :value="(!selectedIncome2)?null:selectedIncome2.id" >
                                </div>
                                <div class="col-lg-12" v-if="commission_type2 != 'BelongsToOtherBranch' && commiss_expense2" >
                                    <label class="control-label">@lang('layout.Expense')</label>
                                    <v-select class="vue-select2" v-model="selectedExpense2" label="name" :options="expense">
                                    </v-select>
                                    <input type="hidden" name="expense2_id" :value="(!selectedExpense2)?null:selectedExpense2.id" >
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-12 col-md-12 col-sm-12" v-if="commission3 == true" style="box-shadow: 0px 0px 3px rgba(172, 171, 171, 0.877);border-radius: 8px; margin-top: 20px;">
                            <div class="row">
                                <div class="col-lg-6">
                                    <label class="control-label">@lang('layout.Commission') </label>
                                    <div class="input-group">
                                        <input type="number" name="commiss_amount3" v-model="commiss_amount3" class="form-control">
                                        <span class="input-group-addon">
                                            <input type="checkbox" name="select_commiss_currency3" v-model="commiss_currency3">
                                            <span></span>
                                        </span>
                                    </div>
                                </div>
                                <div class="col-lg-6" style="margin-top: 5px;">
                                    <label class="control-label">@lang('layout.Percentage') @lang('layout.Commission')</label>
                                    <input type="number" step="any" v-model="camition_percentage3" @input="calculateCamition3()" class="form-control" autocomplete="off" max="100" name="comm_percentage3">
                                </div>
                                <div class="col-lg-12">
                                    <label class="control-label">@lang('layout.Type') @lang('layout.Commission')</label>
                                    <div class="input-group">
                                        <select class="form-control" name="commission_type3" v-model="commission_type3">
                                            <option value="Simple">@lang('type.Simple')</option>
                                            <option value="ReceiveByOtherBranch">@lang('type.ReceiveByOtherBranch')</option>
                                            <option value="BelongsToOtherBranch">@lang('type.BelongsToOtherBranch')</option>
                                            <option value="FromSenderAccount">@lang('type.FromSenderAccount')</option>
                                        </select>
                                        <span class="input-group-addon">
                                            <input type="checkbox" name="commiss_expense3" v-model="commiss_expense3">
                                            <span></span>
                                        </span>
                                    </div>
                                </div>
                                <div class="col-lg-12" v-if="commiss_currency3" style="padding: 0px !important;">
                                    <div :class="comcurrency3_len">
                                        <label class="control-label">@lang('layout.Currency')</label>
                                        <v-select v-model="selectedCurrency4" label="code" :options="currency" @input="setCommSize3(selectedCurrency4.code)"> </v-select>
                                        <input type="hidden" name="commiss_currency3" v-bind:value="(selectedCurrency4)?selectedCurrency4.code:null" />
                                    </div>
                                    <div :class="comrate3_len" v-if="selectedCurrency4.code != code">
                                        <label class="control-label">@lang('layout.Rate') </label>
                                        <input v-model="selected_rate4" class="form-control" type="number" step="any" min="0">
                                        <input type="hidden" name="commiss_rate3" :value="selected_rate4">
                                    </div>
                                </div>
                                <div class="col-lg-12" v-if="commiss_currency3 && commission_type3 != 'FromSenderAccount'" >
                                    <label class="control-label">@lang('layout.Account')</label>
                                    <select class="form-control" name="commiss_account3_id" v-model="defaultAccount3">
                                        <option v-for="Account in accountUpdateComm3" :value="Account.id">@{{ Account.name }}</option>
                                    </select>
                                </div>
                                <div class="col-lg-12" v-if="commission_type3 != 'BelongsToOtherBranch' && !commiss_expense3" >
                                    <label class="control-label">@lang('layout.Income')</label>
                                    <v-select class="vue-select2" v-model="selectedIncome3" label="name" :options="income">
                                    </v-select>
                                    <input type="hidden" name="income3_id" :value="(!selectedIncome3)?null:selectedIncome3.id" >
                                </div>
                                <div class="col-lg-12" v-if="commission_type3 != 'BelongsToOtherBranch' && commiss_expense3" >
                                    <label class="control-label">@lang('layout.Expense')</label>
                                    <v-select class="vue-select2" v-model="selectedExpense3" label="name" :options="expense">
                                    </v-select>
                                    <input type="hidden" name="expense3_id" :value="(!selectedExpense3)?null:selectedExpense3.id" >
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-12 col-md-12 col-sm-12 @if(!getCustomeForm('cheque','description')) displayNone @endif" style="box-shadow: 0px 0px 3px rgba(172, 171, 171, 0.877);border-radius: 8px; margin-top: 20px; padding-bottom: 20px;">
                            <div class="col-lg-12">
                                <div class="col-lg-12">
                                    <label class="control-label">@lang('layout.Description')</label>
                                    {!! Form::textarea('description', null, array('class' => 'form-control','rows' => 1, 'v-model'=>'descriptionOne')) !!}
                                    <span v-if="description1 == false" class="btn " @click="description1 = true">@lang('layout.More')....</button>
                                </div>
                                <div class="col-lg-12">
                                    <div class="row" v-if="description1 == true">
                                        <div class="col-md-12">
                                            <label class="control-label">@lang('layout.Description')1</label>
                                            {!! Form::textarea('description1', null, array('class' => 'form-control','rows' => 1, 'v-model'=>'descriptionTwo')) !!}
                                            <span v-if="description2 == false" class="btn " @click="description2 = true">@lang('layout.More')....</button>
                                        </div>
                                    </div>
                                    <div class="row"v-if="description2 == true">
                                        <div class="col-lg-12">
                                            <label class="control-label">@lang('layout.Description')2</label>
                                            {!! Form::textarea('description2', null, array('class' => 'form-control','rows' => 1, 'v-model'=>'descriptionThree')) !!}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-12 col-md-12 col-sm-12" style="border-radius: 8px; margin-top: 20px; padding-bottom: 20px;">
                            <div class="row">
                                <div class="dashboard-stat2" v-if="all_currency && gain_loss_status" style="margin-bottom: 10px; padding-bottom: 5px;box-shadow: 0px 0px 3px rgba(172, 171, 171, 0.877);" >
                                    <table class="dashboard-tabel table-bordered" width="100%">
                                        <thead>
                                            <tr>
                                                <th colspan="2" style="background-color: #add8e6; text-align: center;">@lang('layout.TodayRate') -- @lang('layout.BaseCurrency') ( {!! getHomeCurrency()["code"] !!} )</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <span>
                                                <tr v-for="crr in all_currency">
                                                    <span v-if="selectedCurrency">
                                                        <td v-if="selectedCurrency.code == crr.code">
                                                            @{{ crr.code }}
                                                        </td>
                                                        <td  v-if="selectedCurrency.code == crr.code">
                                                            @{{(crr.rate)}} <input type="hidden" name="today_rate" :value="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>
                                                        <td v-if="paymentCurrency.code == crr.code" v-show="false">
                                                            <input type="hidden" name="ex_today_rate" :value="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: 5px;box-shadow: 0px 0px 3px rgba(172, 171, 171, 0.877);" >
                                    <table class="dashboard-tabel table-bordered" width="100%">
                                        <thead>
                                            <tr>
                                                <th class="text-center" style="background-color: #add8e6;">@lang('layout.Currency')</th>
                                                <th class="text-center" style="background-color: #add8e6;">@lang('layout.Payable')</th>
                                                <th class="text-center" style="background-color: #add8e6;">@lang('layout.Receivable')</th>
                                                <th class="text-center" style="background-color: #add8e6;">@lang('layout.AverageRate')</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <span>
                                                <tr v-for="summ in summary">
                                                    <td class="text-center">
                                                        @{{ summ.currency }}
                                                    </td>
                                                    <td class="text-center"> 
                                                        @{{ member_format_number(Number(summ.payment)) }}
                                                    </td>
                                                    <td class="text-center">
                                                        @{{member_format_number(Number(summ.invoice)) }}
                                                    </td>
                                                    <td class="text-center">
                                                        @{{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>
                    </div>
                    <div class="row" v-show="show_create">
                        <div class="col-lg-12 col-md-12 col-sm-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" @click="checkOldList($event)" :disabled="disabled">@lang('layout.SaveAndNew')</button>
                            <a @click="show_create = false, clearData()" class="btn default"><i class="fa fa-mail-reply"></i> @lang('layout.Cancel')</a>
                            <br>
                            <br>
                        </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 width="1%">@lang('layout.Record')</th>
                        <th width="1%">@lang('layout.Number')</th>
                        <th width="1%">@lang('layout.ChequeNumber')</th>
                        <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>
                        <th>@lang('layout.Type')</th>
                        @if(getCustomeForm('cheque','typeCommission'))
                        <th>@lang('layout.Type') @lang('layout.Commission')</th>
                        @endif
                        @if(getCustomeForm('cheque','amount'))
                        <th>@lang('layout.Amount')</th>
                        @endif
                        @if(getCustomeForm('cheque','sender'))
                        <th>@lang('layout.Sender')</th>
                        @endif
                        @if(getCustomeForm('cheque','reciever'))
                        <th>@lang('layout.Reciever')</th>
                        @endif
                        <th>@lang('layout.TransactionType')</th>
                        @if(getCustomeForm('cheque','implementedDate'))  
                        <th>@lang('layout.ImplementedDate')</th>
                        @endif
                        @if(getCustomeForm('cheque','profitAndLost'))
                        <th>@lang('layout.ProfitAndLost')</th>
                        @endif
                        @if(getCustomeForm('cheque','date'))
                        <th>@lang('layout.Date')</th>
                        @endif
                        @if(getCustomeForm('cheque','status'))
                        <th>@lang('layout.Status')</th>
                        @endif
                        @if(getCustomeForm('cheque','user'))
                        <th>@lang('layout.User')</th>
                        @endif
                        @if(getCustomeForm('cheque','description'))
                        <th>@lang('layout.Description')</th> 
                        @endif
                        @if(systemConfig()[29] == 1)
                        <th>@lang('layout.Status')</th>
                        @endif
                        <th>@lang('layout.Actions')</th>
                    </tr>
                </thead>
            </table>
        </div>
    </div>
    <!-- END EXAMPLE TABLE PORTLET-->
</div>
<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function getCustomeForm() in E:\Ampps\www\CAS\resources\views\cheques\index.blade.php:1040
Stack trace:
#0 {main}
  thrown in <b>E:\Ampps\www\CAS\resources\views\cheques\index.blade.php</b> on line <b>1040</b><br />