@extends('layouts.app')
@section('content')
@include("layouts.Cmodal")
@include('loans.modal')
<style type="text/css">
    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="'allCurrencyExchangeReports'" @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.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.SelectType') </label>
                                            <select name="type_name" id="" class="form-control">
                                                <option value="">@lang('layout.SelectType')</option>
                                                <option value="SaleCurrency">@lang('layout.SaleCurrency')</option>
                                                <option value="BuyCurrency">@lang('layout.BuyCurrency')</option>
                                            </select>
                                        </div> 
                                        <div class="col-md-4">
                                            <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>
                                <div class="row">
                                    <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>
                                    @if(systemConfig()[29] == 1) 
                                    <div class="col-md-3">
                                        <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 class="col-md-4" style="padding-right: 0px !important; padding-left: 0px !important;">
                                        @if(getFinancialClass() =='true') 
                                        @permission('financialClass-list')
                                        <div class="col-md-12">
                                            <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="currency_exchanges_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="'currencyExchange'" @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.CurrencyExchange') &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(['currencyExchange-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('currencyExchange.create')}}">
                    <button class="btn btn-success">
                        <i class="fa fa-plus"></i> @lang('layout.AddNew')
                    </button>
                </a> -->
                @permission(['currencyExchange-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">
            <!-- BEGIN FORM-->
            @permission(['currencyExchange-create'])
            {!! Form::open(array('route' => 'currencyExchange.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-8 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-12">
                                <div class="col-lg-4">
                                    <label class="control-label" for="form_control">@lang('layout.Type')</label>
                                    <div class="md-radio-inline">
                                        <div class="md-radio">
                                            <input type="radio" id="radio1" name="type" v-model="loanType" value="BuyCurrency" class="md-radiobtn" checked="">
                                            <label for="radio1">
                                                <span class="inc"></span>
                                                <span class="check"></span>
                                                <span class="box"></span> @lang('layout.BuyCurrency') 
                                            </label>
                                        </div>
                                        <div class="md-radio">
                                            <input type="radio" id="radio2" name="type" v-model="loanType" value="SaleCurrency" class="md-radiobtn">
                                            <label for="radio2">
                                                <span class="inc"></span>
                                                <span class="check"></span>
                                                <span class="box"></span> @lang('layout.SaleCurrency') 
                                            </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 @if(!getCustomeForm('currencyExchange','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>
                            <div class="col-lg-12" style="background-color: #edfeff; padding-bottom: 15px;border-radius: 10px;">
                                <div class="col-lg-4">
                                    <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="sp_currency" v-bind:value="selectedCurrency.code" />
                                </div>
                                <div class="col-lg-4">
                                    <label class="control-label">@lang('layout.Rate') </label>
                                    <div :class="{'has-error':selectedCurrency.rate < 0}">
                                        <!-- <div class="input-group"> -->
                                        <input v-model="selected_rate" :readonly="selectedCurrency.code == '{{getHomeCurrency()["code"]}}'" class="form-control" type="number" step="any" min="0" @keyup="check_code(paymentCurrency.code), get_exchange()" @click="check_code(paymentCurrency.code), get_exchange()">
                                        <!-- <span class="input-group-addon">@{{selectedCurrency.code}}</span>
                                        </div> -->
                                        <input type="hidden" name="sp_rate" :value="selected_rate">
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <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()"
                                        >
                                    </vue-numeric>
                                    <input type="hidden" name="sp_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('sp_amount') }}</span>
                                    
                                </div>
                                <div class="col-lg-12" style="padding: 0px !important;">
                                    <div class="col-md-6">
                                        <label class="control-label">@lang('layout.Account')</label>
                                        <select class="form-control" name="sp_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('sp_account_id') }}</span>
                                    </div>
                                    <div class="col-md-6">
                                        <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>
                            </div>
                            <div class="col-lg-12" style="background-color: #f2ffed; padding-bottom: 15px;border-radius: 10px;margin-top: 5px;">
                                <div class="col-lg-4">
                                    <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="ex_currency" v-bind:value="paymentCurrency.code" />
                                </div>
                                <div class="col-lg-4">
                                    <label class="control-label">@lang('layout.ExchangedRate') </label>
                                    <div :class="{'has-error':paymentCurrency.exchange_rate < 0}">
                                        <!-- <div class="input-group"> -->
                                        <input v-model="selected_rate1" :readonly="paymentCurrency.code == '{{getHomeCurrency()["code"]}}'" class="form-control" type="number" min="0" step="any" @input="get_exchange()">
                                        <!-- <span class="input-group-addon">@{{paymentCurrency.code}}</span>
                                        </div> -->
                                        <input type="hidden" name="ex_rate" :value="selected_rate1">
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <label class="control-label">@lang('layout.ExchangedAmount')</label>
                                    <vue-numeric
                                        class="form-control"
                                        v-model="exchange_amount"
                                        :max="99999999999999" inputmode="decimal"
                                        :currency="paymentCurrency.code"
                                        :precision="precision()"
                                        @input="set_rate(), getTranslateToWordExchange()"
                                        >
                                    </vue-numeric>
                                    <input type="hidden" name="ex_amount" v-model="exchange_amount" v-validate="'required'" data-vv-as="@lang('layout.Amount')" class="form-control" min="0" step="any">
                                    <input type="hidden" :value="(amount*selected_rate1/(selected_rate)).toFixed(4)">
                                    
                                    <span class="required">@{{ errors.first('ex_amount') }}</span>
                                    {{-- <span v-if="exchange_amount_to_word" >@{{exchange_amount_to_word}}</span> --}}
                                </div>
                                <div class="col-lg-12" style="padding: 0px !important;">
                                    <div class="col-md-6">
                                        <label class="control-label">@lang('layout.ExchangedAccount')</label>
                                        <select class="form-control" name="ex_account_id" v-model="defaultExAccount" v-on:change="testEX(defaultExAccount)" required v-validate="'required'" data-vv-as="@lang('layout.Account')">
                                            <option v-for="Account in exAccountUpdate" :value="Account.id">@{{ Account.name }}
                                            </option>
                                        </select>
                                        <span class="required">@{{ errors.first('ex_account_id') }}</span>
                                    </div>
                                    <div class="col-md-6">
                                        <span v-if="loanType == 'BuyCurrency'" v-show="false">
                                            @{{exBalance = Number(selectedExBank.balance)-(Number(exchange_amount)-Number(defaultAmount)) }}
                                        </span>
                                        <span v-else v-show="false">
                                            @{{exBalance = Number(selectedExBank.balance)+(Number(exchange_amount)-Number(defaultAmount))}}
                                        </span>
        
        
                                        <label class="control-label">@lang('layout.Balance')</label>
                                        <div class="input-group">
                                            <input class="form-control" disabled :value="exBalance.toFixed(precision())">
                                            <span class="input-group-addon">@{{selectedCurrency.code}}</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="col-lg-4" style="height: 53px;" v-if="d_member">
                                    <label class="control-label ">@lang('layout.Member')</label>
                                    <div class="input-group">
                                        <span class="input-group-addon">
                                            <input type="checkbox" v-model="d_member">
                                            <span></span>
                                        </span>
                                        <v-select class="vue-select2" v-model="selectedMember" @search="MemberSearch" @input="getSummary()" label="name" :options="member">
                                        </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> 
                                    </div>
                                </div>
                                <div class="col-lg-4" v-if="!d_member">
                                    <label class="control-label ">@lang('layout.Name')</label>
                                    <div class="input-group">
                                        <span class="input-group-addon">
                                            <input type="checkbox" v-model="d_member">
                                            <span></span>
                                        </span>
                                        <input type="text" name="member_name"  class="form-control" v-validate="'required'" data-vv-as="@lang('layout.Name')" >
                                        <span class="required">@{{ errors.first('member_name') }}</span>
                                    </div>
                                </div>
                                <div class="col-lg-4" v-if="!d_member">
                                    <label class="control-label">@lang('layout.FatherName')</label>
                                    <input type="text" class="form-control" autocomplete="off" name="father_name" >
                                </div>
                                <div class="col-lg-4 @if(!getCustomeForm('currencyExchange','date')) displayNone @endif">
                                    <label class="control-label">@lang('layout.Date')</label>
                                    <input type="text"  class="form-control date" autocomplete="off" name="date">
                                </div>
                                <div v-if="!d_member">
                                    <div class="col-lg-4">
                                        <label class="control-label">@lang('layout.Phone')</label>
                                        <input type="text" class="form-control" autocomplete="off" name="phone" v-validate="'required'" data-vv-as="@lang('layout.Phone')" >    
                                        <span class="required">@{{ errors.first('phone') }}</span>
                                    </div>
                                    <div class="col-lg-4 @if(!getCustomeForm('currencyExchange','SSNPassportNumber')) displayNone @endif">
                                        <label class="control-label">@lang('layout.SSN') / @lang('layout.PassportNumber')</label>
                                        <input type="text" class="form-control" autocomplete="off" name="ssn_number">
                                    </div>
                                    <div class="col-lg-4 @if(!getCustomeForm('currencyExchange','address')) displayNone @endif">
                                        <label class="control-label">@lang('layout.Address')</label>
                                        <input type="text" class="form-control" autocomplete="off" name="address">
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <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-4">
                                    <label class="control-label ">@lang('layout.UnitCostAccount')</label>
                                    <v-select class="vue-select2" v-model="selectedCost" label="name" :options="cost">
                                    </v-select>
                                    <input type="hidden" name="cost_id" :value="(!selectedCost)?null:selectedCost.id" >
                                </div>
                                <div class="col-lg-4 @if(!getCustomeForm('currencyExchange','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('currencyExchange','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-4">
                                        <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('currencyExchange','telegram')) displayNone @endif" style="display: flex; justify-content: center;align-items: center; flex-direction: column;">
                                    <label class="control-label"> <span class="fa fa-telegram" style="color:rgb(14 177 177);"></span> @lang('layout.Telegram')</label>
                                    <div class="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">
                                    <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 col-md-12 col-sm-12" style="margin-bottom: 10px;">
                        <div class="col-lg-12 col-md-12 col-sm-12 @if(!getCustomeForm('currencyExchange','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('placeholder' => __('layout.Description'),'class' => 'form-control','rows' => 1, 'cols' => 30, 'v-model' => 'descriptionOne')) !!}
                                    <span v-if="description1 == false" class="btn " @click="description1 = true">@lang('layout.More')....</button>
                                </div>
                                @if(getWhatsApp() =='true')                    
                                    <!-- <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
                                        <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="2" />
                                                <span></span>
                                            </label>
                                        </div>
                                    </div> -->
                                @endif
                            </div>
                            <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('placeholder' => __('layout.Description'),'class' => 'form-control','rows' => 1, 'cols' => 30, '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" style="padding: 0% 0% 2% 0%;">
                                <div class="col-md-12">
                                    <label class="control-label">@lang('layout.Description')2</label>
                                    {!! Form::textarea('description2', null, array('placeholder' => __('layout.Description'),'class' => 'form-control','rows' => 1, 'cols' => 30, 'v-model' => 'descriptionThree')) !!}
                                </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="row">
                                <div class="dashboard-stat2 col-lg-12" v-if="all_currency">
                                    <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') -- @lang('layout.BaseCurrency') ( {!! getHomeCurrency()["code"] !!} )</th>
                                            </tr>
                                            <tr>
                                                <th class="text-center" style="background-color: rgb(80, 129, 141); color: white;width: 50% !important;">@lang('layout.Currency') </th>
                                                <th class="text-center" style="background-color: rgb(80, 129, 141); color: white;width: 50% !important;">@lang('layout.Rate')</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <span>
                                                <tr v-for="crr in all_currency" class="text-center">
                                                    <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="sp_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">
                                    <table class="dashboard-tabel table-bordered" width="100%">
                                        <thead>
                                            <tr>
                                                <th class="text-center" style="background-color: rgb(80, 129, 141);color: white;">@lang('layout.Currency') </th>
                                                <th class="text-center" style="background-color: rgb(80, 129, 141);color: white;">@lang('layout.Payable')</th>
                                                <th class="text-center" style="background-color: rgb(80, 129, 141);color: white;">@lang('layout.Receivable')</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <span>
                                                <tr v-for="summ in summary" class="text-center">
                                                    <td>
                                                        @{{ summ.currency }}
                                                    </td>
                                                    <td class=""> @{{ member_format_number(Number(summ.payment)) }}</td>
                                                    <td>
                                                        @{{member_format_number(Number(summ.invoice)) }}
                                                    </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 class="row">
                        </div>
                    </div>
                    <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="checkAmount($event), clearData()">@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 width="1%">#</th>
                        <th width="1%">@lang('layout.Number')</th>
                        @if(getCustomeForm('currencyExchange','referenceNumber'))
                        <th width="1%">@lang('layout.ReferenceNumber')</th>
                        @endif
                        <th>@lang('layout.Type')</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.ExchangedAccount')</th>
                        <th>@lang('layout.ExchangedAmount')</th>
                        <th>@lang('layout.ExchangedRate')</th>
                        @if(getCustomeForm('currencyExchange','profitAndLost'))
                        <th>@lang('layout.ProfitAndLost')</th>
                        @endif
                        @if(getCustomeForm('currencyExchange','user'))
                        <th>@lang('layout.User')</th>
                        @endif
                        @if(getCustomeForm('currencyExchange','date'))
                        <th>@lang('layout.Date')</th>
                        @endif
                        @if(systemConfig()[29] == 1)
                        <th>@lang('layout.Status')</th>
                        @endif
                        @if(getCustomeForm('currencyExchange','description'))
                        <th>@lang('layout.Description')</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\currency_exchanges\index.blade.php:716
Stack trace:
#0 {main}
  thrown in <b>E:\Ampps\www\CAS\resources\views\currency_exchanges\index.blade.php</b> on line <b>716</b><br />