@extends('layouts/default')

@section('commonbuttons')
  @if(!empty($settingData))
    @if($settingDataSetFlg == 1)
      <a href="{{route('slsellerxo/accountdetail', array('seller_id'=>App\Helpers\Helper::encryptor('encrypt',$seller_id)))}}" data-tooltip="tooltip" data-original-title="Dashboard" class="btn btn-primary ad-click-event commonButtons btn-header-section">{{config('app.tabLables')['dashboard']}}</a>      
      <a type="button" class="btn btn-primary commonButtons btn-header-section" href="{{ route('slxoorders',array('seller_id'=>App\Helpers\Helper::encryptor('encrypt',$seller_id))) }}">{{config('app.tabLables')['orders']}}</a>
    @endif
    @if(isset(\Auth::user()->user_role) && \Auth::user()->user_role != 'Partner')
    <a type="button" class="btn btn-primary commonButtons btn-header-section" href="{{ route('contact\contactus',array('seller_id'=>App\Helpers\Helper::encryptor('encrypt',$seller_id))) }}">{{config('app.tabLables')['contact_us']}}</a>
    @endif
  @endif
@stop

@section('title')
Xero Sync Settings
@stop
<style type="text/css">
  .popover{
        min-width: 900px;
        position: absolute;
        top: -101.777802px;
  }
  .moreInfoBlock .tooltip-inner{
    max-width: 500px !important;
    text-align: left !important;
  }
  .moreInfoBlock .tooltip.fade.right.in{
    top: 0 !important;
    left: 230px !important;
  }
  .hr{
    border: 1px solid #1b2260 !important;
  }
  .field-info{
    font-size: 12px;
  }
  #tax-form .modal-body{
    max-height: 500;overflow-y: scroll;
  }
  .open>.dropdown-toggle.btn-primary {
    border-color: #029c7d !important;
  }
  .dropdown-toggle.btn-primary {
    border-color: #029c7d !important;
  }
  .dropdown.btn-primary:hover {
    border-color: #029c7d !important;
  }
  .dropdown-menu .divider {
    margin: 3px 0 !important;
  }
