@extends('layouts/default')

@section('commonbuttons')
<div style="padding-bottom: 30px; z-index: 999999; font-size: 16px; text-align:center;">
  @if(!empty($settingData))
  <a href="{{route('etsyseller/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" style="margin-left:5px;">{{config('app.tabLables')['dashboard']}}</a>  
  <a type="button" class="btn btn-primary commonButtons" href="{{ route('ebxoorders',array('seller_id'=>App\Helpers\Helper::encryptor('encrypt',$seller_id)))}}" style="margin-left:5px;">{{config('app.tabLables')['unsync_orders']}}</a>
  @endif
  @if(isset(\Auth::user()->user_role) && \Auth::user()->user_role != 'Partner')
  <a type="button" class="btn btn-primary commonButtons" href="{{ route('getContactDetailList', array('seller_id'=>App\Helpers\Helper::encryptor('encrypt',$seller_id))) }}" style="margin-left:5px;">{{config('app.tabLables')['seller_contacts']}}</a>
  <a type="button" class="btn btn-primary commonButtons" href="{{ route('contact\contactus', array('seller_id'=>App\Helpers\Helper::encryptor('encrypt',$seller_id))) }}" style="margin-left:5px;">{{config('app.tabLables')['contact_us']}}</a>
  @endif
</div>
@stop

@section('amazon_title')
<div style="float: left;">
Xero Sync Settings
</div>
<div style="float: right;">
<button type="button" class="btn" onclick="changeSyncType('Summary','X');"> Switch to Summary Sync</button>
</div>
@stop
<style type="text/css">
  .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;
  }
