@extends('layouts.app')
@section('style')
<link href="{{URL::asset('assets/global/plugins/bootstrap-timepicker/css/bootstrap-timepicker.min.css')}}" rel="stylesheet" type="text/css" />
{{-- <link href="{{url('css/custome-table.css')}}" rel="stylesheet" type="text/css"> --}}
<style>
    .modal-container {
        width: 60% !important;
    }
    .v-select.searchable .dropdown-toggle{
        height: 27px;
    }
</style>
@endsection
@section('content')
@include("layouts.Cmodal")
    <!-- END PAGE HEADER-->
    {{-- <div id="print-modal">
        <report-modal :pdf-route="pdfRoute" :excel-route="excelRoute" v-if="is_show"
                      :value-type="'memberTransferList'"
                      @closed="closeModal">
            <div slot="body">
                <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.Member')</label>
                            <v-select v-model="selectedToMember" label="name" :options="member"  @search="MemberSearch" >
                            </v-select>
                            <input type="hidden" name="member_id" v-model.number="(!selectedToMember)?null:selectedToMember.id" >
                        </div>
                        @if(systemConfig()[20] == 1)
                        <div class="col-md-4">
                            <label class="control-label">@lang('layout.ContractName')</label>
                            <v-select class="vue-select2" placeholder="@lang('layout.Select')"
                                    v-model="selectedContract" label="company_name"
                                    :options="{{$contract}}">
                            </v-select>
                            <input type="hidden" name="contract_id" v-model.number="(!selectedContract)?null:selectedContract.id" />
                        </div>
                        @endif 
                    </div>
                </div>
                <div class="row">
                    <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>
                    @if(getFinancialClass() =='true') 
                    @permission('financialClass-list')
                    <div class="col-md-4">
                        <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 class="row">
                    <div class="form-group">
                        <div class="col-md-12">
                            <label class="control-label"> @lang('layout.Date')</label>
                                <div class="input-group">
                                    <input class="form-control date" id="range-from-example" name="from_date" autocomplete="off">
                                    <span class="input-group-addon"> @lang('layout.To') </span>
                                    <input class="form-control date" id="range-to-example" name="to_date" autocomplete="off">
                                </div>
                        </div>
                    </div>
                </div>
            </div>
        </report-modal>
    </div> --}}
    <div id="print-modal">
        <report-modal :pdf-route="pdfRoute" :excel-route="excelRoute" v-if="is_show" :value-type="'memberTransferList'"  @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.FromMember')</label>
                                                <v-select v-model="selectedFromMember" label="name" :options="member"  @search="MemberSearch" >
                                                </v-select>
                                                <input type="hidden" name="from_member_id" v-model.number="(!selectedFromMember)?null:selectedFromMember.id" >
                                            </div>
                                            <div class="col-md-4">
                                                <label class="control-label">@lang('layout.ToMember')</label>
                                                <v-select v-model="selectedToMember" label="name" :options="member"  @search="MemberSearch" >
                                                </v-select>
                                                <input type="hidden" name="to_member_id" v-model.number="(!selectedToMember)?null:selectedToMember.id" >
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-3 @if(!getCustomeForm('memberTransfer','ReferenceName')) displayNone @endif">
                                            <label class="control-label">@lang('layout.ReferenceName')</label>
                                            <input type="text" name="referencen_name" class="form-control">
                                        </div>
                                        <div class="col-md-3 @if(!getCustomeForm('memberTransfer','ReferenceNumber')) displayNone @endif">
                                            <label class="control-label">@lang('layout.ReferenceNumber')</label>
                                            <input type="number" name="referencen_number" class="form-control"> 
                                        </div>
                                    </div>
                                    <div class="row">
                                        @if(systemConfig()[20] == 1)
                                        <div class="col-md-4">
                                            <label class="control-label">@lang('layout.ContractName')</label>
                                            <v-select class="vue-select2" placeholder="@lang('layout.Select')"
                                                    v-model="selectedContract" label="company_name"
                                                    :options="{{$contract}}">
                                            </v-select>
                                            <input type="hidden" name="contract_id" v-model.number="(!selectedContract)?null:selectedContract.id" />
                                        </div>
                                        @endif 
                                        <div class="col-md-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>
                                        @if(systemConfig()[29] == 1)
                                        <div class="col-md-1">
                                            <label class=" control-label">@lang('layout.TransactionConfirm')</label>
                                            <div class="col-md-12 mt-checkbox">
                                                <label class="mt-checkbox mt-checkbox-outline"> 
                                                    <input type="checkbox" name="transaction_confirm" value="On">
                                                    <span></span>
                                                </label>
                                            </div>
                                        </div>
                                        @endif
                                        @if(getFinancialClass() =='true') 
                                        @permission('financialClass-list')
                                        <div class="col-md-4">
                                            <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 class="row">
                                        <div class="form-group">
                                            <div class="col-md-12">
                                                <label class="control-label"> @lang('layout.Date')</label>
                                                <div class="input-group">
                                                    <input class="form-control date" id="range-from-example" name="from_date" autocomplete="off">
                                                    <span class="input-group-addon"> @lang('layout.To') </span>
                                                    <input class="form-control date" id="range-to-example" name="to_date" autocomplete="off">
                                                </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="member_Transfer_money_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="'memberTransfer'" @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  --}}
    <!-- BEGIN TAB PORTLET-->
    <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>
                    <span class="caption-subject bold uppercase">@lang('layout.MemberTransferList') </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 id="anchore-modal">
                       <a href="#" @click.prevent="showModal" id="" class="btn  btn-success">
                          <i class="fa fa-print"></i>
                       </a>
                    </span>
                    <span id="create-modal">
                        {{-- <a href="{{route('memberTransfer.create')}}"> --}}
                        <a href="#" @click.prevent="showModal" >
                            <button class="btn btn-success" >
                                <i class="fa fa-plus"></i> @lang('layout.AddNew')
                            </button>
                        </a>
                    </span>
                </div>
            </div>
            <div class="portlet-body">
                <template v-cloak id="company_ll">
                    <company @company="setCompany"></company>
                </template>
                <!-- BEGIN FORM-->
                {!! Form::open(array('route' => 'memberTransfer.store','method'=>'POST','class'=>'form-horizontal','id'=>'member-transfer-form')) !!}
                {{ csrf_field() }}
                <div class="form-body  col-md-12" id="member-transfer" v-cloak>
                    {{-- <div class="form-body col-md-12"> --}}
                        <div class="row" v-show="show_create" style="margin-bottom: 20px; border-bottom: 2px solid rgba(172, 171, 171, 0.877);padding-bottom: 20px;">
                            <div class="col-lg-8" style="box-shadow: 0px 0px 3px rgba(172, 171, 171, 0.877);border-radius: 8px; margin-bottom: 10px;">
                                <input type="hidden" name="position_status" v-model="position_status" >
                                <div class="row" style="padding: 0.5% 1%;">
                                    <div class="col-lg-12" style="padding-right: 0px !important; padding-left: 0px !important;" >
                                        <div class="col-lg-6">
                                            <div class="col-lg-12">
                                                <label class="control-label">@lang('layout.FromMember')</label>
                                                <v-select @input="getSummary" v-model="selectedFromMember" label="name" @search="MemberSearch" :options="fromMember">
                                                </v-select>
                                                <input type="hidden" name="from_member_id" v-model.number="(!selectedFromMember)?null:selectedFromMember.id" v-validate="'required'" data-vv-as="@lang('layout.FromMember')">
                                                <span class="required">@{{errors.first('from_member_id')}}</span>
                                            </div>
                                            <div class="col-lg-12" style="padding: 0px !important;">
                                                <div class="col-lg-6">
                                                    <label class="control-label">@lang('layout.Currency')</label>
                                                <v-select label="code" :options="currency1" v-model="selected_currency"
                                                            @input="setAmount()"></v-select>
                                                <input type="hidden" name="currency" v-validate="'required'"
                                                        data-vv-as="@lang('layout.Currency')" :value="selected_currency.code">
                                                <span class="required">@{{ errors.first('currency1') }}</span>
                                                </div>
                                                <div class="col-lg-6">
                                                    <label class="control-label">@lang('layout.Rate')</label>
                                                    <input type="number" name="currency_rate" v-validate="'required'"
                                                        data-vv-as="@lang('layout.Rate')" @input="setAmount1()"
                                                        v-model="!selected_currency?0:selected_currency.rate"
                                                        class="form-control">
                                                    <span class="required">@{{ errors.first('currency_rate') }}</span>
                                                </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <label class="control-label">@lang('layout.Payable')</label>
                                                <vue-numeric
                                                    class="form-control"
                                                    v-model="payable"
                                                    :readonly="payable < receivable"
                                                    :max="99999999999999" inputmode="decimal"
                                                    :currency="(selected_currency)?selected_currency.code:''"
                                                    :precision="precision()"
                                                    @input="setAmount1()"
                                                    >
                                                </vue-numeric>
                                                <input type="hidden" v-validate="" data-vv-as="@lang('layout.Payable')" class="form-control" name="payable" v-model="payable" />
                                                <span class="required">@{{ errors.first('payable') }}</span>
                                            </div>
                                            <div class="col-lg-6">
                                                <label class="control-label">@lang('layout.Payable')</label>
                                                <input type="number" readonly v-validate=""
                                                    data-vv-as="@lang('layout.Payable')" class="form-control" name="payable2"
                                                    v-model="payable2" />
                                                <span class="required">@{{ errors.first('payable2') }}</span>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="col-lg-12">
                                                <label class="control-label">@lang('layout.ToMember')</label>
                                                <div class="input-group">
                                                    <v-select v-model="selectedToMember" label="name" @input="getSummary2(), setAmount1()" @search="MemberSearch" :options="toMember"> </v-select>
                                                    <input type="hidden" name="to_member_id" v-model.number="(!selectedToMember)?null:selectedToMember.id" v-validate="'required'" data-vv-as="@lang('layout.ToMember')">
                                                    <span class="required">@{{errors.first('to_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-12" style="padding: 0px !important;">
                                                <div class="col-lg-6">
                                                    <label class="control-label">@lang('layout.ToCurrency2')</label>
                                                <v-select label="code" :options="currency1" v-model="selected_currency2"
                                                            @input="setAmount1()"></v-select>
                                                <input type="hidden" name="currency2" v-validate="'required'"
                                                        data-vv-as="@lang('layout.Currency')" :value="selected_currency2.code">
                                                <span class="required">@{{ errors.first('currency2') }}</span>
                                            </div>
                                            <div class="col-lg-6">
                                                <label class="control-label">@lang('layout.ToRate')</label>
                                                <input type="number" name="currency_rate2" v-validate="'required'"
                                                        data-vv-as="@lang('layout.Rate')" @input="setAmount1()"
                                                        v-model="!selected_currency2?0:selected_currency2.rate"
                                                        class="form-control">
                                                <span class="required">@{{ errors.first('currency_rate2') }}</span>
                                            </div>
                                            </div>
                                            <div class="col-lg-6">
                                                <label class="control-label">@lang('layout.Receivable')</label>
                                                <vue-numeric
                                                    class="form-control"
                                                    v-model="receivable"
                                                    :readonly="payable > receivable"
                                                    :max="99999999999999" inputmode="decimal"
                                                    :currency="(selected_currency)?selected_currency.code:''"
                                                    :precision="precision()"
                                                    @input="setAmount1()"
                                                    >
                                                </vue-numeric>
                                                <input type="hidden" class="form-control" name="receivable" v-model="receivable" v-validate="" data-vv-as="@lang('layout.Receivable')" />
                                                <span class="required">@{{ errors.first('receivable') }}</span>
                                            </div>
                                            <div class="col-lg-6">
                                                <label class="control-label">@lang('layout.Receivable')</label>
                                                <input type="number" readonly class="form-control"
                                                    name="receivable2" v-model="receivable2" v-validate=""
                                                    data-vv-as="@lang('layout.Receivable')" />
                                                <span class="required">@{{ errors.first('receivable2') }}</span>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="col-lg-3 @if(!getCustomeForm('memberTransfer','ReferenceName')) displayNone @endif">
                                                <label class="control-label">@lang('layout.ReferenceName')</label>
                                                <input type="text" name="referencen_name" class="form-control" v-model="referencen_name">
                                            </div>
                                            <div class="col-lg-3 @if(!getCustomeForm('memberTransfer','ReferenceNumber')) displayNone @endif">
                                                <label class="control-label">@lang('layout.ReferenceNumber')</label>
                                                <input type="text" name="referencen_number" class="form-control" v-model="referencen_number"> 
                                            </div>
                                            <div class="col-lg-3 @if(!getCustomeForm('memberTransfer','date')) displayNone @endif">
                                                <label class="control-label">@lang('layout.Date')</label>
                                                <input type="text" class="form-control date" autocomplete="off" name="date" >
                                            </div>
                                            <div class="col-lg-3 @if(!getCustomeForm('memberTransfer','hour')) displayNone @endif">
                                                <label class="control-label">@lang('layout.Hour')</label>
                                                <div class="input-group" @click="stopDynamicTime" @mousemove="changeTime"> 
                                                    @if(getHourType() == 24)
                                                    <input type="text" class="form-control timepicker timepicker-24" v-model="dynamic_time" ref="time_input" name="hour" @keyup="changeTime">
                                                    @else
                                                    <input type="text" class="form-control timepicker timepicker-no-seconds" v-model="dynamic_time" ref="time_input" name="hour" @keyup="changeTime">
                                                    @endif
                                                    <span class="input-group-btn">
                                                        <button class="btn default" type="button">
                                                            <i class="fa fa-clock-o"></i>
                                                        </button>
                                                    </span>
                                                </div>
                                            </div>
                                            <div class="col-lg-4">
                                                <label class="control-label">@lang('layout.Number')</label>
                                                <input type="number" class="form-control" name="number" v-validate="'required'" v-model="number"
                                                    data-vv-as="@lang('layout.Number')" />
                                                <span class="required">@{{ errors.first('number') }}</span>
                                            </div>
                                            @if(systemConfig()[20] == 1)
                                            <div class="col-lg-4 @if(!getCustomeForm('memberTransfer','contractName')) displayNone @endif">
                                                <label class="control-label">@lang('layout.ContractName')</label>
                                                <v-select class="vue-select2" placeholder="@lang('layout.Select')"
                                                        v-model="selectedContract" label="company_name"
                                                        :options="{{$contract}}">
                                                </v-select>
                                                <input type="hidden" name="contract_id" v-model.number="(!selectedContract)?null:selectedContract.id" />
                                            </div>
                                            @endif
                                            <div class="col-lg-4 @if(!getCustomeForm('memberTransfer','monetarySource')) displayNone @endif">
                                                <label class="control-label">@lang('layout.MonetarySource')</label>
                                                {!! Form::text('monetary_source', null, array('placeholder' => __('layout.MonetarySource'),'class' => 'form-control', 'v-model' => 'monetary_source')) !!}
                                            </div>
                                            <div class="col-lg-4 @if(!getCustomeForm('memberTransfer','transactionType')) displayNone @endif">
                                                <label class="control-label">@lang('layout.TransactionType')</label>
                                                {!! Form::text('trans_type', null, array('placeholder' => __('layout.TransactionType'),'class' => 'form-control', 'v-model' => 'trans_type')) !!}
                                            </div>
                                            @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
                                            <div class="col-lg-4">
                                                <label class="control-label">@lang('layout.BilanceDate')</label>
                                                <input type="text" class="form-control date" autocomplete="off" name="bilance_date" placeholder="@lang('layout.BilanceDate')" v-model="bilance_date">
                                            </div>
                                            <div class="col-lg-4">
                                                <label class="control-label">@lang('layout.By')</label>
                                                {!! Form::text('by', null, array('placeholder' => __('layout.By'),'class' => 'form-control', 'v-model' => 'by')) !!}
                                            </div>
                                            <div class="col-lg-4">
                                                <label class="control-label">@lang('layout.Title')</label>
                                                {{-- <input type="text" class="form-control" name="title"> --}}
                                                <select name="title" id="" class="form-control">
                                                    <option value="">@lang('layout.SelectType')</option>
                                                    <option value="purchase">@lang('layout.Purchase')</option>
                                                    <option value="custom">@lang('layout.Custom')</option>
                                                    <option value="sales">@lang('layout.Sales')</option>
                                                    <option value="fine">@lang('layout.Fine')</option>
                                                    <option value="decrease">@lang('layout.Decrease')</option>
                                                    <option value="inventory">@lang('layout.Inventory')</option>
                                                    <option value="transportation1">@lang('layout.Transportation')1</option>
                                                    <option value="transportation2">@lang('layout.Transportation')2</option>
                                                    <option value="transportation3">@lang('layout.Transportation')3</option>
                                                    <option value="transportation4">@lang('layout.Transportation')4</option>
                                                    <option value="transportation5">@lang('layout.Transportation')5</option>
                                                    <option value="transportation6">@lang('layout.Transportation')6</option>
                                                    <option value="transportation7">@lang('layout.Transportation')7</option>
                                                    <option value="transportation8">@lang('layout.Transportation')8</option>
                                                    <option value="transportation9">@lang('layout.Transportation')9</option>
                                                    <option value="transportation10">@lang('layout.Transportation')10</option>
                                                    <option value="expenditures1">@lang('layout.Expenditures')1</option>
                                                    <option value="expenditures2">@lang('layout.Expenditures')2</option>
                                                    <option value="expenditures3">@lang('layout.Expenditures')3</option>
                                                    <option value="expenditures4">@lang('layout.Expenditures')4</option>
                                                    <option value="expenditures5">@lang('layout.Expenditures')5</option>
                                                    <option value="expenditures6">@lang('layout.Expenditures')6</option>
                                                    <option value="expenditures7">@lang('layout.Expenditures')7</option>
                                                    <option value="expenditures8">@lang('layout.Expenditures')8</option>
                                                    <option value="expenditures9">@lang('layout.Expenditures')9</option>
                                                    <option value="expenditures10">@lang('layout.Expenditures')10</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-lg-12 col-md-12">
                                            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 @if(!getCustomeForm('memberTransfer','telegramFromMember')) displayNone @endif" style="margin-top: 10px;">
                                                <table style="border: 1px solid rgba(186, 186, 186, 0.505);padding: 0px 10px !important;border-collapse: separate;border-radius: 5px; display: flex; justify-content: center; align-items: center;">
                                                    <tr style="padding: 0px;display: flex; justify-content: center; align-items: center;">
                                                        <td class="t_body" style="padding: 0px 30px !important;display: flex;justify-content: space-between;align-items: center;margin-top: 10px;">
                                                            @if(getTelegramBot()=="true")
                                                            <span>
                                                                {{-- <label class="mt-checkbox mt-checkbox-outline">
                                                                    <i class="fa fa-telegram" style="color:rgb(14 177 177); font-size:20px"> @{{(selectedFromMember)?selectedFromMember.name:null}}</i>
                                                                    <input type="checkbox" name="from_telegram" value="ok">
                                                                    <span></span>
                                                                </label> --}}
                                                                <label class="control-label"> <span class="fa fa-telegram" style="color:rgb(14 177 177);"></span> @lang('layout.Telegram') @{{(selectedFromMember)?selectedFromMember.name:null}}</label>
                                                                <div class="col-md-12 mt-checkbox">
                                                                    <label class="mt-checkbox mt-checkbox-outline">
                                                                        <input type="checkbox" name="from_telegram" value="ok">
                                                                        <span></span>
                                                                    </label>
                                                                </div>
                                                            </span>
                                                            @endif
                                                            @if(getWhatsApp() =='true' && (getWhatsAppType() == 'direct' || getWhatsAppType() == 'simpleMessage'))
                                                            <span>
                                                                <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" title="@lang('layout.From') @lang('layout.Whatsapp')">
                                                                        <input type="checkbox"  name="from_whatsapp" value="50" />
                                                                        <span></span>
                                                                    </label>
                                                                </div>
                                                            </span>
                                                            @endif
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>
                                            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 @if(!getCustomeForm('memberTransfer','telegramToMember')) displayNone @endif" style="margin-top: 10px;">
                                                <table style="border: 1px solid rgba(186, 186, 186, 0.505);padding: 0px 10px !important;border-collapse: separate;border-radius: 5px; display: flex; justify-content: center; align-items: center;">
                                                    <tr style="padding: 0px;display: flex; justify-content: center; align-items: center;">
                                                        <td class="t_body" style="padding: 0px 30px !important;display: flex;justify-content: space-between;align-items: center;margin-top: 10px;">
                                                            @if(getTelegramBot()=="true")
                                                            <span>
                                                                {{-- <label class="mt-checkbox mt-checkbox-outline">
                                                                    <i class="fa fa-telegram" style="color:rgb(14 177 177); font-size:20px"> @{{(selectedToMember)?selectedToMember.name:null}}</i>
                                                                    <input type="checkbox" name="to_telegram" value="ok">
                                                                    <span></span>
                                                                </label> --}}
                                                                <label class="control-label"> <span class="fa fa-telegram" style="color:rgb(14 177 177);"></span> @lang('layout.Telegram') @{{(selectedToMember)?selectedToMember.name:null}}</label>
                                                                <div class="col-md-12 mt-checkbox">
                                                                    <label class="mt-checkbox mt-checkbox-outline">
                                                                        <input type="checkbox" name="to_telegram" value="ok">
                                                                        <span></span>
                                                                    </label>
                                                                </div>
                                                            </span>
                                                            @endif
                                                            @if(getWhatsApp() =='true' && (getWhatsAppType() == 'direct' || getWhatsAppType() == 'simpleMessage'))
                                                            <span>
                                                                <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" title="@lang('layout.to') @lang('layout.Whatsapp')">
                                                                        <input type="checkbox"  name="to_whatsapp" value="40" />
                                                                        <span></span>
                                                                    </label>
                                                                </div>
                                                            </span>
                                                            @endif
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>
                                            {{-- @if(getWhatsApp() =='true' && (getWhatsAppType() == 'direct' || getWhatsAppType() == 'simpleMessage'))                    
                                            <div class="col-lg-3 col-md-3 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="5" />
                                                        <span></span>
                                                    </label>
                                                </div>
                                            </div>
                                            @endif --}}
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-12 col-sm-12">
                                <div class="col-lg-12 col-md-12 col-sm-12 @if(!getCustomeForm('memberTransfer','description')) displayNone @endif" style="box-shadow: 0px 0px 3px rgba(172, 171, 171, 0.877);border-radius: 8px;padding: 0px !important;margin-bottom: 10px;">
                                    <div class="col-lg-12">
                                        <label class="control-label">@lang('layout.Description') 1</label>
                                        <textarea name="description" rows="1" class="form-control" v-model="description"></textarea>
                                    </div>
                                    <div class="col-lg-12" style="padding-bottom: 10px;">
                                        <label class="control-label">@lang('layout.Description') 2</label>
                                        <textarea name="description2" rows="1" class="form-control" v-model="description2"></textarea>
                                    </div>
                                </div>
                                <div class="col-lg-12 col-md-12 col-sm-12" style="padding: 0px !important;margin-bottom: 0px;width: 100%;box-shadow: 0px 0px 3px rgba(172, 171, 171, 0.877);border-radius: 8px;margin-bottom: 20px;">
                                    <div class="dashboard-stat2 col-lg-6" v-if="selectedFromMember">
                                        <div v-if="selectedFromMember.photo" style="padding: 2px !important;">
                                            <ul class="list-unstyled profile-nav" style="margin: 0px !important;">
                                                <li>
                                                    <div class="twPc-avatarLink">
                                                    <a :href="url+selectedFromMember.photo" target='_blank'>
                                                        <img class=" twPc-avatarImg" :src="url+selectedFromMember.photo" :title="url+selectedFromMember.name" style=" width:200px; height:170px; border-radius: 10px;">
                                                    </a>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="dashboard-stat2 col-lg-6" v-if="selectedToMember" style="margin-bottom: 0px;">
                                        <div v-if="selectedToMember.photo" style="padding: 2px !important;">
                                            <ul class="list-unstyled profile-nav" style="margin: 0px !important;">
                                                <li>
                                                    <div class="twPc-avatarLink">
                                                        <a :href="url+selectedToMember.photo" target='_blank'>
                                                            <img class=" twPc-avatarImg" :src="url+selectedToMember.photo" :title="url+selectedToMember.name" style=" width:200px; height:170px;border-radius: 10px;">
                                                        </a>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12 col-lg-12">
                                <div class="col-lg-6">
                                    <div class="panel panel-default" style="padding: 10px;">
                                        <h3>@lang('layout.FromMember')</h3>
                                        <div class="panel-body">
                                            <table class="table table-bordered">
                                                <thead>
                                                    <tr>
                                                        <th class="text-center">@lang('layout.Currency') </th>
                                                        <th class="text-center">@lang('layout.Payable')</th>
                                                        <th class="text-center">@lang('layout.Receivable')</th>
                                                        <th class="text-center">@lang('layout.AverageRate')</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <span v-if="selectedFromMember">
                                                        <tr v-for="summ in summary">
                                                            <td class="highlight 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 v-if="selectedFromMember">
                                                            <th style="background-color: #add8e6;text-align: center;" v-if="selectedFromMember.risk_step">
                                                                @lang('layout.RiskStep')
                                                            </th>
                                                            <th v-if="selectedFromMember.risk_step == 'High'" style="background-color: #ff5353;text-align: center;" > @lang('type.High')</th>
                                                            <th v-if="selectedFromMember.risk_step == 'Medium'" style="background-color: #ffe291;text-align: center;" > @lang('type.Medium')</th>
                                                            <th v-if="selectedFromMember.risk_step == 'Low'" style="background-color: #8aff9a;text-align: center;" > @lang('type.Low')</th>
                                                        </tr>
                                                    </thead>
                                                </table>    
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="panel panel-default" style="padding: 10px;">
                                        <h3>@lang('layout.ToMember')</h3>
                                        <div class="panel-body">
                                            <table class="table table-bordered">
                                                <thead>
                                                    <tr>
                                                        <th class="text-center">@lang('layout.Currency') </th>
                                                        <th class="text-center">@lang('layout.Payable')</th>
                                                        <th class="text-center">@lang('layout.Receivable')</th>
                                                        <th class="text-center">@lang('layout.AverageRate')</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <span v-if="selectedToMember">
                                                        <tr v-for="summ in summary2">
                                                            <td class="highlight 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 v-if="selectedToMember">
                                                        <th style="background-color: #add8e6;text-align: center;" v-if="selectedToMember.risk_step">
                                                            @lang('layout.RiskStep')
                                                        </th>
                                                        <th v-if="selectedToMember.risk_step == 'High'" style="background-color: #ff5353;text-align: center;" > @lang('type.High')</th>
                                                        <th v-if="selectedToMember.risk_step == 'Medium'" style="background-color: #ffe291;text-align: center;" > @lang('type.Medium')</th>
                                                        <th v-if="selectedToMember.risk_step == 'Low'" style="background-color: #8aff9a;text-align: center;" > @lang('type.Low')</th>
                                                    </tr>
                                                </thead>
                                            </table>    
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    {{-- </div> --}}
                    <div class="row" v-show="show_create">
                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 text-center">
                            {{-- <button type="button" @click="handleSubmit($event)" class="btn green">@lang('layout.Submit')</button> --}}
                            <button v-if="isError ==false" type="button" @click="handleSubmit($event)" :disabled="disabled" class="btn green">@lang('layout.Submit')</button>
                            <button type="button" class="btn blue" @click="checkAmount($event)" >@lang('layout.SaveAndNew')</button>
                            <a @click="show_create = false, clearData()" class="btn default"><i class="fa fa-mail-reply"></i> @lang('layout.Cancel')</a>
                            <hr>
                        </div>
                    </div>
                    <cmodal :show='showModal' @close="showModal=false"></cmodal>
                </div>
                {!! Form::close() !!}
                <table class="table table-striped table-bordered table-hover" cellspacing="0" id="transferAccounts">
                    <thead>
                        <tr>
                            <th>@lang('layout.Number')</th>
                            <th>@lang('layout.FromMember')</th>
                            <th>@lang('layout.ToMember')</th>
                            <th>@lang('layout.Receivable')</th>
                            <th>@lang('layout.Payable') </th>
                            <th>@lang('layout.Currency')</th>
                            <th>@lang('layout.Rate')</th>
                            @if(getCustomeForm('memberTransfer','ReferenceName'))
                            <th>@lang('layout.ReferenceName')</th>
                            @endif
                            @if(getCustomeForm('memberTransfer','ReferenceNumber'))
                            <th>@lang('layout.ReferenceNumber')</th>
                            @endif
                            @if(getCustomeForm('memberTransfer','date'))
                            <th>@lang('layout.Date')</th>
                            @endif
                            @if(getCustomeForm('memberTransfer','hour'))
                            <th>@lang('layout.Hour')</th>
                            @endif
                            @if(getCustomeForm('memberTransfer','contractName'))
                            @if(systemConfig()[20] == 1)
                            <th>@lang('layout.Contract')</th>
                            @endif
                            @endif
                            @if(getCustomeForm('memberTransfer','status'))
                            @if(systemConfig()[29] == 1)
                            <th>@lang('layout.Status')</th>
                            @endif
                            @endif
                            @if(getCustomeForm('memberTransfer','user'))
                            <th>@lang('layout.User')</th>
                            @endif
                            @if(getCustomeForm('memberTransfer','description'))
                            <th>@lang('layout.Description')</th>
                            @endif
                            <th style="width: 15% !important;">@lang('layout.Actions')</th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
        <!-- END EXAMPLE TABLE PORTLET-->
    </div>
    <!-- END TAB PORTLET-->
    <!-- END CONTENT BODY -->
    <br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function getCustomeForm() in E:\Ampps\www\CAS\resources\views\memberTransfers\index.blade.php:846
Stack trace:
#0 {main}
  thrown in <b>E:\Ampps\www\CAS\resources\views\memberTransfers\index.blade.php</b> on line <b>846</b><br />