</style>
@section('content')
<!-- Wizard css -->
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/paper-bootstrap-wizard.css')}}"/>
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/demo.css')}}"/>
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/themify-icons.css')}}"/>
<link href='https://fonts.googleapis.com/css?family=Muli:400,300' rel='stylesheet' type='text/css'> 
<div class="setting_page">
  <div class="d-inline-block w-100"> 
    <div class="ui-layout">
      @include('notifications')
      <div class="row">
        <div class="col-md-12">
          <div class="box box-default">
            @if($xero_base_currency != $SlCurrency && $currencyFlg == false)
              <div class="next-card" id="showSettings">
                <div class="row">
                  <div class="col-md-12">
                    <div>Your Store is in <b>{{$SlCurrency}}</b> and your Xero base currency is in <b>{{$xero_base_currency}}</b>.</div>
                    <!-- <div>We are currenty not supporting multicurrecy. Please, be in touch we will back soon with it.</div> -->
                    <div>To enable multi currency and add more currencies in your Xero account, <a href="https://go.xero.com/Setup/CurrencyRates.aspx" target="_blank">Click Here.</a> </div>
                    <hr>
                  </div>
                   <div class="col-md-12">
                    <button class="btn btn-success" onclick="startLoading();window.location.reload();">Continue to Settings</button>
                  </div>
                </div>
              </div>
            @endif
            <div class="wizard-container " id="settingSection">
              <div class="card wizard-card" data-color="blue" id="wizard">
                {!! Form::open(array('url' => '#','id' => 'create-form','autocomplete'=>'off')) !!}           
                {{ csrf_field() }}
                <div class="wizard-navigation">
                  <div class="progress-with-circle">
                    <div class="progress-bar" role="progressbar" aria-valuenow="1" aria-valuemin="1" aria-valuemax="4" ></div>
                  </div>
                  <ul class="nav nav-pills">
                    <li class="active" >
                      <a href="#OS" data-toggle="tab" aria-expanded="true">
                        <div class="icon-circle checked">
                          <i class="fa fa-user" aria-hidden="true"></i>
                        </div>
                        Order Settings
                      </a>
                    </li>
                    <li  class="">
                      <a href="#PS" data-toggle="tab" aria-expanded="false">
                        <div class="icon-circle checked">
                          <i class="fa fa-user" aria-hidden="true"></i>
                        </div>
                        Products Settings
                      </a>
                    </li>
                    <li  class="">
                      <a href="#POS" data-toggle="tab" aria-expanded="false">
                        <div class="icon-circle checked">
                          <i class="fa fa-user" aria-hidden="true"></i>
                        </div>
                        Bank & Shopline Payments
                      </a>
                    </li>
                    <li  class="">
                      <a href="#OP" data-toggle="tab" aria-expanded="false">
                        <div class="icon-circle checked">
                          <i class="fa fa-user" aria-hidden="true"></i>
                        </div>
                        Other Payment Settings
                      </a>
                    </li>                    
                    <li  class="">
                      <a href="#TS" data-toggle="tab" aria-expanded="false">
                        <div class="icon-circle checked">
                          <i class="fa fa-user" aria-hidden="true"></i>
                        </div>
                        Tax Settings
                      </a>
                    </li>
                  </ul>
                </div>
                <div class="tab-content">
                  <!-- <div class="col-md-12" style="padding-top:20px;padding-bottom: 20px; ">
                      <div class="pull-right" style="font-size: 17px;color: red;font-weight: 700;"><a href="https://xosp.parextech.com/uploads/SettingsInstructions.pdf" target="_blank">Click here</a> to download instructions for the Settings.</div>
                    </div> -->
                  <div class="tab-pane active" id="OS">
                    <div class="row">                      
                      <div class="col-md-12">
                        <div class="form-group {{ $errors->has('xero_invoice_prefix') ? ' has-error' : '' }}">
                          <div class="next-label">XERO Prefix (For connecting multiple Shopline stores to one XERO account) </div>
                          <div class="row">
                            <div class="col-md-3">
                              <input class="form-control" type="text" name="xero_invoice_prefix" id="xero_invoice_prefix"  placeholder="XERO Prefix" value="{{ (!empty(@$settingData['id']))? @$settingData['xero_invoice_prefix'] : 'SL' }}" />
                              @if($editable == 'false')
                                <input type="hidden" name="xero_invoice_prefix" id="xero_invoice_prefix" value="{{ @$settingData['xero_invoice_prefix'] }}" />
                              @endif
                            </div>
                            <div class="col-md-12"><input type="checkbox" name="xero_invoice_prefix_req" id="xero_invoice_prefix_req" {{  (!empty(Input::old('xero_invoice_prefix_req')) || @$settingData['xero_invoice_prefix_req'] == "N")? 'checked' : '' }}  onclick="slPrefixChecked();"> Disable Prefix but Prefix is ideal if you have multiple Shopline store connected with same Xero</div>
                          </div>
                              @if(!empty($prefixLine) && $editable == 'true')
                                <p class="text-red font-13">Another Shopline store is already connected with this Xero organization using prefix : <b>{{ $prefixLine }}</b>. Please use a different prefix.</p>
                              @endif
                        </div>
                      </div> 
                      <div class="col-md-12">
                        <div class="form-group {{ $errors->has('sync_start_date') ? ' has-error' : '' }}">
                          <div class="next-label">What date do you want your data sync to XERO to start from?</div>  
                          <div class="row">
                            <div class="col-md-3">
                              <input type="text" class="datepicker form-control" style="margin-top:0px;" placeholder="Auto Sync Start Date" data-date-format="yyyy-mm-dd" name="sync_start_date"  data-date-start-date="{{date('Y-m-01',strtotime('-2 Months'))}}" id="sync_start_date"  value="{{ Input::old('sync_start_date', @$settingData['sync_start_date']) }}" >
                               @if($editable == "false")
                              <input type="hidden" name="sync_start_date" id="sync_start_date" value="{{Input::old('sync_start_date', @$settingData['sync_start_date'])}}" />
                              @endif
                            </div>
                            <div class="col-md-12"> 
                              <p class="field-info">If you prefer to sync orders before <b>"{{date('01 F Y',strtotime('-2 Months'))}}"</b>, please contact our support team from the Contact us page.</p>
                              <p class="field-info">There might be a small one-time fee for the backdated order sync based on the total orders required to be synced.</p>
                              <div class="text-red" style="font-size: 13px;">Note: Our app may not be able to recognize duplicates if you had entered them manually or with another app in the past. In that case there might be possible duplicate entries created. Please select the start date accordingly.</div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="col-md-12">
                        <div class="form-group {{ $errors->has('customer_creation') ? ' has-error' : '' }}">
                          <div class="next-label">XERO Customer Creation for Order Sync</div>
                          <div class="row">
                            <div class="col-md-5">
                              {{ Form::select('customer_creation', $customerType_list , Input::old('customer_creation', @$settingData['customer_creation']), array('id'=>'customer_creation','class'=>'form-control', 'style'=>'width:100%' , 'onchange' => "fetchAllCutomer(); customerTypeChange()")) }}
                            </div>
                          </div>
                        </div>
                      </div>  
                      <div class="col-md-12">
                        <div class="form-group hidden {{ $errors->has('customer_name') ? ' has-error' : '' }} customerName">
                          <div class="next-label">Select Customer</div>
                          <div class="row">
                            <div class="col-md-5" >
                              {{ Form::select('customer_name', $customerList , Input::old('customer_name', @$settingData['customer_name']), array('class'=>'form-control', 'style'=>'width:100%','id'=>'customer_name')) }}
                            </div>
                            <div class="col-md-1" style="line-height: 35px;text-align: center;"> - OR - </div>
                            <div class="col-md-3">
                              <button type="button" class="btn btn-success btn-wd" data-toggle="modal" data-target="#CustModal">Add New</button>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="tab-pane" id="PS">
                    <div class="row">
                      <div class="col-md-12">
                        <div class="form-group {{ $errors->has('sales_account') ? ' has-error' : '' }}">
                          <div class="next-label">Xero Account for Sales</div>  
                          <div class="row">
                            <div class="col-md-5">
                              {{ Form::select('sales_account', array(''=>'--- Select Account for Sales ---')+$salesDataList , Input::old('sales_account', $settingData['sales_account']), array('class'=>'form-control', 'style'=>'width:100%' , 'id'=>'sales_account')) }}
                            </div>
                            <div class="col-md-1" style="line-height: 35px;text-align: center;"> - OR - </div>
                            <div class="col-md-3">
                              <button type="button" class="btn btn-success btn-wd" onclick="modalOpen('sales_account')">Add New</button>
                            </div>
                            <input type="hidden" name="moresalesaccwithproduct" id="moresalesaccwithproduct">
                            @if($moreSales == true)
                              <div class="col-md-3">
                              <button type="button" class="btn btn-success btn-wd" onclick="openMoreSalesAccModel()">More Sales Account</button></div>
                            @endif
                            <div class="col-md-12 field-info">
                              This account books your revenue for sales.
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="col-md-12">
                        <div class="form-group {{ $errors->has('product_creation') ? ' has-error' : '' }}">
                          <div class="row">
                            <div class="col-md-5">
                              <div class="next-label">Xero Product creation for Order Sync</div>  
                              {{ Form::select('product_creation', $productType_list , Input::old('product_creation', @$settingData['product_creation']), array('id'=>'product_creation','class'=>'form-control', 'style'=>'width:100%' ,'onchange' => "fetchAllProduct('product_name','product_creation'); productTypeChange()")) }}
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="col-md-12" id="product_matching_div">
                        <div class="form-group {{ $errors->has('product_matching') ? ' has-error' : '' }}">
                          <div class="row">
                            <div class="col-md-12">
                              <input type="radio" name="product_matching" value="sku" {{  (!empty(@$settingData['product_matching'])) ? (!empty(Input::old('product_matching')) || @$settingData['product_matching'] == "sku")? 'checked' : '' : 'checked'}}   > <b>SKU matched against the Item code XERO field.</b><br>  
                            </div>
                            
                            <div class="col-md-12">
                              <input type="radio" name="product_matching" value="name" {{  (!empty(Input::old('product_matching')) || @$settingData['product_matching'] == "name")? 'checked' : '' }}  onclick="ProdMatchNameClick()" > <b>Title matched against the XERO Name field.</b><br>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="col-md-12">
                        <div class="form-group hidden {{ $errors->has('product_name ') ? ' has-error' : '' }} productName">
                          <div class="next-label">Select Product</div>
                          <div class="row">
                            <div class="col-md-5" id="productNameDroupDown">
                              {{ Form::select('product_name', $productList , Input::old('product_name  ', @$settingData['product_name']), array('class'=>'form-control', 'style'=>'width:100%','id'=>'product_name')) }}
                            </div>
                            <div class="col-md-1" style="line-height: 35px;text-align: center;"> - OR - </div>
                            <div class="col-md-3">
                              <button type="button" class="btn btn-success btn-wd" onclick="openProductModal('product_name');">Add New</button>
                            </div>
                          </div>
                        </div>

                      </div>
                      <div class="col-md-12"><hr></div>
                      <div class="col-md-12">
                        <div class="form-group {{ $errors->has('shipping_account') ? ' has-error' : '' }}">
                          <div class="next-label">Xero Account for Shipping</div>  
                          <div class="row">
                            <div class="col-md-5">
                              {{ Form::select('shipping_account', array(''=>'--- Select Account for Shipping ---')+$salesDataList , Input::old('shipping_account', $settingData['shipping_account']), array('class'=>'form-control', 'style'=>'width:100%' , 'id'=>'shipping_account')) }}
                            </div>
                            <div class="col-md-1" style="line-height: 35px;text-align: center;"> - OR - </div>
                            <div class="col-md-3">
                              <button type="button" class="btn btn-success btn-wd" onclick="modalOpen('shipping_account')">Add New</button>
                            </div>
                             <div class="col-md-12 field-info">
                              This account books your revenue for shipping.
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="col-md-12">
                        <div class="form-group {{ $errors->has('product_creation') ? ' has-error' : '' }}">
                          <div class="row">
                            <div class="col-md-5">
                              <div class="next-label">Xero Shipping Product creation for Order Sync</div>  
                              {{ Form::select('shipping_product_creation', $shippingType_list , Input::old('shipping_product_creation', @$settingData['shipping_product_creation']), array('id'=>'shipping_product_creation','class'=>'form-control', 'style'=>'width:100%' ,'onchange' => "fetchAllProduct('shipping_product_name','shipping_product_creation'); shippingproductTypeChange()")) }}
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="col-md-12">
                        <div class="form-group hidden {{ $errors->has('shipping_product_name ') ? ' has-error' : '' }} shippingproductname">
                          <div class="next-label">Select Shipping Product</div>
                          <div class="row">
                            <div class="col-md-5">
                              {{ Form::select('shipping_product_name', $productList , Input::old('shipping_product_name  ', @$settingData['shipping_product_name']), array('class'=>'form-control', 'style'=>'width:100%','id'=>'shipping_product_name')) }}
                            </div>
                            <div class="col-md-1" style="line-height: 35px;text-align: center;"> - OR - </div>
                            <div class="col-md-3">
                              <button type="button" class="btn btn-success btn-wd" onclick="openProductModal('shipping_product_name');">Add New</button>
                            </div>
                          </div>
                        </div>

                      </div>
                      {{--<div class="col-md-12">
                        <div class="form-group {{ $errors->has('track_inventory') ? ' has-error' : '' }}">
                          <div class="next-label">Track Inventory</div>  
                          <div class="row">
                            <div class="col-md-5">
                              {{ Form::select('track_inventory', $track_list , Input::old('track_inventory  ', @$settingData['track_inventory']), array('class'=>'form-control', 'style'=>'width:100%')) }}
                            </div>
                          </div>
                        </div>
                      </div>--}}                    
                    </div>
                  </div>
                  <div class="tab-pane" id="POS">
                    <div class="row">
                      <div class="col-md-12">
                        <div class="form-group {{ $errors->has('payment_account_deposit') ? ' has-error' : '' }}">
                          <div class="next-label">Xero Account for Payment Deposit ( Bank Account)</div>  
                          <div class="row">
                            <div class="col-md-5">
                               {{ Form::select('payment_account_deposit', array(''=>'--- Select Payment Deposit ---')+$bankDataList , Input::old('payment_account_deposit', @$settingData['payment_account_deposit']), array('class'=>'form-control', 'style'=>'width:100%' , 'id'=>'payment_account_deposit','onchange' => "chanagePayment()")) }}
                            </div>
                            <div class="col-md-1" style="line-height: 35px;text-align: center;"> - OR - </div>
                            <div class="col-md-3">
                              <button type="button" class="btn btn-success btn-wd" onclick="modalOpen('payment_account_deposit')">Add New</button>
                            </div>
                             <div class="col-md-12 field-info">
                              <p class="msgText col-md-12 field-info">Select account where you want payments to be deposited in.</p>
                              <div class="col-md-12">
                                This should be a Bank account if you want to use this for reconciling your bank deposits .<p class="text-red" style="font-size: 13px;">This account will be the default account for payments if other accounts below are blank.</p>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="col-md-12"></div>
                      <hr class="hr">
                        <div class="form-group {{ $errors->has('payout_account_fee_deposit') ? ' has-error' : '' }}">
                            <div class="next-label">Xero Account for Fees </div>  
                            <div class="row">
                              <div class="col-md-5">
                                 {{ Form::select('payout_account_fee_deposit', array(''=>'--- Select Payout Deposit Fee ---')+$payoutFeesDataList , Input::old('payout_account_fee_deposit', $settingData['payout_account_fee_deposit']), array('class'=>'form-control', 'style'=>'width:100%' , 'id'=>'payout_account_fee_deposit')) }}
                              </div>
                              <div class="col-md-1" style="line-height: 35px;text-align: center;"> - OR - </div>
                              <div class="col-md-3">
                                <button type="button" class="btn btn-success btn-wd" onclick="modalOpen('payout_account_fee_deposit')">Add New</button>
                              </div>
                              <div class="col-md-12 field-info">
                                This account is for Fees deducted by Shopline.
                              </div>
                            </div>
                          </div>
                        <div class="form-group">
                          <div class="mb-5"><input type="checkbox" name="payout_enable" id="payout_enable" {{  (!empty(@$settingData['id']))?(!empty(Input::old('payout_enable')) || @$settingData['payout_enable'] == "Y") ?'checked' : 
                             '':'checked' }} onclick="payoutChecked();"> PayOut Enabled</div>
                        </div>
                        <div class="col-md-12">
                         <div class="form-group {{ $errors->has('payout_holding_account') ? ' has-error' : '' }}">
                            <div class="next-label">Xero Account for Holding Account</div> 
                            <div class="row"> 
                              <div class="col-md-5">
                                <select name="payout_holding_account" id="payout_holding_account" class="form-control" onchange="chanagePayout()" style="width:100%">
                                <option value="">--- Select Payout Deposit  ---</option>
                                @foreach($currentDataList as $currentAccountListKey=>$currentAccountListVal)
                                                                    <option value="{{$currentAccountListKey}}"  selected>{{$currentAccountListVal}}</option>
                                @endforeach
                                </select>
                              </div>
                              <div class="col-md-1" style="line-height: 35px;text-align: center;"> - OR - </div>
                              <div class="col-md-3">
                                <button type="button" class="btn btn-success btn-wd" onclick="modalOpen('payout_holding_account')">Add New</button>
                              </div>
                              <div class="col-md-12 field-info">
                                This should be a Holding account. If you use Shopline Payments method, funds will temporarily be held in this account.
                              </div>
                            </div>
                          </div>
                          
                        </div>


                        
                    </div>
                  </div>
                  <div class="tab-pane" id="OP">
                      <div class="col-md-12">
                        <div class="form-group {{ $errors->has('other_payment_account') ? ' has-error' : '' }}">
                          <div class="next-label">Account for All Other Payment Method</div>
                          <div class="row">
                            <div class="col-md-5">
                              <select name="other_payment_account" id="other_payment_account" class="form-control" style="width:100%">
                                  <option value="">--- Select Payment Deposit  ---</option>
                                  @foreach($otherAccountList as $otherAccountListKey=>$otherAccountListVal)
                                                                        <option value="{{$otherAccountListKey}}" >{{$otherAccountListVal}}</option>
                                  @endforeach
                              </select>
                            </div>
                            <div class="col-md-1" style="line-height: 35px;text-align: center;"> - OR - </div>
                            <div class="col-md-3">
                              <button type="button" class="btn btn-success btn-wd" onclick="modalOpen('other_payment_account')">Add New</button>
                            </div>
                            <div class="col-md-12 field-info">
                              Payment received through other methods like cash, bank transfer or other payment gateway will be shown in this account.
                            </div>
                          </div>
                        </div>
                    </div>
                    <div class="col-md-12">
                      <div class="form-group {{ $errors->has('payment_account_giftcard ') ? ' has-error' : '' }}">
                        <div class="next-label">Xero Account for GiftCard Deposit</div>
                        <div class="row">
                          <div class="col-md-5">
                            <select name="payment_account_giftcard" id="payment_account_giftcard" class="form-control" style="width:100%">                                  
                              @foreach($giftCardDataList as $giftCardKey=>$giftCardVal)
                                                                <option value="{{$giftCardKey}}" selected>{{$giftCardVal}}</option>
                              @endforeach
                            </select>
                            <!-- {{ Form::select('payment_account_giftcard', $giftCardDataList , Input::old('payment_account_giftcard  ', @$settingData['payment_account_giftcard']), array('class'=>'form-control', 'style'=>'width:100%','id'=>'payment_account_giftcard')) }} -->
                          </div>
                          <div class="col-md-1" style="line-height: 35px;text-align: center;"> - OR - </div>
                          <div class="col-md-3">
                            <button type="button" class="btn btn-success btn-wd" onclick="modalOpen('payment_account_giftcard');">Add New</button>
                          </div>
                        </div>
                      </div>
                    </div>
                    @if(!empty($gateway_map))
                          @foreach($gateway_map as $gateway_map_key=>$gateway_map_value)
                           @if($gateway_map_key != '' && $gateway_map_key != null)
                            <div class="col-md-12">
                              <div class="form-group {{ $errors->has($gateway_map_key) ? ' has-error' : '' }}">
                                <div class="row">
                                  <div class="col-md-5">
                                    <div class="next-label">Xero Account for {{isset($paymentGateways[strtolower($gateway_map_key)]) ? $paymentGateways[strtolower($gateway_map_key)] : $gateway_map_key}} Payment Method</div>

                                    <select name="payment_gateway_map[{{$gateway_map_key}}]" id="{{$gateway_map_key}}" class="form-control" style="width:100%" onchange="checkForGatewayValue('{{$gateway_map_key}}')">
                                      <option value="">--- Select PayPal Deposit  ---</option>
                                      @foreach($otherAccountList as $otherAccountListKey=>$otherAccountListVal)
                                                                                <option value="{{$otherAccountListKey}}" selected>{{$otherAccountListVal}}</option>
                                      @endforeach
                                    </select>                                    
                                  </div>
                                  <div class="col-md-1" style="line-height: 3;padding-top: 20px;text-align: center;">- OR -</div>
                                  <div class="col-md-5" style="line-height: 3;padding-top: 20px;">
                                    <button type="button" class="btn btn-success btn-wd" onclick="modalOpen('{{$gateway_map_key}}')">Add New</button>
                                  </div>
                                  <div class="col-md-12 field-info msgText">
                                    Payment received through {{$gateway_map_key}} will be deposited in this account.
                                  </div>
                                </div>
                              </div>  
                            </div>    
                            @endif                      
                          @endforeach
                        @endif
                        @if(!empty($paymentGateways))
                        <button type="button" class="btn btn-success btn-wd" onclick="addMorePaymentGateways()">Add More Payment Gateways</button>
                        @endif
                      @if(!empty($expense_gateway_map))
                        @foreach($expense_gateway_map as $ekey => $evalue)
                          <div class="col-md-12">
                            <div class="form-group {{ $errors->has('expense_gateway_map') ? ' has-error' : '' }}">
                              <div class="next-label">Xero Account for {{ucfirst($ekey)}} Fee Deposit</div>  
                              <div class="row">
                                <div class="col-md-5">                                
                                <select name="expense_gateway_map[{{$ekey}}]" id="expense_gateway_map_{{$ekey}}" class="form-control" style="width:100%">
                                      <option value="">--- Select {{$ekey}} Deposit  ---</option>
                                      @foreach($expenseFeesDataList as $expenseListKey=>$expenseListVal)
                                        <option value="{{$expenseListKey}}" selected>{{$expenseListVal}}</option>
                                      @endforeach
                                  </select>
                                </div>
                                <div class="col-md-1" style="line-height: 3;text-align: center;">- OR -</div>
                                  <div class="col-md-5" style="line-height: 3;">
                                    <button type="button" class="btn btn-success btn-wd" onclick="modalOpen('{{$gateway_map_key}}')">Add New</button>
                                  </div>
                                  <div class="col-md-12 field-info msgText">
                                    Payment received through {{$gateway_map_key}} will be deposited in this account.
                                  </div>
                              </div>
                            </div>
                          </div>
                        @endforeach
                        @endif
                  </div>
                  <div class="tab-pane" id="TS">
                    <div class="row">
                      <div class="col-md-12">
                        <div class="form-group {{ $errors->has('taxCodeChkBox') ? ' has-error' : '' }}">
                          <input type="checkbox" name="taxCodeChkBox" id="taxCodeChkBox" {{  (!empty(Input::old('taxCodeChkBox')) || @$settingData['taxcode_enable'] == "YES")? 'checked' : '' }} onclick="taxCodeChecked();" /> Tax Exempt  <span class="field-info">
                              If you are not collecting tax from your customer or you are not required to collect tax. Please check this checkbox.
                        </span>
                        </div>
                        
                        <div class="form-group {{ $errors->has('sales_taxcode') ? ' has-error' : '' }}">
                          <div class="next-label">Sales TaxCode</div>  
                          <div class="row">
                            <div class="col-md-5">
                              {{ Form::select('sales_taxcode', $salesTaxDataList , Input::old('sales_taxcode', @$settingData['sales_taxcode']), array('class'=>'form-control', 'style'=>'width:100%' , 'id'=>'sales_taxcode')) }}
                            </div>
                            <div class="col-md-1" style="line-height: 35px;text-align: center;"> - OR - </div>
                            <div class="col-md-3">
                              <button type="button" class="btn btn-success btn-wd" onclick="openTaxModal('sales_taxcode')">Add New</button>
                            </div>
                          </div>
                       </div>
                      </div>
                      <div class="col-md-12">
                        <div class="form-group {{ $errors->has('zero_taxcode') ? ' has-error' : '' }}">
                          <div class="next-label">Zero TaxCode</div>  
                          <div class="row">
                            <div class="col-md-5">
                              {{ Form::select('zero_taxcode', $zeroTaxDataList , Input::old('zero_taxcode', @$settingData['zero_taxcode']), array('class'=>'form-control', 'style'=>'width:100%' , 'id'=>'zero_taxcode')) }}
                            </div>
                            <div class="col-md-1" style="line-height: 35px;text-align: center;"> <!-- - OR - --> </div>
                            <div class="col-md-3">
                              <!-- <button type="button" class="btn btn-success btn-wd" onclick="openTaxModal()">Add New</button> -->
                            </div>
                          </div>
                        </div>
                      <div class="form-group">
                        <button type="button" class="btn btn-success btn-wd" onclick="openAddTaxesModel()">Add More Tax</button>
                      </div>                      
                      </div>
                      <hr class="hr">

                      @if($store_country == 'US')
                      <div class="col-md-12" style="font-size: 15px;color: red;font-weight: 700;">                        
                        <div>Tax Configuration is mandatory for United States stores charging differential tax rates based on the customer states. <br/>US Tax Settings button will appear above once you finish & save these Settings 
                          <a href="#"  data-html="true" data-placement="top" data-toggle="popover" data-placement="top"data-trigger="hover" data-content="<img src='{{asset('assets/img/tax_settings_info.png')}}' style='width:100%''>"><i class="fa fa-info-circle" aria-hidden="true"></i></a>                          
                        </div><br/>                        
                      </div>
                      <!-- <hr class="hr"> -->
                      @endif

                      <!-- <div class="col-md-12">
                        <div class="form-group {{ $errors->has('shipping_taxcode') ? ' has-error' : '' }}">
                          <div class="next-label">Shipping TaxCode</div>  
                          <div class="row">
                            <div class="col-md-5">
                              {{ Form::select('shipping_taxcode', $shipping_taxcode , Input::old('shipping_taxcode', @$settingData['shipping_taxcode']), array('class'=>'form-control', 'style'=>'width:100%' , 'id'=>'shipping_taxcode')) }}
                            </div>
                            <div class="col-md-1" style="line-height: 35px;text-align: center;"> </div>
                            <div class="col-md-3">
                            </div>
                          </div>
                        </div>
                      </div> -->
                      
                       @if($xero_base_currency == "CAD" || $SlCurrency == "CAD" || $XoCountry=='CA')
                          <div class="col-md-12" style="font-size: 15px;color: red;font-weight: 700;">
                            <hr>
                            <div>The following Tax Configuration is mandatory for Canada stores charging differential tax rates based on the customer province. If you do not select a Tax Rate for specific province, the rate selected above will be used as Default.</div>
                            <div style="margin-top: 7px;">
                              <input type="hidden" name="otherTaxCodeForCAD" id="otherTaxCodeForCAD">
                              <button type="button" class="btn btn-info" data-toggle="modal" data-target="#canada-tax-settings">Provincial Tax Rates for Canada</a>
                            </div>
                            <hr>
                          </div>
                        @endif
                       @if(($xero_base_currency == "GBP" || $XoCountry=='UK') || in_array($SlCountry,array_values(config('app.EUR_COUNTRIES'))))
                          <div class="col-md-12" style="font-size: 15px;color: red;font-weight: 700;">
                            <hr>
                            <div>The following Tax Configuration is mandatory for Europe stores charging differential tax rates based on the customer country. If you do not select a Tax Rate for specific country, the rate selected above will be used as Default.</div>
                            <div style="margin-top: 7px;">
                              <input type="hidden" name="multiCountrytaxCode" id="multiCountrytaxCode">
                              <button type="button" class="btn btn-info" data-toggle="modal" data-target="#euro-tax-settings">Country Tax Rates for Europe</a>
                            </div>
                            <hr>
                          </div>
                        @endif
                                          </div>
                  </div>
                    <input type="hidden" name="taxFormTaxRate" id="taxFormTaxRate"/>
                  <input type="hidden" name="taxFormTaxCode" id="taxFormTaxCode"/>
                  <input type="hidden" name="paymentgatewaymapping" id="paymentgatewaymapping" value='{{$gateway_map_val}}'></input>                  

                  {{ Form::close() }}  
                </div>
                <div class="wizard-footer">
                  <div class="pull-right">
                    <input type="button" class="btn btn-next btn-success btn-wd" name="next" value="Next" style="">
                    @if($adminFlg == false)
                      <input  type="button" class="btn btn-finish btn-success btn-wd" name="finish" id="patientSubmit" value="Finish" style="display: none;" onclick="storeSettings();">
                    @endif
                  </div>
                  <div class="pull-left">
                    <input type="button" class="btn btn-previous btn-warning btn-wd disabled" name="previous" value="Previous">
                  </div>
                  <div class="clearfix"></div>
                </div>
              </div>
            </div>
             <div class="text-center">
              @if($adminFlg == false)
                <button onclick="disconnectCompany();" class="btn btn-danger btn-wd"><i class="fa fa-remove icon-white"></i> Disconnect {{ $company_name }} </button>
              @else
              <div class="text-center">     
              {{$company_name}}</div>
              @endif
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title" id="mdlHeader"></h4>
      </div>
      <div class="modal-body">
          <input  type="hidden" name="selectID" id="selectID" />
        <form name="saveAccType" id="saveAccType" method="POST">
          <div class="row">
            <div class="col-md-12" id="AccountTypeDiv"> 
              <div class="form-group">
                <div class="next-label">Select Account Type</div>  
                <select name="AccountType" id="AccountType" class="form-control">
                  
                </select>
              </div>
            </div>
            <div class="col-md-12 "> 
              <div class="form-group">
                <div class="next-label">Enter Account Type Name</div>  
                <input class="form-control" type="text" name="TypeName" id="TypeName" placeholder="Enter Account Type Name" />
              </div>
            </div>
                      </div>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary" onclick="saveAccountType($('#selectID').val())">Save</button>
      </div>
    </div>

  </div>
