@extends('layouts.app')
@section('style')
{{-- <link href="{{url('css/custome-table.css')}}" rel="stylesheet" type="text/css"> --}}
<link href="{{URL::asset('assets/global/plugins/bootstrap-timepicker/css/bootstrap-timepicker.min.css')}}" rel="stylesheet" type="text/css" />
<style>
    .modal-container {
        width: 60% !important;
    }
    .v-select .selected-tag {
        height: 26px !important;
        margin: 0px 0px 0 3px !important;
    }
    .v-select .selected-tag > button >span{
        display: none !important;
    } 
    .v-select.searchable .dropdown-toggle{
        height: 27px;
    }
</style>
@endsection
@section('content')
    <!-- END PAGE HEADER-->
    <div id="print-modal">
        <report-modal :pdf-route="pdfRoute" :excel-route="excelRoute" v-if="is_show" :value-type="'memberExchangeList'" @closed="closeModal">
            <div slot="body">
                <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>
                        <li class="">
                            <a href="#tab2" data-toggle="tab" id="tab_custome">@lang('layout.CustomReportM')</a>
                        </li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane active" id="tab1" style="border: 1px solid rgb(225, 225, 225); padding:20px  15px;border-radius: 10px;">
                            <div class="row">
                                <div class="col-md-6">
                                    <label class="control-label ">@lang('layout.SelectMember') </label>
                                    <v-select class="vue-select2" v-model="selectedMember" label="name" @search="MemberSearch" :options="member" :multiple="true"> </v-select>
                                    {{-- <input type="hidden" name="member_id" v-model.number="(!selectedMember)?null:selectedMember.id"> --}}
                                    <input type="hidden" name="member_id" :value="member_id.length > 0 ? member_id:null">
                                </div>
                                <div class="col-md-6">
                                    <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>
                            <div class="row">
                                <div class="form-group">
                                    <div class="col-md-6">
                                        <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 class="col-md-6" 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>
                                    @if(systemConfig()[29] == 1)
                                    <div class="col-md-1">
                                        <label class=" control-label">@lang('layout.TransactionConfirm')</label>
                                        <div class="col-md-12 mt-checkbox">
                                            <label class="mt-checkbox mt-checkbox-outline"> 
                                                <input type="checkbox" name="transaction_confirm" value="On">
                                                <span></span>
                                            </label>
                                        </div>
                                    </div>
                                    @endif
                                </div>
                            </div>
                            <div class="row" style="padding-bottom:15px;margin-top:10px">
                                <div class="col-md-12">
                                    <label class="control-label ">@lang('layout.Number')</label>
                                    <div class="input-group">
                                      <input class="form-control" autocomplete="off" name="from_number">
                                      <span class="input-group-addon"> @lang('layout.To') </span>
                                      <input class="form-control" autocomplete="off" name="to_number">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group">
                                    <div class="col-md-12">
                                        <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" 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">
                                            </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_exchange_index">
                                        <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 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" title="@lang('layout.Storage')"> <i class="fa fa-save"></i> </button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </report-modal>
    </div>
    {{-- custom part start  --}}
    <div id="settingModal" v-cloak>
        <setting-modal :pdf-route="route" v-if="is_show" :value-type="'memberExchange'" @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-->
    <br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function getCustomeForm() in E:\Ampps\www\CAS\resources\views\memberExchange\index.blade.php:212
Stack trace:
#0 {main}
  thrown in <b>E:\Ampps\www\CAS\resources\views\memberExchange\index.blade.php</b> on line <b>212</b><br />