</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">
       @if (\Cookie::get('welcomeMessage') != 'true')
         <!-- <div class="col-md-12">
          <div class="alert alert-success alert-dismissible settings-alert">
          <button type="button" class="close" data-dismiss="alert" aria-hidden="true" onclick="removeWelcomeMessage();">x</button>
          <div class="text-center">
            <img src="{{config('app.url') }}/assets/img/connection-img.png" width="150">
            </div>
            <h5 style="margin-top: 0px;"> Welcome</h5>
              <p>Thank you for installing XERO Bridge by Parex Technologies. You are ready to sync your data from Etsy to XERO.</p>
              <p>Below are some of the settings that are necessary for us to accurately sync the data based on how you manage your XERO. You can select the date since when you want us to sync your data from so that there is no Duplicate data in your XERO account. You may change these settings at anytime and they will be used for the subsequent data sync.</p>
              <p>While we aim to sync all the data automatically frequently during the day, there might be times when you want to manually initiate the sync. You can do that from the Account Details page after saving all the Settings on this page. You may also change your Billing plan at anytime from the Account Details page.</p>
              <p>In case you are facing any kind of issue or are stuck somewhere, do not hesitate to <a href="">Contact Us.</a></p>
          </div>
        </div> -->
      @endif
      @include('notifications')
      <div class="row">
        <div class="col-md-12">
          <div class="box box-default">
            @if($xero_base_currency != $EtsyCurrency && $currencyFlg == false)
              <div class="next-card" id="showSettings">
                <div class="row">
                  <div class="col-md-12">
                    <div>Your Store is in <b>{{$EtsyCurrency}}</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 & Etsy Payments
                      </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 Etsy 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'] : 'ET' }}" />
                              @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="spyPrefixChecked();"> Disable Prefix but Prefix is ideal if you have multiple Etsy store connected with same Xero</div>
                          </div>
                              @if(!empty($prefixLine) && $editable == 'true')
                                <p class="text-red font-13">Another Etsy 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">
                              This should be an actual Bank account. Payments/Payouts from Etsy will be deposited in this account.
                            </div>
                          </div>
                        </div>
                      </div>                      
                                         
                      <div class="col-md-12">
                        <div class="form-group {{ $errors->has('payout_account_fee_deposit') ? ' has-error' : '' }}">
                          <div class="next-label">Xero Account For Etsy Fees</div>  
                          <div class="row">
                            <div class="col-md-5">
                              <select name="payout_account_fee_deposit" id="payout_account_fee_deposit" class="form-control"style="width:100%">
                                <option value="">--- Select Payout Deposit Fee ---</option>
                                @foreach($payoutFeesDataList as $payoutListKey=>$payoutListVal)
                                                                        <option value="{{$payoutListKey}}" selected>{{$payoutListVal}}</option>
                                @endforeach
                              </select>
                               <!-- {{ 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 Etsy for Payment processing. 
                            </div>
                            <div class="col-md-12 field-info">
                              Etsy fees will be sync per day wise.
                            </div>
                          </div>
                        </div>
                      </div>
                      @if(!empty($settingData['cc_account']) && $settingData['cc_account'] != $settingData['payment_account_deposit'])
                      <div class="col-md-12">
                        <div class="form-group {{ $errors->has('cc_account') ? ' has-error' : '' }}">
                          <div class="next-label">Xero Account for CC Payments</div>
                          <div class="row">
                            <div class="col-md-5">
                              <select name="cc_account" id="cc_account" class="form-control"  style="width:100%">
                                  <option value="">--- Select CC Deposit  ---</option>
                                  @foreach($otherAccountList as $otherAccountListKey=>$otherAccountListVal)
                                                                        <option value="{{$otherAccountListKey}}" selected>{{$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('cc_account')">Add New</button>
                            </div>
                            <div class="col-md-12 field-info">
                              Payment received through CC will be deposited in this account.
                            </div>
                          </div>
                        </div>
                      </div>
                      @else
                        <input type="hidden" id="cc_account" name="cc_account" value="{{ @$settingData['cc_account'] }}">
                      @endif

                      <hr class="hr">
                      <div class="col-md-12">
                        <div class="form-group">
                          <div class="mb-5 moreInfoBlock">
                            <input type="checkbox" name="payout_enable" id="payout_enable"  onclick="payoutChecked();"> PayOut Enabled
                            </div>
                        </div>
                      </div>
                      <div class="col-md-12">
                       <div class="form-group {{ $errors->has('payout_account_deposit') ? ' has-error' : '' }}">
                          <div class="next-label">Xero Account for Etsy Payments Holding Account</div> 
                          <div class="row"> 
                            <div class="col-md-5">
                              <select name="payout_account_deposit" id="payout_account_deposit" class="form-control" 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_account_deposit')">Add New</button>
                            </div>
                            <div class="col-md-12 field-info">
                              This should be a Holding account. If you use Etsy Payments method, funds will temporarily be held in this account.
                            </div>
                          </div>
                        </div>
                      </div>


                        @if(!empty($gateway_map))
                        <div class="col-md-12">
                          <div class="field-info">                              
                              If you want payments from specific payment methods to go to specific account in Xero, please select them appropriately below.
                              <p class="text-red" style="font-size: 13px;">The payments will be deposited in the account selected above if the payment method does not match either of the methods below or if the account is not selected.
                              </p>
                          </div>
                        </div>
                          @foreach($gateway_map as $gateway_map_key=>$gateway_map_value)
                            <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 {{$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>                          
                          @endforeach
                        @endif
                        <!-- <button type="button" class="btn btn-success btn-wd" onclick="addMorePaymentGateways()">Add More Payment Gateways</button>
 -->
                    </div>
                  </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>
                      <div class="form-group">
                        <button type="button" class="btn btn-success btn-wd" onclick="openAddTaxesModel()">Add More Tax</button>
                      </div>
                      <hr class="hr">
                      <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;"> <!-- - 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>
                      
                       @if($xero_base_currency == "CAD" || $EtsyCurrency == "CAD" || $EtsyCountry=='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" || $EtsyCountry=='UK')
                          <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 && $userAccess->role != 'Manager')
                      <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 && $userAccess->role != 'Manager')
                <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="etsy_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" || $EtsyCurrency == "CAD" || $EtsyCountry=='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" >
        <div class="modal-body">
          <h4 class="modal-title" style="margin-bottom: 5px;">Set Tax Code for Canada</h4>
          <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-5">
               {{ Form::select('AB', $salesTaxDataList , Input::old('AB', @$canadaTaxData['AB']), 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-5">
               {{ Form::select('BC', $salesTaxDataList , Input::old('BC', @$canadaTaxData['BC']), array('class'=>'form-control', 'style'=>'width:100%' , 'id'=>'BC','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('BC')"><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-5">
               {{ Form::select('MB', $salesTaxDataList , Input::old('MB', @$canadaTaxData['MB']), 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-5">
               {{ Form::select('NB', $salesTaxDataList , Input::old('NB', @$canadaTaxData['NB']), 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-5">
               {{ Form::select('NL', $salesTaxDataList , Input::old('NL', @$canadaTaxData['NL']), 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-5">
               {{ Form::select('NS', $salesTaxDataList , Input::old('NS', @$canadaTaxData['NS']), 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-5">
               {{ Form::select('NT', $salesTaxDataList , Input::old('NT', @$canadaTaxData['NT']), 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-5">
               {{ Form::select('NU', $salesTaxDataList , Input::old('NU', @$canadaTaxData['NU']), 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-5">
               {{ Form::select('ON', $salesTaxDataList , Input::old('ON', @$canadaTaxData['ON']), 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-5">
               {{ Form::select('PE', $salesTaxDataList , Input::old('PE', @$canadaTaxData['PE']), 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-5">
               {{ Form::select('QC', $salesTaxDataList , Input::old('QC', @$canadaTaxData['QC']), 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-5">
               {{ Form::select('SK', $salesTaxDataList , Input::old('SK', @$canadaTaxData['SK']), 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-5">
               {{ Form::select('YT', $salesTaxDataList , Input::old('YT', @$canadaTaxData['YT']), 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" || $EtsyCountry=='UK')
<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>
                <input class="form-control" type="text" name="gateway_map_name" id="gateway_map_name"  placeholder="Gateway Name"></input>
              </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,
                    },
                    sales_taxcode: {
                       required: true
                    },
                    zero_taxcode: {
                       required: true
                    },
                    xero_invoice_prefix: {
                       // required: true,
                        maxlength : 2
                    }                    
                }
          });
         customerTypeChange();
      productTypeChange();
      shippingproductTypeChange();
      payoutChecked();
      taxCodeChecked();
      chanagePayment();
      
      $('#sync_start_date').keypress(function(event) {
       event.preventDefault();
       return false;
      });
        //add more functionality
        var maxField = 5; //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><input class="form-control" type="text" name="gateway_map_name" id="gateway_map_name"  placeholder="Gateway Name"></input></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]);
      }
    });
    $("#cc_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)');
          $(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)');          
          $(this).attr('disabled',true);
        }
      }
    });

  });
  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 == 'cc_account' || selectID == 'other_payment_account' || selectID == 'payment_account_deposit'  ){
      $('#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_account_deposit'){
      $('#mdlHeader').text('Add New Current Account for Holding');
      $('#AccountType').append('<option value="CURRENT">Current</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 == 'cc_account'){
      $('#mdlHeader').text('Add New Bank 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('fetchAllCustomerEtsyxo')}}", 
              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('fetchAllProductEtsyxo')}}", 
              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 spyPrefixChecked()
{
  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');
  }
  else
  {
      $(".shippingproductname").addClass('hidden');
  }
}
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" || $EtsyCurrency == "CAD" || $EtsyCountry=='CA')
      var cadTaxcodeData = {};
      $('#CADTaxSetting select').each(function(){
        cadTaxcodeData[$(this).attr('id')] = $(this).val();
      });
      $("#otherTaxCodeForCAD").val(JSON.stringify(cadTaxcodeData));
    @endif
    @if($xero_base_currency == "GBP" || $EtsyCountry=='UK')
      var cadTaxcodeData = {};
      $('#CADTaxSetting select').each(function(){
        cadTaxcodeData[$(this).attr('id')] = $(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('etsyxostoreSettings',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('storeXoAccountTypeEtsyXo',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 != 'cc_account')
              $('#cc_account').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 != 'cc_account')
               $('#cc_account').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('storeEtsyXoCutsomer',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('storeEtsyXoProduct',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('storeEtsyXoTax',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>');
            $('#'+$('#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('etsyxodisconnect')}}", 
              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 Etsy products might get matched to the same product in Xero.<br><br>2. ItemCode is a mandatory field in Xero. We use Etsy SKU as the ItemCode for Xero. If there is no SKU in Etsy, 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_account_deposit" ).rules( "add", {
        required: true,
        notEqual : '#payment_account_deposit'
      });
      $( "#payout_account_fee_deposit" ).rules( "add", {
        required: true,
      });
  }
  else
  {
    $( "#payout_account_deposit" ).rules( "remove" );
    $( "#payout_account_fee_deposit" ).rules( "remove" );
    $( "#payout_account_deposit" ).attr('selectedcur',$( "#payment_account_deposit" ).attr('selectedcur'));
  }
}

$(document).ready(function(){
  });

</script>
@stop