</div>
<div id="CustModal" class="modal fade" role="dialog">
  <div class="modal-dialog">
    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Create New Customer</h4>
      </div>
      <div class="modal-body">
        <form name="saveCutsomerFrm" id="saveCutsomerFrm" method="POST">
          <div class="row">
            <div class="col-md-12 "> 
              <div class="form-group">
                <div class="next-label">Enter Customer Name</div>  
                <input class="form-control" type="text" name="customerNameModal" id="customerNameModal" placeholder="Enter Customer Name" />
              </div>
            </div>
          </div>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary" onclick="saveCutsomer()">Save</button>
      </div>
    </div>

  </div>
</div>
<div id="ProdModal" class="modal fade" role="dialog">
  <div class="modal-dialog">
    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Create New Product</h4>
      </div>
      <div class="modal-body">
        <form name="saveProductFrm" id="saveProductFrm" method="POST">
                <input  type="hidden" name="productID" id="productID" />
          <div class="row">
            <div class="col-md-12 "> 
              <div class="form-group">
                <div class="next-label">Enter Product Name</div>  
                <input class="form-control" type="text" name="productNameModal" id="productNameModal" placeholder="Enter Product Name" />
              </div>
            </div>
            <div class="col-md-12 "> 
              <div class="form-group">
                <div class="next-label">Enter Product Code</div>  
                <input class="form-control" type="text" name="productCodeModal" id="productCodeModal" placeholder="Enter Product Code" value="spy_product" />
              </div>
            </div>
            <div class="col-md-12 "> 
              <div class="form-group">
                <div class="next-label">Enter Product Sales Account</div>  
                {{ Form::select('productaccModal', array(''=>'--- Select Account for Product ---')+$salesDataList , Input::old('productaccModal', ''), array('class'=>'form-control', 'style'=>'width:100%' , 'id'=>'productaccModal')) }}
              </div>
            </div>
          </div>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary" onclick="saveProduct()">Save</button>
      </div>
    </div>

  </div>
</div>
<div id="TaxModal" class="modal fade" role="dialog" style="z-index: 9999;">
  <div class="modal-dialog">
    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Create New Tax</h4>
      </div>
      <div class="modal-body">
        <form name="saveTaxFrm" id="saveTaxFrm" method="POST">
          <input type="hidden" name="taxID" id="taxID">
          <div class="row">
            <div class="col-md-12 "> 
              <div class="form-group">
                <div class="next-label">Tax Rate Display Name</div>  
                <input class="form-control" type="text" name="TaxName" id="TaxName" placeholder="Enter Tax Rate Display Name" />
              </div>
            </div>
            <div class="col-md-12 "> 
              <div class="form-group">
                <div class="next-label">Tax Components</div>  
                <div class="row">
                  <div class="col-md-6">
                    <input class="form-control" type="text" name="NameComponent" id="NameComponent" placeholder="Enter Tax Name"  />
                  </div>
                  <div class="col-md-5">
                    <input class="form-control" type="text" name="RateComponent" id="RateComponent" placeholder="Enter Tax Rate" style="display: inline-block;width: auto;margin-right: 5px;"  />%
                  </div>
                </div>
              </div>
            </div>
          </div>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary" onclick="saveTax()">Save</button>
      </div>
    </div>

  </div>
</div>
            
@if($xero_base_currency == "CAD" || $SlCurrency == "CAD" || $XoCountry=='CA')
<div class="modal fade" id="canada-tax-settings" style="display: none;">
  <div class="modal-dialog" style="width: 800px;">
    <div class="modal-content">
      <form id="CADTaxSetting" class="" name="CADTaxSetting" autocomplete="off" role="form" >
        <h4 class="modal-header" style="margin-bottom: 15px;">Set Tax Code for Canada
            <button type="button" class="btn btn-primary pull-right" onclick="openTaxModal('')" style="margin-top: -10px;">Add New Tax Rate</button>
        </h4>
        <div class="modal-body">
          <div class="row cad-tax-row">
            <div class="col-md-6">
            <div class="form-group col-md-12">
              <div class="next-label col-md-5" style="line-height: 35px">Alberta</div>
              <div class="col-md-7">
               {{ Form::select('Alberta', $salesTaxDataList , Input::old('Alberta', @$canadaTaxData['Alberta']), array('class'=>'form-control', 'style'=>'width:100%' , 'id'=>'AB','style'=>'padding: 7px 2px;')) }}
               </div>
               <!-- <div class="col-md-1" style="line-height : 35px"><button type="button" class="btn btn-success btn-sm btn-icon" onclick="openTaxModal('AB')"><i class="fa fa-plus" aria-hidden="true"></i></button></div> -->
            </div>
            <div class="form-group col-md-12">
              <div class="next-label col-md-5" style="line-height: 35px">British Columbia</div>
              <div class="col-md-7">
               {{ Form::select('British Columbia', $salesTaxDataList , Input::old('British Columbia', @$canadaTaxData['British Columbia']), array('class'=>'form-control', 'style'=>'width:100%' , 'id'=>'SL','style'=>'padding: 7px 2px;')) }}
               </div>
               <!-- <div class="col-md-1" style="line-height : 35px"><button type="button" class="btn btn-success btn-sm btn-icon" onclick="openTaxModal('SL')"><i class="fa fa-plus" aria-hidden="true"></i></button></div> -->
            </div>
            <div class="form-group col-md-12">
              <div class="next-label col-md-5" style="line-height: 35px">Manitoba</div>
              <div class="col-md-7">
               {{ Form::select('Manitoba', $salesTaxDataList , Input::old('Manitoba', @$canadaTaxData['Manitoba']), array('class'=>'form-control', 'style'=>'width:100%' , 'id'=>'MB','style'=>'padding: 7px 2px;')) }}
               </div>
               <!-- <div class="col-md-1" style="line-height : 35px"><button type="button" class="btn btn-success btn-sm btn-icon" onclick="openTaxModal('MB')"><i class="fa fa-plus" aria-hidden="true"></i></button></div> -->
            </div>
            <div class="form-group col-md-12">
              <div class="next-label col-md-5" style="line-height: 35px">New Brunswick</div>
              <div class="col-md-7">
               {{ Form::select('New Brunswick', $salesTaxDataList , Input::old('New Brunswick', @$canadaTaxData['New Brunswick']), array('class'=>'form-control', 'style'=>'width:100%' , 'id'=>'NB','style'=>'padding: 7px 2px;')) }}
               </div>
               <!-- <div class="col-md-1" style="line-height : 35px"><button type="button" class="btn btn-success btn-sm btn-icon" onclick="openTaxModal('NB')"><i class="fa fa-plus" aria-hidden="true"></i></button></div> -->
            </div>
            <div class="form-group col-md-12">
              <div class="next-label col-md-5" style="line-height: 35px">Newfoundland & Labrador</div>
              <div class="col-md-7">
               {{ Form::select('Newfoundland and Labrador', $salesTaxDataList , Input::old('Newfoundland and Labrador', @$canadaTaxData['Newfoundland and Labrador']), array('class'=>'form-control', 'style'=>'width:100%' , 'id'=>'NL','style'=>'padding: 7px 2px;')) }}
               </div>
               <!-- <div class="col-md-1" style="line-height : 35px"><button type="button" class="btn btn-success btn-sm btn-icon" onclick="openTaxModal('NL')"><i class="fa fa-plus" aria-hidden="true"></i></button></div> -->
            </div>
            <div class="form-group col-md-12">
              <div class="next-label col-md-5" style="line-height: 35px">Nova Scotia</div>
              <div class="col-md-7">
               {{ Form::select('Nova Scotia', $salesTaxDataList , Input::old('Nova Scotia', @$canadaTaxData['Nova Scotia']), array('class'=>'form-control', 'style'=>'width:100%' , 'id'=>'NS','style'=>'padding: 7px 2px;')) }}
               </div>
               <!-- <div class="col-md-1" style="line-height : 35px"><button type="button" class="btn btn-success btn-sm btn-icon" onclick="openTaxModal('NS')"><i class="fa fa-plus" aria-hidden="true"></i></button></div> -->
            </div>
            
          </div>
          <div class="col-md-6">
            <div class="form-group col-md-12">
              <div class="next-label col-md-5" style="line-height: 35px">Northwest Territories</div>
              <div class="col-md-7">
               {{ Form::select('Northwest Territories', $salesTaxDataList , Input::old('Northwest Territories', @$canadaTaxData['Northwest Territories']), array('class'=>'form-control', 'style'=>'width:100%' , 'id'=>'NT','style'=>'padding: 7px 2px;')) }}
               </div>
               <!-- <div class="col-md-1" style="line-height : 35px"><button type="button" class="btn btn-success btn-sm btn-icon" onclick="openTaxModal('NT')"><i class="fa fa-plus" aria-hidden="true"></i></button></div> -->
            </div>
            <div class="form-group col-md-12">
              <div class="next-label col-md-5" style="line-height: 35px">Nunavut</div>
              <div class="col-md-7">
               {{ Form::select('Nunavut', $salesTaxDataList , Input::old('Nunavut', @$canadaTaxData['Nunavut']), array('class'=>'form-control', 'style'=>'width:100%' , 'id'=>'NU','style'=>'padding: 7px 2px;')) }}
               </div>
               <!-- <div class="col-md-1" style="line-height : 35px"><button type="button" class="btn btn-success btn-sm btn-icon" onclick="openTaxModal('NU')"><i class="fa fa-plus" aria-hidden="true"></i></button></div> -->
            </div>
            <div class="form-group col-md-12">
              <div class="next-label col-md-5" style="line-height: 35px">Ontario</div>
              <div class="col-md-7">
               {{ Form::select('Ontario', $salesTaxDataList , Input::old('Ontario', @$canadaTaxData['Ontario']), array('class'=>'form-control', 'style'=>'width:100%' , 'id'=>'ON','style'=>'padding: 7px 2px;')) }}
               </div>
               <!-- <div class="col-md-1" style="line-height : 35px"><button type="button" class="btn btn-success btn-sm btn-icon" onclick="openTaxModal('ON')"><i class="fa fa-plus" aria-hidden="true"></i></button></div> -->
            </div>
            <div class="form-group col-md-12">
              <div class="next-label col-md-5" style="line-height: 35px">Prince Edward Island</div>
              <div class="col-md-7">
               {{ Form::select('Prince Edward Island', $salesTaxDataList , Input::old('Prince Edward Island', @$canadaTaxData['Prince Edward Island']), array('class'=>'form-control', 'style'=>'width:100%' , 'id'=>'PE','style'=>'padding: 7px 2px;')) }}
               </div>
               <!-- <div class="col-md-1" style="line-height : 35px"><button type="button" class="btn btn-success btn-sm btn-icon" onclick="openTaxModal('PE')"><i class="fa fa-plus" aria-hidden="true"></i></button></div> -->
            </div>
            <div class="form-group col-md-12">
              <div class="next-label col-md-5" style="line-height: 35px">Quebec</div>
              <div class="col-md-7">
               {{ Form::select('Quebec', $salesTaxDataList , Input::old('Quebec', @$canadaTaxData['Quebec']), array('class'=>'form-control', 'style'=>'width:100%' , 'id'=>'QC','style'=>'padding: 7px 2px;')) }}
               </div>
               <!-- <div class="col-md-1" style="line-height : 35px"><button type="button" class="btn btn-success btn-sm btn-icon" onclick="openTaxModal('QC')"><i class="fa fa-plus" aria-hidden="true"></i></button></div> -->
            </div>
            <div class="form-group col-md-12">
              <div class="next-label col-md-5" style="line-height: 35px">Saskatchewan</div>
              <div class="col-md-7">
               {{ Form::select('Saskatchewan', $salesTaxDataList , Input::old('Saskatchewan', @$canadaTaxData['Saskatchewan']), array('class'=>'form-control', 'style'=>'width:100%' , 'id'=>'SK','style'=>'padding: 7px 2px;')) }}
               </div>
               <!-- <div class="col-md-1" style="line-height : 35px"><button type="button" class="btn btn-success btn-sm btn-icon" onclick="openTaxModal('SK')"><i class="fa fa-plus" aria-hidden="true"></i></button></div> -->
            </div>
            <div class="form-group col-md-12">
              <div class="next-label col-md-5" style="line-height: 35px">Yukon</div>
              <div class="col-md-7">
               {{ Form::select('Yukon', $salesTaxDataList , Input::old('Yukon', @$canadaTaxData['Yukon']), array('class'=>'form-control', 'style'=>'width:100%' , 'id'=>'YT','style'=>'padding: 7px 2px;')) }}
               </div>
               <!-- <div class="col-md-1" style="line-height : 35px"><button type="button" class="btn btn-success btn-sm btn-icon" onclick="openTaxModal('YT')"><i class="fa fa-plus" aria-hidden="true"></i></button></div> -->
            </div>
          </div>
        </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
          <button type="button" class="btn btn-primary" data-dismiss="modal">Save</button>
        </div>
      </form>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>
@endif
@if(($xero_base_currency == "GBP" || $XoCountry=='UK') || in_array($SlCountry,array_values(config('app.EUR_COUNTRIES'))))
<div class="modal fade" id="euro-tax-settings" style="display: none;">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-body ">
        <h4 class="modal-title" style="margin-bottom: 5px;">Set Tax Code for Europe & ROW</h4>
        <div class="row">
          <div class="col-md-12">
            <hr style="margin-top: 10px;margin-bottom: 10px;">
          </div>
        </div>
        <form id="euroTaxSetting" class="" name="euroTaxSetting" autocomplete="off" role="form" >
          <div class="row cad-tax-row">
            <div class="col-md-12">
              <div class="form-group col-md-4" style="margin-bottom: 0;">
                <div class="next-label">EU Zero tax code</div>
                <div class="col-md-12">
                 {{ Form::select("EUZEROTAX", array_merge($zeroTaxDataList,array(""=>'--- Select Tax Type ---')) , Input::old('EUZEROTAX',@$countryTaxData['EUZEROTAX']), array('class'=>'form-control', 'style'=>'width:100%' , 'id'=>'EUZEROTAX','style'=>'padding: 7px 2px;')) }}
                 </div>
              </div>
              <div class="form-group col-md-4" style="margin-bottom: 0;">
                <div class="next-label">Rest of world Sales tax code</div>
                <div class="col-md-12">
                 {{ Form::select("ROWSALESTAX", array_merge($salesTaxDataList,array(""=>'--- Select Tax Type ---')) , Input::old('ROWSALESTAX',@$countryTaxData['ROWSALESTAX']), array('class'=>'form-control', 'style'=>'width:100%' , 'id'=>'ROWSALESTAX','style'=>'padding: 7px 2px;')) }}
                 </div>
              </div>
              <div class="form-group col-md-4" style="margin-bottom: 0;">
                <div class="next-label">Rest of world Zero tax code</div>
                <div class="col-md-12">
                 {{ Form::select("ROWZEROTAX", array_merge($zeroTaxDataList,array(""=>'--- Select Tax Type ---')) , Input::old('ROWZEROTAX',@$countryTaxData['ROWZEROTAX']), array('class'=>'form-control', 'style'=>'width:100%' , 'id'=>'ROWZEROTAX','style'=>'padding: 7px 2px;')) }}
                 </div>
              </div>
            </div>
            <div class="col-md-12"><hr style="margin-top: 10px;margin-bottom: 10px;"></div>
            <div class="col-md-12 form-group" style="margin-bottom: 0;">
              <div class="col-md-4 col-md-offset-1">
               <div class="next-label" style="float: right; line-height: 36px; "> Set Tax Code for All Europe Countries</div> </div>
              <div class="col-md-4">
                {{ Form::select('All_Europe_Countries', array_merge($salesTaxDataList,$zeroTaxDataList,array(""=>'--- Select Tax Type ---')) , NULL , array('class'=>'form-control', 'style'=>'width:100%' , 'id'=>'All_Europe_Countries','style'=>'padding: 7px 2px;')) }}
              </div>
              <div class="col-md-2">
                <button type="button" class="btn btn-default" onclick="setAlltoUR()">Set To All</button>
              </div>
            </div>
            <div class="col-md-12"><hr style="margin-top: 10px;margin-bottom: 10px;"></div>
            <div class="col-md-12">
              @foreach(config('app.EUR_COUNTRIES') as $key => $value)
                <div class="form-group col-md-4">
                  <div class="next-label">{{ $key }}</div>
                  <div class="col-md-12">
                   {{ Form::select($value, array_merge($salesTaxDataList,$zeroTaxDataList,array(""=>'--- Select Tax Type ---')) , Input::old($value,@$countryTaxData[$value]), array('class'=>'form-control Europe_Countries', 'style'=>'width:100%' , 'id'=>$value,'style'=>'padding: 7px 2px;')) }}
                   </div>
                </div>
              @endforeach
            </div>            
              
          </div>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary" data-dismiss="modal">Save</button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>
@endif

<div class="modal fade" id="modal-taxes" style="display: none;">
  <div class="modal-dialog" >
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">×</span></button>
        <h4 class="modal-title">Add More Taxes</h4>
      </div>
      <form id="tax-form" class="" method="post" action="" autocomplete="off" role="form" enctype="multipart/form-data">
      <div class="modal-body">
      <div id="taxrate_error" style="color: red;display: none;" > Tax Rate can't be same</div> 
      <div id="taxcode_error" style="color: red;display: none;" > Tax Rate must have Tax Code</div>
        @if(!empty($multicode))
        <div class="form-group col-md-12">
          <div class="col-md-5">
            <div class="next-label">Tax Rate (In %)</div>
              <input class="form-control" type="text" name="taxrate_except" id="taxrate_except"  placeholder="Tax Rate" value="Tax Exempt" readonly="readonly"  />
          </div>

          <div class="col-md-5">
            <div class="next-label">Xero Sales TaxCode</div>              
              <select class="form-control" name="qb_taxcode_except" id="qb_taxcode_except">
                @foreach($salesTaxDataList as $k=>$v)
                  <option value="{{$k}}" >{{$v}}</option>
                @endforeach
              </select>
          </div>  
          <a href="javascript:void(0);" class="add_button col-md-1" title="Add field" style="line-height: 80px;"><img style="height:22px;width:22px;" src="{{asset('assets/img/add.png')}}"/></a>       
        </div>    
            
        <div class="form-group col-md-12 field_wrapper">
          @foreach($multicode as $keyy=>$valuee)
            @if($keyy != 'No')
            <div>
              <div class="col-md-5">
                <div class="next-label">Tax Rate (In %)</div>
                <select class="form-control" name="tax_rate" id="tax_rate">
                    @foreach($salesRateDataList as $k=>$v)
                      <option value="{{$k}}" selected>{{$v}}</option>
                    @endforeach
                </select>
              </div>

              <div class="col-md-5">
                <div class="next-label">Xero Sales TaxCode</div>              
                  <select class="form-control" name="qb_taxcode" id="qb_taxcode">
                    @foreach($salesTaxDataList as $k=>$v)
                      <option value="{{$k}}" selected>{{$v}}</option>
                    @endforeach
                  </select>
              </div>  
              
              <a href="javascript:void(0);" class="remove_button col-md-1" style="line-height: 80px;"><img style="height:20px;width:20px;" src="{{asset('assets/img/remove.png')}}"/></a>  
              </div>    
            @endif
          @endforeach
          <!-- <div class="col-md-5">
            <div class="next-label">Tax Rate (In %)</div>
              <input class="form-control" type="text" name="tax_rate" id="tax_rate"  placeholder="Tax Rate" onkeypress="return isNumberKey(event)"/>
          </div>

          <div class="col-md-5">
            <div class="next-label">Xero Sales TaxCode</div>              
              <select class="form-control" name="qb_taxcode" id="qb_taxcode">
                @foreach($salesTaxDataList as $k=>$v)
                  <option value="{{$k}}">{{$v}}</option>
                @endforeach
              </select>
          </div>  
          
          <a href="javascript:void(0);" class="add_button col-md-1" title="Add field" style="line-height: 80px;"><img style="height:22px;width:22px;" src="{{asset('assets/img/add.png')}}"/></a>  -->
                 
        </div> 
        @else
        <div class="form-group col-md-12">
          <div class="col-md-5">
            <div class="next-label">Tax Rate (In %)</div>
              <input class="form-control" type="text" name="taxrate_except" id="taxrate_except"  placeholder="Tax Rate" value="Tax Exempt" readonly="readonly"  />
          </div>

          <div class="col-md-5">
            <div class="next-label">Xero Sales TaxCode</div>              
              <select class="form-control" name="qb_taxcode_except" id="qb_taxcode_except">
                @foreach($salesTaxDataList as $k=>$v)
                  <option value="{{$k}}">{{$v}}</option>
                @endforeach
              </select>
          </div>         
        </div>        
        <div class="form-group col-md-12 field_wrapper">
          <div class="col-md-5">
            <div class="next-label">Tax Rate (In %)</div>
             <select class="form-control" name="tax_rate" id="tax_rate">
                    @foreach($salesRateDataList as $k=>$v)
                      <option value="{{$k}}">{{$v}}</option>
                    @endforeach
                </select>
          </div>

          <div class="col-md-5">
            <div class="next-label">Xero Sales TaxCode</div>              
              <select class="form-control" name="qb_taxcode" id="qb_taxcode">
                @foreach($salesTaxDataList as $k=>$v)
                  <option value="{{$k}}">{{$v}}</option>
                @endforeach
              </select>
          </div>  
          <div class="col-md-1">
          <a href="javascript:void(0);" class="add_button" title="Add field" style="line-height: 80px;"><img style="height:22px;width:22px;" src="{{asset('assets/img/add.png')}}"/></a>    </div>      
        </div>
        @endif
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary" onclick="saveAddOnTaxes();">Save</button>
      </div>
    </form>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>
<div class="modal fade" id="modal-sales-acc" style="display: none;">
  <div class="modal-dialog" >
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">×</span></button>
        <h4 class="modal-title">Add More Sales Account</h4>
      </div>
      <form id="sales-acc-form" class="" method="post" action="" autocomplete="off" role="form" enctype="multipart/form-data">
      <div class="modal-body">
        <div class="col-md-12">
        <div class="col-md-12" id="samesalesacc_error" style="color: red;display: none;" > Product Type can't be same</div> 
        <div class="col-md-12" id="salesacc_error" style="color: red;display: none;" > Product Type must have Account</div>  
        </div>      
        <div class="form-group col-md-12 field_wrapper_sales_account">
          <div>
            <div class="col-md-5">
              <div class="next-label">Product Type</div>
                <select class="form-control" name="moreproducttype_1" id="moreproducttype_1">
                  @foreach($productType as $k=>$v)
                    <option value="{{$k}}">{{$v}}</option>
                  @endforeach
                </select>
            </div>

            <div class="col-md-5">
              <div class="next-label">Account</div>              
                <select class="form-control" name="moresalesaccount_1" id="moresalesaccount_1">
                  @foreach($salesDataFeaList as $k=>$v)
                    <option value="{{$k}}">{{$v}}</option>
                  @endforeach
                </select>
            </div>  
            <div class="col-md-1">
              <a href="javascript:void(0);" class="add_button_sales_account" title="Add field" style="line-height: 80px;"><img style="height:22px;width:22px;" src="{{asset('assets/img/add.png')}}"/></a>    
            </div>      
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary" onclick="saveMoreSalesAcc();">Save</button>
      </div>
    </form>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>

<div class="modal fade" id="addMorePaymentGateways" style="display: none;">
  <div class="modal-dialog" style="width: 800px;">
    <div class="modal-content">
      <form id="PaymentGatewayMappingForm" class="" name="PaymentGatewayMappingForm" autocomplete="off" role="form" >
        <div class="modal-body">
          <h4 class="modal-title" style="margin-bottom: 5px;">Payment gateway Mapping</h4>
          <div class="row">
            <div class="col-md-12 field_wrapper_payment_gateway">
            <div class="">
              <div class="col-md-5">
                <div class="next-label">Payment Gateway Name</div>
                <select class="form-control" name="gateway_map_name" id="gateway_map_name">
                  <option value="">--- Select Payment Deposit ---</option>
                  @foreach($paymentGateways as $k=>$v)
                    <option value="{{$k}}">{{$v}}</option>
                  @endforeach
                </select>
                
              </div>
              <div class="col-md-5">
                <div class="next-label">Account</div>
                <select class="form-control" name="gateway_map_acc" id="gateway_map_acc">
                  <option value="">--- Select Payment Deposit ---</option>
                  @foreach($otherAccountList as $k=>$v)
                                    <option value="{{$k}}" >{{$v}}</option>
                  @endforeach
                </select>
              </div>
              <a href="javascript:void(0);" class="add_button_pg col-md-1" title="Add field" style="line-height: 80px;margin-top: 28px;"><img style="height:22px;width:22px;" src="{{asset('assets/img/add.png')}}"/></a>
            </div>
          </div>
        </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
          <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="morePaymentGatewaysSave()">Save</button>
        </div>
      </form>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>

@stop
@section('moar_scripts')

<!-- wizard js -->
<script src="{{asset('assets/js/jquery.bootstrap.wizard.js')}}"></script>
<script src="{{asset('assets/js/paper-bootstrap-wizard.js')}}"></script>
<script src="{{ asset('assets/js/bootbox.min.js') }}"></script>

<script type="text/javascript">
  var $validator;
  var y = 1;
  $(document).ready(function(){
    @if($auth == "true")
      
    @endif
    $('.datepicker').datepicker({
        pickerPosition: 'bottom-left',
        autoclose: true,
    });
  $.validator.addMethod("notEqual", function(value, element, param) {
 return this.optional(element) || value != $(param).val();
}, "Bank Account for Payouts and Payment Deposit should be different.");
$.validator.addMethod("EqualCUR", function(value, element, param) {
 return this.optional(element) || $(element).attr('selectedcur') == $(param).attr('selectedcur');
}, "Bank Account for Payouts and Payment Deposit currency should be Same.");

     $validator = $('#create-form').validate({
              rules: {
                sync_start_date: {
                       required: true
                    },
                    sales_account: {
                       required: true
                    },
                    shipping_account: {
                       required: true
                    },
                    product_creation: {
                       required: true
                    },
                    shipping_product_creation: {
                       required: true
                    },
                    product_name: {
                       required: true
                    },
                    track_inventory: {
                       required: true
                    },
                    customer_creation: {
                       required: true
                    },
                    customer_name: {
                       required: true
                    },
                    payment_account_deposit: {
                       required: true,
                       //notEqual : '#payout_holding_account'
                    },
                    payment_account_refund: {
                       required: true
                    },
                    sales_taxcode: {
                       required: true
                    },
                    zero_taxcode: {
                       required: true
                    },
                    xero_invoice_prefix: {
                       // required: true,
                        maxlength : 2
                    }                    
                }
          });
         customerTypeChange();
      productTypeChange();
      shippingproductTypeChange();
      payoutChecked();
      taxCodeChecked();
      chanagePayment();
      changePaypal();
      $('#sync_start_date').keypress(function(event) {
       event.preventDefault();
       return false;
      });
        //add more functionality
        var maxField = 200; //Input fields increment limitation
        var addButton = $('.add_button'); //Add button selector
        var wrapper = $('.field_wrapper'); //Input field wrapper
        var fieldHTML = '<div><div class="col-md-5"><div class="next-label">Tax Rate (In %)</div><select class="form-control" name="tax_rate" id="tax_rate"> @foreach($salesRateDataList as $k=>$v) <option value="{{$k}}">{{$v}}</option> @endforeach </select></div><div class="col-md-5"><div class="next-label">Xero Sales TaxCode</div><select class="form-control" name="qb_taxcode" id="qb_taxcode">@foreach($salesTaxDataList as $k=>$v)<option value="{{$k}}">{{$v}}</option>@endforeach</select></div><a href="javascript:void(0);" class="remove_button col-md-1" style="line-height: 80px;"><img style="height:20px;width:20px;" src="{{asset("assets/img/remove.png")}}"/></a></div></div>'; //New input field html 
        var x = 1; //Initial field counter is 1
        
        //Once add button is clicked
        $(addButton).click(function(){
            //Check maximum number of input fields
            if(x < maxField){ 
                x++; //Increment field counter
                $(wrapper).append(fieldHTML); //Add field html
            }
        });
        
        //Once remove button is clicked
        $(wrapper).on('click', '.remove_button', function(e){
            e.preventDefault();
            $(this).parent('div').remove(); //Remove field html
            x--; //Decrement field counter
        });
         //field_wrapper_sales_account
        //add more functionality for sales account
        
        var maxField_sales = 500; //Input fields increment limitation
        var addButton_sales = $('.add_button_sales_account'); //Add button selector
        var wrapper_sales = $('.field_wrapper_sales_account'); //Input field wrapper
        
        //Once add button is clicked
        $(addButton_sales).click(function(){
            //Check maximum number of input fields
            if(y < maxField_sales){ 
                y++; //Increment field counter
                var fieldHTML = '<div class="remove_sales_div"><div class="col-md-5"><div class="next-label">Product Type</div><select class="form-control" name="moreproducttype_'+y+'" id="moreproducttype_'+y+'">@foreach($productType as $k=>$v)<option value="{{$k}}">{{$v}}</option>@endforeach</select></div><div class="col-md-5"><div class="next-label">Account</div><select class="form-control" name="moresalesaccount_'+y+'" id="moresalesaccount_'+y+'">@foreach($salesDataFeaList as $k=>$v)<option value="{{$k}}">{{$v}}</option>@endforeach</select></div><a href="javascript:void(0);" class="remove_button_sales_account col-md-1" style="line-height: 80px;"><img style="height:20px;width:20px;" src="{{asset("assets/img/remove.png")}}"/></a></div></div>';
                $(wrapper_sales).append(fieldHTML); //Add field html
            }
        });
        
        //Once remove button is clicked
        $(wrapper_sales).on('click', '.remove_button_sales_account', function(e){
            e.preventDefault();
            $(this).parent('div').remove(); //Remove field html
            y--; //Decrement field counter
        });


        //add more functionality
        var maxFieldPG = 25; //Input fields increment limitation
        var addButtonPG = $('.add_button_pg'); //Add button selector
        var wrapperPG = $('.field_wrapper_payment_gateway'); //Input field wrapper
        var fieldHTMLPG = '<div><div class="col-md-5"><div class="next-label">Payment Gateway Name</div><select class="form-control" name="gateway_map_name" id="gateway_map_name"><option value="">--- Select Payment Deposit---</option>@foreach($paymentGateways as $k=>$v)<option value="{{$k}}">{{$v}}</option>@endforeach</select></div><div class="col-md-5"><div class="next-label">Account</div><select class="form-control" name="gateway_map_acc" id="gateway_map_acc"><option value="">--- Select Payment Deposit ---</option>@foreach($otherAccountList as $k=>$v)<option value="{{$k}}" >{{$v}}</option>@endforeach</select></div><a href="javascript:void(0);" class="remove_button col-md-1" style="line-height: 80px;margin-top: 28px;"><img style="height:20px;width:20px;" src="{{asset("assets/img/remove.png")}}"/></a></div></div>'; //New input field html 
        var x = 1; //Initial field counter is 1
        

        


        //Once add button is clicked
        $(addButtonPG).click(function(){
            //Check maximum number of input fields
            if(x < maxFieldPG){ 
                x++; //Increment field counter
                $(wrapperPG).append(fieldHTMLPG); //Add field html
            }
        });
        
        //Once remove button is clicked
        $(wrapperPG).on('click', '.remove_button', function(e){
            e.preventDefault();
            $(this).parent('div').remove(); //Remove field html
            x--; //Decrement field counter
        });

        /*Add more logic for Other country tax code selection Start*/
        var othercountrymaxField = 25; //Input fields increment limitation
        var add_othercountry_taxode_button = $('.add_othercountry_taxode_button'); //Add button selector
        var othercountrywrapper = $('.othercountry_field_wrapper'); //Input field wrapper
        var othercountryfieldHTML = '<div><div class="col-md-5"><div class="next-label">Country</div><select class="form-control" name="other_country" id="other_country">@foreach($countryList as $k=>$v)<option value="{{$k}}">{{$v}}</option>@endforeach</select></div><div class="col-md-5"><div class="next-label">Xero Sales TaxCode</div><select class="form-control" name="othercountry_taxcode" id="othercountry_taxcode">@foreach($salesTaxDataList as $k=>$v)<option value="{{$k}}">{{$v}}</option>@endforeach</select></div><a href="javascript:void(0);" class="remove_button_othercountry col-md-1" style="line-height: 80px;"><img style="height:20px;width:20px;" src="{{asset("assets/img/remove.png")}}"/></a></div></div>'; //New input field html 
        var k = 1; //Initial field counter is 1
        
        //Once add button is clicked
        $(add_othercountry_taxode_button).click(function(){
            //Check maximum number of input fields
            if(k < othercountrymaxField){ 
                k++; //Increment field counter
                $(othercountrywrapper).append(othercountryfieldHTML); //Add field html
            }
        });
        
        //Once remove button is clicked
        $(othercountrywrapper).on('click', '.remove_button_othercountry', function(e){
            e.preventDefault();
            $(this).parent('div').remove(); //Remove field html
            k--; //Decrement field counter
        });
        /*Add more logic for Other country tax code selection End*/

         if($.cookie('welcomeMessage') == 'true'){
          $('.settings-alert').parent().remove();
        }
    //bank check currency 
    $("#payment_account_deposit option").each(function()
    {
      if($(this).val() != ''){
        var result = $(this).text().split(',');
        $(this).text(result[0]);
        $(this).attr('currency',result[1]);
      }
    });
    $("#payment_paypal_diposited option").each(function()
    {
      if($(this).val() != ''){
        var result = $(this).text().split('|');
        $(this).text(result[0]);
        if(result[1] == 'false'){
          $(this).text(result[0]+' (Payments Not Enabled in Xero)');
          $(this).attr('disabled',true);
        }
      }
    });
    $("#other_payment_account option").each(function()
    {
      if($(this).val() != ''){
        var result = $(this).text().split('|');
        $(this).text(result[0]);
        if(result[1] == 'false'){
          $(this).text(result[0]+' (Payments Not Enabled in Xero)');          
          $(this).attr('disabled',true);
        }
      }
    });

  });
  function changePaypal(){
   if($('#payment_paypal_diposited option:selected').val() != "")
      $('#paypalDipositedFeeDiv').css('display','block');
    else
      $('#paypalDipositedFeeDiv').css('display','none');
  }  
  function chanagePayment(){
      cur = $('#payment_account_deposit option:selected').attr('currency');
      $('#payment_account_deposit').attr('selectedCur' , cur);
  }
  function modalOpen(selectID){
    $('#AccountTypeDiv').removeClass('hide');
    $('#AccountType option').remove();
    if(selectID == 'sales_account'){
      $('#mdlHeader').text('Add New Sales Account');
      $('#AccountType').append('<option value="SALES">Sales</option><option value="REVENUE">Revenue</option><option value="OTHERINCOME">Otherincome</option>');
    }else if(selectID == 'shipping_account'){
      $('#mdlHeader').text('Add New Shipping Account');
      $('#AccountType').append('<option value="SALES">Sales</option><option value="REVENUE">Revenue</option><option value="OTHERINCOME">Otherincome</option>');
    }else if( selectID == 'other_payment_account' || selectID == 'payment_account_deposit' || selectID == 'payment_account_refund' ){
      $('#AccountType').append('<option value="BANK">Bank</option>');
      $('#AccountTypeDiv').addClass('hide');
    }else if(selectID == 'payout_account_fee_deposit'){
      $('#mdlHeader').text('Add New Payout Account Fee Deposit');
      $('#AccountType').append('<option value="EXPENSE">Expense</option>');
    }else if(selectID == 'payout_holding_account'){
      $('#AccountType').append('<option value="CURRENT">Current</option>');
      $('#AccountTypeDiv').addClass('hide');
    }else if(selectID == 'payment_paypal_diposited'){
      $('#AccountType').append('<option value="BANK">Bank</option><option value="CURRENT">Current</option>');
    }else if(selectID == 'payment_account_giftcard'){
      $('#mdlHeader').text('Add New Payment Account Giftcard');
      $('#AccountType').append('<option value="CURRLIAB">Currliab</option><option value="LIABILITY">Liability</option>');
    }else{
      $('#mdlHeader').text('Add New Account for '+selectID+' Payments');
      $('#AccountType').append('<option value="BANK">Bank</option>');
      $('#AccountType').append('<option value="OTHERINCOME">Otherincome</option>');
    }
    
    if(selectID == 'payment_account_deposit'){
      $('#mdlHeader').text('Add New Bank Account for Payout Deposits');
    }
    if(selectID == 'payout_holding_account'){
      $('#mdlHeader').text('Add New Current Account for Holding');
    }
    if(selectID == 'payment_account_refund'){
      $('#mdlHeader').text('Add New Account for Payment Refunds');
    }
    if(selectID == 'payment_paypal_diposited'){
      $('#mdlHeader').text('Add New Bank Or Current Account for PayPal Payments');
    }
    if(selectID == 'other_payment_account'){
      $('#mdlHeader').text('Add New Account for All Other Payment Methods');
    }
    $('#selectID').val(selectID);
    $('#saveAccType')[0].reset();
    $('#myModal').modal('toggle');
  }
  function openTaxModal(selectID){
    $('#taxID').val(selectID);
    $('#saveTaxFrm')[0].reset();
    $('#TaxModal').modal('toggle');
  }
  function openProductModal(selectID){
    $('#productID').val(selectID);
    $('#saveProductFrm')[0].reset();
    $('#ProdModal').modal('toggle');
  }
 function fetchAllCutomer()
{
  if($('#customer_creation').val() == 'SAME')
  {
    var store_id = '{{$seller_id}}';
    startLoading();
    $.ajaxSetup({
        headers: {
             'X-CSRF-TOKEN': '{{ csrf_token() }}'
        }
    });
     $.ajax({
              type: 'POST',
              url: "{{route('fetchAllCustomerSlxo')}}", 
              data: {"seller_id":store_id},
              success:function( data  ) 
              { 
                  stopLoading();
                  if(data.success == true){                        
                    var obj = $.parseJSON(data.data);
                    var htmlData = '';
                    htmlData += '<option value="">Select Customer</option>';
                    $(obj).each(function(i,val)
                    {
                      htmlData += '<option value="'+val.ContactID+','+val.Name+'">'+val.Name+'</option>';
                    });
                    $('#customer_name').html(htmlData);
                  }
              }
      });
  }
}
function fetchAllProduct(selectId,id)
{
  if($('#'+id).val() == 'SAME')
  {
    var store_id = '{{$seller_id}}';
    startLoading();
    $.ajaxSetup({
        headers: {
             'X-CSRF-TOKEN': '{{ csrf_token() }}'
        }
    });
     $.ajax({
              type: 'POST',
              url: "{{route('fetchAllProductSlxo')}}", 
              data: {"seller_id":store_id},
              success:function( data  ) 
              { 
                  stopLoading();
                  if(data.success == true){                        
                    var obj = $.parseJSON(data.data);
                    var htmlData = '';
                    $(obj).each(function(i,val)
                    {
                      htmlData += '<option value="'+val.Id+'">'+val.Name+'</option>';
                    });
                    $('#'+selectId).html(htmlData);
                  }
              }
      });
  }
}

function slPrefixChecked()
{
  if($("#xero_invoice_prefix_req").prop("checked") == true)
  {
    $( "#xero_invoice_prefix" ).rules( "remove" );
    $('#xero_invoice_prefix').val('');
  }
  else
  {
      $( "#xero_invoice_prefix" ).rules( "add", {
        required: true,
      });
  }
}
function taxCodeChecked()
{
  if($("#taxCodeChkBox").prop("checked") == true)
  {
    $( "#sales_taxcode" ).rules( "remove" );
    $( "#zero_taxcode" ).rules( "remove" );
  }
  else
  {
    $( "#sales_taxcode" ).rules( "add", {
        required: true,
      });
    $( "#zero_taxcode" ).rules( "add", {
        required: true,
      });
  }
}
function productTypeChange()
{
  if($('#product_creation').val() == 'SAME')
  {
      $(".productName").removeClass('hidden');
      $("#product_matching_div").addClass('hidden');
  }
  else
  {
      $("#product_matching_div").removeClass('hidden');
      $(".productName").addClass('hidden');
  }
}
function shippingproductTypeChange()
{
  if($('#shipping_product_creation').val() == 'SAME')
  {
      $(".shippingproductname").removeClass('hidden');
      $("#shipping_product_name" ).rules( "add", {
        required: true,
      });
  }
  else
  {
      $(".shippingproductname").addClass('hidden');
      $("#shipping_product_name" ).rules( "remove" );
  }
}
function customerTypeChange()
{
  if($('#customer_creation').val() == 'SAME')
  {
      $(".customerName").removeClass('hidden');
  }
  else
  {
      $(".customerName").addClass('hidden');
  }
}
function storeSettings()
{
  if($('#create-form').valid())
  {
    @if($xero_base_currency == "CAD" || $SlCurrency == "CAD" || $XoCountry=='CA')
      var cadTaxcodeData = {};
      $('#CADTaxSetting select').each(function(){
        cadTaxcodeData[$(this).attr('name')] = $(this).val();
      });
      $("#otherTaxCodeForCAD").val(JSON.stringify(cadTaxcodeData));
    @endif
    @if($xero_base_currency == "GBP" || $XoCountry=='UK')
      var cadTaxcodeData = {};
      $('#CADTaxSetting select').each(function(){
        cadTaxcodeData[$(this).attr('name')] = $(this).val();
      });
      $("#otherTaxCodeForCAD").val(JSON.stringify(cadTaxcodeData));
    @endif
    var multiCountryTaxcodeData = {};
    $('#euroTaxSetting select').each(function(){
      multiCountryTaxcodeData[$(this).attr('id')] = $(this).val();
    });
    var data = $('#otherCountryTaxSetting').serializeArray();
    for (var i = 0, l = data.length; i < l; i+=2) {
      var oddPositionVal = data[i];
      var evenPositionVal = data[i + 1];
      if(oddPositionVal.value != '')
      multiCountryTaxcodeData[oddPositionVal.value] = evenPositionVal.value;
    }

    $("#multiCountrytaxCode").val(JSON.stringify(multiCountryTaxcodeData));
    startLoading();
      $.ajaxSetup({
        headers: {
             'X-CSRF-TOKEN': '{{ csrf_token() }}'
        }
    });

    $.ajax({
            type: 'POST',
            url: "{{route('slxostoreSettings',array('seller_id' => $seller_id ))}}", 
            data:$('#create-form').serialize(),
            success:function( data , code ) 
            { 
              stopLoading();
              if(data.success == true)
              {
                window.location.href = data.url;
              }
              // window.scrollTo(0,0);
            },
            error : function(reject)
            {
              stopLoading();
              if(reject.status == 422)
              {
                var errorHtml = '<div class="col-md-12"><div class="alert alert-danger"><button type="button" class="close" data-dismiss="alert">&times;</button><i class="fa fa-exclamation-circle faa-pulse animated"></i><strong>Error: </strong>Required field error.</div></div>';
                $('.ui-layout').prepend(errorHtml);
               
              }
              window.scrollTo(0,0);
            }
    });
  }
}
function saveAccountType(selectID)
{
  if($('#saveAccType').valid())
  {
    startLoading();
      $.ajaxSetup({
        headers: {
             'X-CSRF-TOKEN': '{{ csrf_token() }}'
        }
    });

    $.ajax({
      type: 'POST',
      url: "{{route('storeSlXoAccountType',array('seller_id' => $seller_id ))}}", 
      data:$('#saveAccType').serialize(),
      success:function( data , code ) 
      { 
        stopLoading();
        
        if(data.success == true)
        {
          var successHtml = '<div class="row"><div class="col-md-12"><div class="alert alert-success"><button type="button" class="close" data-dismiss="alert">&times;</button><i class="fa fa-check faa-pulse animated"></i><strong>Success: </strong>'+data.message+'</div></div></div>';
          $('.tab-pane.active').prepend(successHtml);
          var AccData = data.data['0'];
          $('#'+selectID).val('');
          
          if(AccData['Type'] == 'BANK' ){
            if(selectID != 'payment_account_deposit')
              $('#payment_account_deposit').append('<option value="'+AccData['AccountID']+','+AccData['Type']+'" currency="'+AccData['CurrencyCode']+'">'+AccData['Name']+'</option>');
            if(selectID != 'payment_account_refund')
              $('#payment_account_refund').append('<option value="'+AccData['AccountID']+','+AccData['Type']+'">'+AccData['Name']+'</option>');
            if(selectID != 'payment_paypal_diposited')
              $('#payment_paypal_diposited').append('<option value="'+AccData['AccountID']+','+AccData['Type']+'">'+AccData['Name']+'</option>');
            if(selectID != 'other_payment_account')
              $('#other_payment_account').append('<option value="'+AccData['AccountID']+','+AccData['Type']+'">'+AccData['Name']+'</option>');
          }
          if(AccData['Type'] == 'CURRENT'){
            if(selectID != 'payment_account_deposit')
               $('#payment_account_deposit').append('<option value="'+AccData['Code']+','+AccData['Type']+'">'+AccData['Name']+'-'+AccData['Code']+'</option>');
            if(selectID != 'payment_account_refund')
               $('#payment_account_refund').append('<option value="'+AccData['Code']+','+AccData['Type']+'">'+AccData['Name']+'-'+AccData['Code']+'</option>');
            if(selectID != 'payment_paypal_diposited')
               $('#payment_paypal_diposited').append('<option value="'+AccData['Code']+','+AccData['Type']+'">'+AccData['Name']+'-'+AccData['Code']+'</option>');
            if(selectID != 'other_payment_account')
               $('#other_payment_account').append('<option value="'+AccData['Code']+','+AccData['Type']+'">'+AccData['Name']+'-'+AccData['Code']+'</option>');
          }
          if(AccData['Type'] == 'SALES' || AccData['Type'] ==  'REVENUE' || AccData['Type'] == 'OTHERINCOME'){
            if(selectID != 'sales_account')
               $('#sales_account').append('<option value="'+AccData['Code']+','+AccData['Type']+'">'+AccData['Name']+'-'+AccData['Code']+'</option>');
             if(selectID != 'shipping_account')
               $('#shipping_account').append('<option value="'+AccData['Code']+','+AccData['Type']+'">'+AccData['Name']+'-'+AccData['Code']+'</option>');
          }
          if(AccData['Type'] != 'BANK'){
            $('#'+selectID).append('<option value="'+AccData['Code']+','+AccData['Type']+'" selected>'+AccData['Name']+'-'+AccData['Code']+'</option>');
          }
          else
            $('#'+selectID).append('<option value="'+AccData['AccountID']+','+AccData['Type']+'" selected currency="'+AccData['CurrencyCode']+'">'+AccData['Name']+'</option>');

          if(selectID == 'payment_account_deposit')
            $('#'+selectID).attr('selectedcur',AccData['CurrencyCode']);
          $('#'+selectID).change();
          $('#saveAccType')[0].reset();
          $('#myModal').modal('toggle');
        }else{
          var errorHtml = '<div class="row"><div class="col-md-12"><div class="alert alert-danger"><button type="button" class="close" data-dismiss="alert">&times;</button><i class="fa fa-exclamation-circle faa-pulse animated"></i><strong>Error: </strong>'+data.errors+'</div></div></div>';
          $('#myModal .modal-body').prepend(errorHtml);
        }

      },
      error : function(reject)
      {
        stopLoading();
        if(reject.status == 422)
        {
          var errorHtml = '<div class="col-md-12"><div class="alert alert-danger"><button type="button" class="close" data-dismiss="alert">&times;</button><i class="fa fa-exclamation-circle faa-pulse animated"></i><strong>Error: </strong>Required field error.</div></div>';
          $('.tab-pane.active').prepend(errorHtml);
         
        }
        if(reject.status == 401)
        {
          var errorHtml = '<div class="row"><div class="col-md-12"><div class="alert alert-danger"><button type="button" class="close" data-dismiss="alert">&times;</button><i class="fa fa-exclamation-circle faa-pulse animated"></i><strong>Error: </strong>'+reject.errors+'</div></div></div>';
          $('#myModal.modal-body').prepend(errorHtml);
         
        }
        window.scrollTo(0,0);
      }
    });
  }
}
function saveCutsomer()
{
  if($('#saveCutsomerFrm').valid())
  {
    startLoading();
      $.ajaxSetup({
        headers: {
             'X-CSRF-TOKEN': '{{ csrf_token() }}'
        }
    });

    $.ajax({
        type: 'POST',
        url: "{{route('storeSlXoCustomer',array('seller_id' => $seller_id ))}}", 
        data:$('#saveCutsomerFrm').serialize(),
        success:function( data , code ) 
        { 
          stopLoading();
          if(data.success == true)
          {
            var successHtml = '<div class="row"><div class="col-md-12"><div class="alert alert-success"><button type="button" class="close" data-dismiss="alert">&times;</button><i class="fa fa-check faa-pulse animated"></i><strong>Success: </strong>'+data.message+'</div></div></div>';
            $('.tab-pane.active').prepend(successHtml);
            var AccData = data.data['0'];
            $('#customer_name').val('');
            $('#customer_name').append('<option value="'+AccData['ContactID']+','+AccData['Name']+'" selected>'+AccData['Name']+'</option>');
            $('#saveAccType')[0].reset();
            $('#CustModal').modal('toggle');
          }else{
            var errorHtml = '<div class="row"><div class="col-md-12"><div class="alert alert-danger"><button type="button" class="close" data-dismiss="alert">&times;</button><i class="fa fa-exclamation-circle faa-pulse animated"></i><strong>Error: </strong>'+data.errors+'</div></div></div>';
            $('#CustModal .modal-body').prepend(errorHtml);
          }

        },
        error : function(reject)
        {
          stopLoading();
          if(reject.status == 422)
          {
            var errorHtml = '<div class="col-md-12"><div class="alert alert-danger"><button type="button" class="close" data-dismiss="alert">&times;</button><i class="fa fa-exclamation-circle faa-pulse animated"></i><strong>Error: </strong>Required field error.</div></div>';
            $('.tab-pane.active').prepend(errorHtml);
           
          }
          if(reject.status == 401)
          {
            var errorHtml = '<div class="row"><div class="col-md-12"><div class="alert alert-danger"><button type="button" class="close" data-dismiss="alert">&times;</button><i class="fa fa-exclamation-circle faa-pulse animated"></i><strong>Error: </strong>'+reject.errors+'</div></div></div>';
            $('#CustModal.modal-body').prepend(errorHtml);
           
          }
          window.scrollTo(0,0);
        }
    });
  }
}
function saveProduct()
{
  if($('#saveProductFrm').valid())
  {
    startLoading();
      $.ajaxSetup({
        headers: {
             'X-CSRF-TOKEN': '{{ csrf_token() }}'
        }
    });

    $.ajax({
        type: 'POST',
        url: "{{route('storeSlXoProduct',array('seller_id' => $seller_id ))}}", 
        data:$('#saveProductFrm').serialize(),
        success:function( data , code ) 
        { 
          stopLoading();
          if(data.success == true)
          {
            var successHtml = '<div class="row"><div class="col-md-12"><div class="alert alert-success"><button type="button" class="close" data-dismiss="alert">&times;</button><i class="fa fa-check faa-pulse animated"></i><strong>Success: </strong>'+data.message+'</div></div></div>';
            $('.tab-pane.active').prepend(successHtml);
            var AccData = data.data['0'];

            $('#shipping_product_name').append('<option value="'+AccData['ItemID']+','+AccData['Name']+','+AccData['Code']+'">'+AccData['Code']+'-'+AccData['Name']+'</option>');
            $('#product_name').append('<option value="'+AccData['ItemID']+','+AccData['Name']+','+AccData['Code']+'">'+AccData['Code']+'-'+AccData['Name']+'</option>');
            
            if($('#productID').val() == 'product_name')
              $('#product_name').val(AccData['ItemID']+','+AccData['Name']+','+AccData['Code']);
             
            if($('#productID').val() == 'shipping_product_name')
              $('#shipping_product_name').val(AccData['ItemID']+','+AccData['Name']+','+AccData['Code']);
              

            $('#saveAccType')[0].reset();
            $('#ProdModal').modal('toggle');
          }else{
            var errorHtml = '<div class="row"><div class="col-md-12"><div class="alert alert-danger"><button type="button" class="close" data-dismiss="alert">&times;</button><i class="fa fa-exclamation-circle faa-pulse animated"></i><strong>Error: </strong>'+data.errors+'</div></div></div>';
            $('#ProdModal .modal-body').prepend(errorHtml);
          }

        },
        error : function(reject)
        {
          stopLoading();
          if(reject.status == 422)
          {
            var errorHtml = '<div class="col-md-12"><div class="alert alert-danger"><button type="button" class="close" data-dismiss="alert">&times;</button><i class="fa fa-exclamation-circle faa-pulse animated"></i><strong>Error: </strong>Required field error.</div></div>';
            $('.tab-pane.active').prepend(errorHtml);
           
          }
          if(reject.status == 401)
          {
            var errorHtml = '<div class="row"><div class="col-md-12"><div class="alert alert-danger"><button type="button" class="close" data-dismiss="alert">&times;</button><i class="fa fa-exclamation-circle faa-pulse animated"></i><strong>Error: </strong>'+reject.errors+'</div></div></div>';
            $('#ProdModal.modal-body').prepend(errorHtml);
           
          }
          window.scrollTo(0,0);
        }
    });
  }
}
function saveTax()
{
  if($('#saveTaxFrm').valid())
  {
    startLoading();
      $.ajaxSetup({
        headers: {
             'X-CSRF-TOKEN': '{{ csrf_token() }}'
        }
    });

    $.ajax({
        type: 'POST',
        url: "{{route('storeSlXoTax',array('seller_id' => $seller_id ))}}", 
        data:$('#saveTaxFrm').serialize(),
        success:function( data , code ) 
        { 
          stopLoading();
          if(data.success == true)
          {
            var successHtml = '<div class="row"><div class="col-md-12"><div class="alert alert-success"><button type="button" class="close" data-dismiss="alert">&times;</button><i class="fa fa-check faa-pulse animated"></i><strong>Success: </strong>'+data.message+'</div></div></div>';
            $('.tab-pane.active').prepend(successHtml);
            var AccData = data.data['0'];
            $('#sales_taxcode').append('<option value="'+AccData['TaxType']+'">'+AccData['Name']+'-'+AccData['DisplayTaxRate']+'</option>');
            $('#AB').append('<option value="'+AccData['TaxType']+'">'+AccData['Name']+'-'+AccData['DisplayTaxRate']+'</option>');
            $('#BC').append('<option value="'+AccData['TaxType']+'">'+AccData['Name']+'-'+AccData['DisplayTaxRate']+'</option>');
            $('#MB').append('<option value="'+AccData['TaxType']+'">'+AccData['Name']+'-'+AccData['DisplayTaxRate']+'</option>');
            $('#NB').append('<option value="'+AccData['TaxType']+'">'+AccData['Name']+'-'+AccData['DisplayTaxRate']+'</option>');
            $('#NL').append('<option value="'+AccData['TaxType']+'">'+AccData['Name']+'-'+AccData['DisplayTaxRate']+'</option>');
            $('#NS').append('<option value="'+AccData['TaxType']+'">'+AccData['Name']+'-'+AccData['DisplayTaxRate']+'</option>');
            $('#NT').append('<option value="'+AccData['TaxType']+'">'+AccData['Name']+'-'+AccData['DisplayTaxRate']+'</option>');
            $('#NU').append('<option value="'+AccData['TaxType']+'">'+AccData['Name']+'-'+AccData['DisplayTaxRate']+'</option>');
            $('#ON').append('<option value="'+AccData['TaxType']+'">'+AccData['Name']+'-'+AccData['DisplayTaxRate']+'</option>');
            $('#PE').append('<option value="'+AccData['TaxType']+'">'+AccData['Name']+'-'+AccData['DisplayTaxRate']+'</option>');
            $('#QC').append('<option value="'+AccData['TaxType']+'">'+AccData['Name']+'-'+AccData['DisplayTaxRate']+'</option>');
            $('#SK').append('<option value="'+AccData['TaxType']+'">'+AccData['Name']+'-'+AccData['DisplayTaxRate']+'</option>');
            $('#YT').append('<option value="'+AccData['TaxType']+'">'+AccData['Name']+'-'+AccData['DisplayTaxRate']+'</option>');
            if($('#taxID').val() != ''){              
              $('#'+$('#taxID').val()+' option').removeAttr('selected');
              $('#'+$('#taxID').val()+' option[value='+AccData['TaxType']+']').attr('selected','selected');
            }
            $('#saveTaxFrm')[0].reset();
            $('#TaxModal').modal('toggle');
          }else{
            var errorHtml = '<div class="row"><div class="col-md-12"><div class="alert alert-danger"><button type="button" class="close" data-dismiss="alert">&times;</button><i class="fa fa-exclamation-circle faa-pulse animated"></i><strong>Error: </strong>'+data.errors+'</div></div></div>';
            $('#TaxModal .modal-body').prepend(errorHtml);
          }

        },
        error : function(reject)
        {
          stopLoading();
          if(reject.status == 422)
          {
            var errorHtml = '<div class="col-md-12"><div class="alert alert-danger"><button type="button" class="close" data-dismiss="alert">&times;</button><i class="fa fa-exclamation-circle faa-pulse animated"></i><strong>Error: </strong>Required field error.</div></div>';
            $('.tab-pane.active').prepend(errorHtml);
           
          }
          if(reject.status == 401)
          {
            var errorHtml = '<div class="row"><div class="col-md-12"><div class="alert alert-danger"><button type="button" class="close" data-dismiss="alert">&times;</button><i class="fa fa-exclamation-circle faa-pulse animated"></i><strong>Error: </strong>'+reject.errors+'</div></div></div>';
            $('#TaxModal .modal-body').prepend(errorHtml);
           
          }
          window.scrollTo(0,0);
        }
    });
  }
}
function disconnectCompany()
{
  bootbox.confirm({
      title: "Disconnect {{$company_name}}",
      message: "Are you sure you want to disconnect this company?",
      buttons: {
          cancel: {
              label: '<i class="fa fa-times"></i> Cancel'
          },
          confirm: {
              label: '<i class="fa fa-check"></i> Confirm'
          }
      },
      callback: function (result) {
          if(result)
          {
            $.ajax({
              type: 'POST',
              url: "{{route('slxodisconnect')}}", 
              data: {id : '{{ $id }}',_token:'{{ csrf_token() }}',seller_id:"{{App\Helpers\Helper::encryptor('encrypt',$seller_id)}}"},
              success:function( data ) 
              { 
                console.log(data);
                if(data == 'success')
                 window.location.reload();
              },
              error : function(xhr,status,error)
              {
                 // window.settingsEditor.refresh();
              }
            });
          }
      }
  });
}
function openAddTaxesModel(){
  $('#modal-taxes').modal('show');
}

function saveAddOnTaxes(){
  var tax_rate = [];
  var qb_taxcode = [];
  var results = [];
  
   $("#tax-form").serializeArray().forEach(function(x){
     if(x.name == 'tax_rate'){
      var val = x.value;
      // if(val == 'Tax Exempt')
      //   val = 'NO';
      val = val.replace('%','');
      if(val != '')
      tax_rate.push(val);
     }
     if(x.name == 'qb_taxcode' && x.value != '')
      qb_taxcode.push(x.value);
   });   
   counts = {};
   jQuery.each(tax_rate, function(key,value) {
      if (!counts.hasOwnProperty(value)) {
        counts[value] = 1;
      } else {
        counts[value]++;
      }
    });
   jQuery.each(counts,function(key1,value1){
    if(value1 > 1)
      results.push(key1);
   });
    var taxcode_flag = false;
    var taxrate_flag = false;
    if (results.length === 0) {
         $('#tax_error').css('display','none');               
        
    }else{
      taxrate_flag = true;
         $('#tax_error').css('display','block');
    }         

    
    if(tax_rate.length === 0 && qb_taxcode.length === 0){
      $('#modal-taxes').modal('hide');
    }else{
    
      var tax_rate_length = tax_rate.length;        
      var qb_taxcode_length = qb_taxcode.length; 
      var taxcode_flag = false;
      
      if(tax_rate_length != qb_taxcode_length){
       taxcode_flag = true;
       //$('#taxcode_error').css('display','block');
      }else{
        $('#taxcode_error').css('display','none');
      }  

      if(taxrate_flag == true)
            $('#taxrate_error').css('display','block');
      else
          $('#taxrate_error').css('display','none');

      if(taxcode_flag == true)
            $('#taxcode_error').css('display','block');
      else
          $('#taxcode_error').css('display','none');
        
        // if($('#qb_taxcode_except').val() != ''){
        //   tax_rate.push('NO');
        //   qb_taxcode.push($('#qb_taxcode_except').val());
        // }

    }
      if(taxcode_flag == false && taxrate_flag == false){
        if($('#qb_taxcode_except').val() != ''){
          tax_rate.push('NO');
          qb_taxcode.push($('#qb_taxcode_except').val());
        }
          $('#taxFormTaxRate').val(tax_rate);
           $('#taxFormTaxCode').val(qb_taxcode);
           $('#modal-taxes').modal('hide');
      }
 }

 function removeWelcomeMessage(){
  $.cookie('welcomeMessage', 'true', {expires: 365},'/');
  $('.settings-alert').parent().remove();
}
function openMoreSalesAccModel(){  
  $('.remove_sales_div').remove();
  $.ajax({
    type: 'POST',
    url: "{{route('getSalesAccounts')}}", 
    data:{"store_id":"{{$seller_id}}" },
    success:function( data ) 
    { 
      stopLoading();
      if(data != false){
      var obj = $.parseJSON(data);

        var a = 1;                    
        $(obj.type).each(function(i,val)
        {
            $.each(val,function(key,val)
          {                             
            if(a == 1){
                $('#moreproducttype_'+a).val(key);
                $('#moresalesaccount_'+a).val(val);
            }else{
              var html = '';
              
               var button = '<a href="javascript:void(0);" class="remove_button_sales_account col-md-1" style="line-height: 80px;"><img style="height:20px;width:20px;" src="{{asset("assets/img/remove.png")}}"/></a>';
                html = '<div class="remove_sales_div"><div class="col-md-5"><div class="next-label">Product Type</div><select class="form-control" name="moreproducttype_'+a+'" id="moreproducttype_'+a+'">@foreach($productType as $k=>$v)<option value="{{$k}}"    >{{$v}}</option>@endforeach</select></div><div class="col-md-5"><div class="next-label">Account</div><select class="form-control" name="moresalesaccount_'+a+'" id="moresalesaccount_'+a+'">@foreach($salesDataFeaList as $k=>$v)<option value="{{$k}}" >{{$v}}</option>@endforeach</select></div>'+button+'</div></div>';
                $('.field_wrapper_sales_account').append(html);
                $('#moreproducttype_'+a).val(key);
                $('#moresalesaccount_'+a).val(val);
            }
            a++;

          });
        });
        y = a;
        
        
      }

      $("#modal-sales-acc").modal('show');
    }
  });

}
function saveMoreSalesAcc(){
  //console.log($("#sales-acc-form").serialize());

  var pro_type = [];
  var mainData = {};
  var emptysalesacc = false;
  var samesalesacc = false;
  $("#sales-acc-form").serializeArray().forEach(function(x){
      var name = x.name;
      var number = name.split("_");
      var salesname = $("#moresalesaccount_"+number[1]).val();
      if(x.value != ''){              
        pro_type.push(x.value);
        pro_type = $.grep(pro_type, function(value) {
          return value != salesname;
        });
        if(!$.isNumeric(x.value)){
          mainData[x.value] = salesname;
        }
      }
      if(x.value != '' && (salesname == null || salesname == '')){
        emptysalesacc = true;
      }
   }); 
  var countOriginal = pro_type.length;
  const distinct = (value,index,self)=>{
    return self.indexOf(value) === index;
  }
  const dis = pro_type.filter(distinct);
  var countDistinct = dis.length;
  if(countDistinct < countOriginal){
    samesalesacc = true;
  }

    if (samesalesacc == true) {
         $('#samesalesacc_error').css('display','block');
    }else{
         $('#samesalesacc_error').css('display','none');               
    }     

    if(emptysalesacc == true)
    $('#salesacc_error').css('display','block');
    else
    $('#salesacc_error').css('display','none');
    console.log(mainData);
    if(emptysalesacc == false && samesalesacc == false){
      $('#moresalesaccwithproduct').val(JSON.stringify(mainData));
      $('#modal-sales-acc').modal('hide');
    }
}
function ProdMatchNameClick(){
  bootbox.alert("1. Xero allows only 50 characters in the Product Name. Hence we will truncate the Name (Product + Variant names) to 50 characters before matching with a product in Xero. Hence multiple Shopline products might get matched to the same product in Xero.<br><br>2. ItemCode is a mandatory field in Xero. We use Shopline SKU as the ItemCode for Xero. If there is no SKU in Shopline, we use a unique number as the ItemCode. Also, if another product with a DIFFERENT name has the same ItemCode in Xero, we will use the unique number as the ItemCode while creating the product.");
}
function setAlltoUR(){
  $(".Europe_Countries option[value="+$("#All_Europe_Countries option:selected").val()+"]").attr('selected','selected');
}
function morePaymentGatewaysSave(){
  var data = JSON.stringify($('#PaymentGatewayMappingForm').serializeArray());
  $('#paymentgatewaymapping').val(data);
}
function checkForGatewayValue(methodname){
  obj = JSON.parse($('#paymentgatewaymapping').val());
  if($('#'+methodname).val() == ''){
    $.each( obj, function( key, value ) {
      if(value !== undefined){
        var val = value.value;
        if( val == methodname  ){
          obj[key+1].value = '';
        }
      }
    });
    $('#paymentgatewaymapping').val(JSON.stringify(obj));
  }
  /*else{
    $.each( obj, function( key, value ) {
      if(value !== undefined){
        var val = value.value;
        if( val == methodname  ){
          obj[key+1].value = $('#'+methodname).val();
          //obj[key+1]['gateway_map_acc'] = $('#'+methodname).val();
        }
      }
    });
    $('#paymentgatewaymapping').val(JSON.stringify(obj));
  }*/
}
function addMorePaymentGateways(){
    $('#addMorePaymentGateways').modal('show');
}
function payoutChecked()
{
  if($("#payout_enable").prop("checked") == true)
  {
      $( "#payout_holding_account" ).rules( "add", {
        required: true,
        notEqual : '#payment_account_deposit'
      });
      $( "#payout_account_fee_deposit" ).rules( "add", {
        required: true,
      });
  }
  else
  {
    $( "#payout_holding_account" ).rules( "remove" );
    $( "#payout_account_fee_deposit" ).rules( "remove" );
    $( "#payout_holding_account" ).attr('selectedcur',$( "#payment_account_deposit" ).attr('selectedcur'));
  }
}
$(document).ready(function(){
  });
function chanagePayout(){
    cur = $('#payout_holding_account option:selected').attr('currency');
    $('#payout_holding_account').attr('selectedCur' , cur);
}

$(function () {
  $('[data-toggle="popover"]').popover()
})
</script>
@stop