@extends('layouts/default')

@section('commonbuttons')
@if(\Session::get('main_seller_id') != '')
  <a href="{{route('sssellerqb/accountdetail', array('seller_id'=>$seller_id))}}" data-tooltip="tooltip" data-original-title="Account Detail" 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('ssqborders', array('seller_id'=>$seller_id)) }}" style="margin-left:5px;">{{config('app.tabLables')['unsync_orders']}}</a>
@endif
@stop


@section('title')
QuickBooks Sync Settings
@stop

<style type="text/css">
  .custTxnInfoBlock .tooltip-inner{
    max-width: 500px !important;
    text-align: left !important;
  }
</style>
@section('content')
<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')}}"/>
<div class="setting_page">
  <div class="d-inline-block w-100"> 
    <div class="ui-layout">
    
    <div class="row">
    <div class="col-md-12">
      <div class="box box-default">
        <div class="box-body">
          <!-- start setting not done-->
            @if(!$showSettings)
            <div class="next-card" id="showSettings">
              <div class="row">
                  @include('notifications')
                @if($QbBaseCurrency != $SsCurrency && $multyCurrency == "false")
                  <div class="col-md-12">
                    <div>Your Store is in <b>{{$SsCurrency}}</b> and your QuickBooks base currency is in <b>{{$QbBaseCurrency}}</b>.</div>
                    <div>You haven't enabled multi-currency in your QuickBooks Account. Make sure you enable multi-curreny from QuickBooks.</div>
                    <div>For instructions on how to enabled multi currency <a href="https://quickbooks.intuit.com/community/Reports-and-accounting/How-to-turn-on-Multi-currency-and-add-or-delete-currencies/td-p/186395" target="_blank">Click Here.</a> </div>
                    <hr>
                  </div>
                  <div class="col-md-12">
                  Once you are done with the setting change in QuickBooks click on the 'Reload Page' button below. <br>
                  <button class='btn btn-primary commonButtons' onclick="startLoading();window.location.reload();">Reload Page</button>
                </div>
                @endif
                @if(($QbBaseCurrency == "USD" && $taxAgencyFlag == false) ||  ($QbBaseCurrency != "USD" && $taxCodeFlag == false))
                  <!-- <div class="col-md-12">
                    You have not created/enabled a Tax Agency in your QuickBooks account. Please create one before you continue to our app settings. 
                    <div><a href="https://qbo.intuit.com/login?deeplinkcompanyid={{$QBORealmID}}&pagereq=salestax" target="_blank">Create a new QuickBooks Online Tax</a></div>
                  </div> -->
                @endif
                
                @if($QbBaseCurrency == $SsCurrency || ($QbBaseCurrency != $SsCurrency && $multyCurrency == "true"))
                <div class="col-md-12">
                <div>If you are exempt from collecting taxes as per your jurisdiction, You may proceed without setting a Tax agency by clicking button below.</div><br>
                  <button class="btn btn-info" onclick="taxNotReq();">Continue to Settings without Tax</button>
                  <hr>
                </div>
                <div class="col-md-12">
                  You do not have an active Tax Agency or Tax Code in your QuickBooks account. If you collect taxes from customers, please make sure that there is at least one active Tax Code/Tax Agency. Once you are done with the setting change in QuickBooks click on the 'Reload Page' link below. <br>
                  <a  href="javascript:startLoading();window.location.reload();">Reload Page</a>
                </div>
                @endif
              </div>
            </div>
            @endif
            <!-- end setting not done-->
            <!-- start currencyPreference CustomTxnNumbers is false -->
            @if(!$customTxnFlag && $showSettings)
            <div class="next-card" id="showSettings">
              <div class="row">
                <div class="col-md-12 custTxnInfoBlock">               
                  <div class="col-md-12">
                  If you want to continue using the Custom Transaction Numbers in your QuickBooks account, you may proceed without disabling it from QuickBoooks by clicking button below.
                  </div><br/>
                  <button class="btn btn-info" onclick="confirmCustomTxnNumber();">Continue to Settings with Custom Transaction Numbers</button>
                <br/><hr class="hr">
                <div class="col-md-12">
                  Custom Transaction Numbers are enabled in your QuickBooks account. Please disable this setting before proceeding further.
                  </div>
                <div class="col-md-12">
                  <a class="custTxnInfo" data-toggle="tooltip" title="To Disable Custom Transaction Numbers in QuickBooks Online, <br>
                  1. Click the gear icon <span class='glyphicon glyphicon-asterisk'></span> on the top right of your QuickBooks account <br>
                  2. Click Company Settings option <br>
                  3. Click Sales in left menu, then click the Pencil icon <span class='glyphicon glyphicon-pencil'></span> against Sales form Content section to Edit <br>
                  4. Uncheck the Custom Transaction Numbers setting and Save" data-placement="right" data-html="true">More Info</a>
                </div>
                <div class="col-md-12">
                  <a href="javascript:startLoading();window.location.reload();">Refresh the page</a> after you disable the custom transaction numbers from your QuickBooks account.
                </div>
                </div>
                </div>                
              </div>
            </div>  
            @endif
            <!-- end currencyPreference CustomTxnNumbers is false -->

            <!-- start setting is hidden or not when showsetting and customTxnFlag is false -->

            <div class="wizard-container hidden hidden" id="settingSection"> 
            <!-- <div class="wizard-container  " id="settingSection"> -->
              <!-- end setting is hidden or not when showsetting customTxnFlag is false -->
              <div class="card wizard-card" data-color="blue" id="wizard">
                <form id="create-form" class="" method="post" action="" autocomplete="off" role="form" enctype="multipart/form-data">
                  {{ 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="#ORSET" 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="#PRSET" data-toggle="tab" aria-expanded="false">
                          <div class="icon-circle checked">
                            <i class="fa fa-user" aria-hidden="true"></i>
                          </div>
                          Product Settings
                        </a>
                      </li>
                      <li  class="">
                        <a href="#PAYOUTSET" data-toggle="tab" aria-expanded="false">
                          <div class="icon-circle checked">
                            <i class="fa fa-user" aria-hidden="true"></i>
                          </div>
                          Bank & Sqaurespace Payments
                        </a>
                      </li>                      
                      <li  class="">
                        <a href="#TAXSET" 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="tab-pane active" id="ORSET">
                      <div class="row">
                        <div class="form-group {{ $errors->has('qbPrefix') ? ' has-error' : '' }} ">                          
                          <div class="next-label">QuickBooks Prefix (For connecting multiple Squarespace stores to one QuickBooks account) </div>
                          
                          <div class="row">
                            <div class="col-md-5">
                              <input class="form-control" type="text" name="qbPrefix" id="qbPrefix" value="{{ (!empty(@$settingData['prefix']) || @$settingData['prefix_required'] == 'N' || !$prefixEdit)? @$settingData['prefix'] : 'SS' }}" placeholder="QuickBooks Prefix"  style="text-transform: uppercase;" disabled='true'/>  
                              <!--Prefix is false that time disabled true -->             
                              @if(!$prefixEdit)
                                <input type="hidden" name="qbPrefix" id="qbPrefix" value="{{ @$settingData['prefix'] }}" />
                                <input type="hidden" name="disablePrefix" id="disablePrefix"  value="{{ (@$settingData['prefix_required'] == 'N') ? 'on' : 'off' }}" /> 
                              @endif
                              {!! $errors->first('qbPrefix', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
                            </div>
                            <div class="col-md-12"><input type="checkbox" name="disablePrefix" id="disablePrefix" {{  (!empty(Input::old('disablePrefix')) || @$settingData['prefix_required'] == "N")? 'checked' : '' }} disabled='true'> Disable Prefix but Prefix is ideal if you have multiple Squarespace store connected with same quickbooks</div>
                          </div>
                          <div class="row">
                            
                          </div>
                        </div>
                        <div class="form-group {{ $errors->has('qbFullyPaid') ? ' has-error' : '' }}">
                          <div class="next-label">How do you want to account for completely paid orders?</div>
                          <div class="row">
                            <div class="col-md-5">
                              {{ Form::select('qbFullyPaid', $fullyPaid_list , Input::old('qbFullyPaid', @$settingData['paid_order_type']), array('class'=>'form-control', 'style'=>'width:100%')) }}
                              {!! $errors->first('qbFullyPaid', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
                              <p class="msgText">All partially paid orders will be inserted as invoice only.</p>
                            </div>
                          </div>
                        </div>
                        <div class="form-group {{ $errors->has('autoSyncStartDate') ? ' has-error' : '' }}">
                          <div class="next-label">What date do you want your data sync to QuickBooks to start from?</div>
                          <div class="row">
                            <div class="col-md-5">  
                              <input type="text" class="datepicker form-control" style="margin-top:0px;" placeholder="Auto Sync Start Date" data-date-format="yyyy-mm-dd" data-date-start-date="{{date('Y-m-01',strtotime('-2 Months'))}}" name="autoSyncStartDate" id="autoSyncStartDate" value="{{ Input::old('autoSyncStartDate', @$autoSyncStartDate) }}" >
                              <!--order exist OrderExistsCheck order count is > 0 then ediable is false-->
                              @if($editable == "false")
                              <input type="hidden" name="autoSyncStartDate" id="autoSyncStartDate" value="{{ Input::old('autoSyncStartDate', @$autoSyncStartDate) }}" />
                              @endif
                              {!! $errors->first('autoSyncStartDate', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
                              <p class="msgText">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>
                            </div>
                            <div class="col-md-9 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 class="form-group {{ $errors->has('qbCustomerType') ? ' has-error' : '' }}">
                          <div class="row">
                            <div class="col-md-5">
                               <div class="next-label">QuickBooks Customer Creation for Order Sync</div>
                               {{ Form::select('qbCustomerType', $customerType_list , Input::old('qbCustomerType', @$settingData['customer_type']), array('id'=>'qbCustomerType','class'=>'form-control', 'style'=>'width:100%' , 'onchange' => "fetchAllCutomer(); customerTypeChange(); ")) }}
                              
                               {!! $errors->first('qbCustomerType', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
                            </div>
                          </div>
                        </div>
                        <div class="form-group hidden {{ $errors->has('qbCustomerName') ? ' has-error' : '' }} customerName">
                          <div class="next-label">Select Customer</div>
                          <div class="row">
                            <div class="col-md-5" id="">
                            {{ Form::select('qbCustomerName', $customerList , Input::old('qbCustomerName', @$settingData['customer_id']), array('class'=>'form-control', 'style'=>'width:100%','id'=>'qbCustomerName')) }}
                            {!! $errors->first('qbCustomerName', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
                          </div>
                          <div class="col-md-1" style="line-height: 2;text-align: center;">-- OR --</div>
                          <div class="col-md-5">
                              <div class="col-md-3" style="line-height: 3;">
                              <button type="button" class="btn btn-success btn-wd" onclick="openCreateNewCustomerModel('store')">Add New Customer</button>
                            </div>
                          </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="tab-pane" id="PRSET">
                      <div class="row">
                        <div class="form-group {{ $errors->has('saleAccountType') ? ' has-error' : '' }}">
                          <div class="row">
                            <div class="col-md-5">
                              <div class="next-label">QuickBooks Account for Sales</div>
                                {{ Form::select('saleAccountType', $incomeAccountsList , Input::old('saleAccountType', @$settingData['sales_account']), array('class'=>'form-control', 'style'=>'width:100%','id'=>'saleAccountType')) }}
                                {!! $errors->first('saleAccountType', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
                                
                            </div>
                            @if($adminFlg == false)
                            <div class="col-md-1" style="line-height: 3;padding-top: 20px;text-align: center;">- OR -</div>
                            <div class="col-md-3" style="line-height: 3;padding-top: 20px;">

                              <button type="button" class="btn btn-success btn-wd" onclick="openCreateNewAcModel('saleAccountType','Income')">Add New</button>
                            </div>
                            @endif
                            
                            <div class="col-md-12 field-info">
                                  This account books your revenue for sales.
                                </div>
                          </div>
                        </div>

                        <div class="form-group {{ $errors->has('qbProductType') ? ' has-error' : '' }}">
                          <div class="row">
                            <div class="col-md-5">
                              <div class="next-label">QuickBooks Product Creation for Order Sync</div>
                              {{ Form::select('qbProductType', $productType_list , Input::old('qbProductType', @$settingData['product_type']), array('id'=>'qbProductType','class'=>'form-control', 'style'=>'width:100%' ,'onchange' => "fetchAllProduct('qbProductName','qbProductType'); productTypeChange(); ")) }}
                              
                              {!! $errors->first('qbProductType', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
                            </div>
                          </div>
                        </div>

                        <div class="form-group {{ $errors->has('product_matching') ? ' has-error' : '' }}" id="productMatchingDsp">
                          <div class="row">
                            <div class="col-md-12">
                                
                                <input type="radio" name="product_matching" value="name" {{  (!empty(@$settingData["product_matching"])) ? (!empty(Input::old('product_matching')) || @$settingData['product_matching'] == "name")? 'checked' : ''  : 'checked'}}  onclick="return false;" style="cursor: not-allowed;" > <b>Title and variant matched against the QuickBooks Name field. (e.g. Tactical Shoes - Blue)</b><br>
                               <input type="radio" name="product_matching" value="sku" {{  (!empty(Input::old('product_matching')) || @$settingData['product_matching'] == "sku")? 'checked' : '' }}  onclick="return false;" style="cursor: not-allowed;" > <b>SKU matched against the QuickBooks Sku field.</b><br> 
                            </div>
                          </div>
                        </div>


                        <div class="form-group hidden {{ $errors->has('qbProductName') ? ' has-error' : '' }} productName">
                          <div class="next-label">Select Product</div>
                          <div class="row">
                            <div class="col-md-5" id="productNameDroupDown">
                              {{ Form::select('qbProductName', $productList , Input::old('qbProductName', @$settingData['qbProductName']), array('class'=>'form-control', 'style'=>'width:100%','id'=>'qbProductName')) }}
                              {!! $errors->first('qbProductName', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
                            </div>
                            <div class="col-md-1" style="line-height: 2;text-align: center;">-- OR --</div>
                            <div class="col-md-5">
                                  <div class="col-md-3" style="line-height: 3;">
                                  <button type="button" class="btn btn-success btn-wd" onclick="openCreateNewItemModel('store')">Add New Product</button>
                                </div>
                            </div>
                          </div>
                        </div>
                        @if(@$settingData['expenseAccountRef'] != null)
                        <div class="form-group">
                          <div class="row">
                            <div class="col-md-5">
                              <div class="next-label">QuickBooks Account for Cost Price (COGS Account)</div>
                                {{ Form::select('expenseAccountRef', $costAccountsList , Input::old('expenseAccountRef', @$settingData['expense_account']), array('class'=>'form-control', 'style'=>'width:100%','id'=>'expenseAccountRef')) }}
                                {!! $errors->first('expenseAccountRef', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
                                
                            </div>
                          </div>
                          <div class="field-info">
                            This is an Expense account used to record the purchase costs for the products.
                          </div>
                        </div>
                        @endif
                        <hr>
                       
                        <div class="form-group {{ $errors->has('qbShippingSetting') ? ' has-error' : '' }} {{ ($QbShippingSetting == 'false') ? 'hidden' : '' }}" id="qbShippingSettingField">
                          <div class="row">
                            <div class="col-md-5">
                              <div class="next-label">QuickBooks Shipping Setting</div>
                              <div class="field-info">
                                  You can either enter shipping revenues as a <a href="javascript:void(0)" onclick="openInfoImageModel('line_items')">Line Item</a> OR In the <a href="javascript:void(0)" onclick="openInfoImageModel('shipping_field')">Shipping Field</a> near the totals.
                              </div>
                              {{ Form::select('qbShippingSetting', $shippingSettingList , Input::old('qbShippingSetting', @$shippingField), array('id'=>'qbShippingSetting','class'=>'form-control', 'style'=>'width:100%' ,'onchange' => "shippingSettingChange()")) }}
                              
                              {!! $errors->first('qbShippingSetting', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
                            </div>
                          </div>
                        </div>
                     <!-- start SalesFormsPrefs->AllowShipping  in Preferences is true then hidden-->
                      <div class="{{ ($QbShippingSetting == 'true') ? 'hidden' : '' }}" id="qbShippingSettingLines">
                          <div class="field-info">
                              You can either enter shipping revenues as a <a href="javascript:void(0)" onclick="openInfoImageModel('line_items')">Line Item</a> OR In the <a href="javascript:void(0)" onclick="openInfoImageModel('shipping_field')">Shipping Field</a> near the totals.
                          </div>
                          <div class="field-info">
                              But for that you need to ON Shipping Field setting in your Quickbook account and click on the refresh button.                              
                              <img src="{{asset('assets/img/refresh.jpg')}}" width="20" height="20" id="refreshShippingSetting" style="cursor: pointer;"></img>
                          </div>
                        </div>
                       
                        <div id="productShippingData">
                        <div class="form-group {{ $errors->has('qbShippingProductType') ? ' has-error' : '' }}">
                          <div class="row">
                            <div class="col-md-5">
                              <div class="next-label">QuickBooks Shipping Product Creation for Order Sync</div>
                              {{ Form::select('qbShippingProductType', $shippingType_list , Input::old('qbShippingProductType', @$settingData['shipping_product_type']), array('id'=>'qbShippingProductType','class'=>'form-control', 'style'=>'width:100%' ,'onchange' => "fetchAllProduct('qbShippingProductName','qbShippingProductType'); shippingProductTypeChange()")) }}
                              
                              {!! $errors->first('qbShippingProductType', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
                            </div>
                          </div>
                        </div>

                        <div class="form-group {{ $errors->has('shippingAccountType') ? ' has-error' : '' }}" id="shippingAccountTypeDsp">
                          <div class="row" >
                            <div class="col-md-5">
                              <div class="next-label">QuickBooks Account for Shipping Items</div>
                                {{ Form::select('shippingAccountType', $incomeAccountsList , Input::old('shippingAccountType', @$settingData['shipping_account']), array('class'=>'form-control', 'style'=>'width:100%','id'=>'shippingAccountType')) }}
                                {!! $errors->first('shippingAccountType', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
                                
                            </div>
                            @if($adminFlg == false)
                            <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="openCreateNewAcModel('shippingAccountType','Income')">Add New</button>
                            </div>
                            @endif
                            <div class="col-md-12 field-info">
                                  This account books your revenue for shipping.
                                </div>
                          </div>
                         
                        </div>
                        </div>
                        <div class="form-group hidden {{ $errors->has('qbShippingProductName') ? ' has-error' : '' }} shippingProductName">
                          <div class="next-label">Select Shipping Product</div>
                          <div class="row">
                            <div class="col-md-5" id="shippingProductNameDroupDown">
                              {{ Form::select('qbShippingProductName', $productList , Input::old('qbShippingProductName', @$settingData['shipping_product_id']), array('class'=>'form-control', 'style'=>'width:100%','id'=>'qbShippingProductName')) }}
                              {!! $errors->first('qbShippingProductName', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
                            </div>
                            <div class="col-md-1" style="line-height: 2;text-align: center;">-- OR --</div>
                            <div class="col-md-5">
                                  <div class="col-md-3" style="line-height: 3;">
                                  <button type="button" class="btn btn-success btn-wd" onclick="openCreateNewItemModel('shipping')">Add New Product</button>
                                </div>
                            </div>
                          </div>
                        </div>

                      </div>
                    </div>                    
                    <div class="tab-pane" id="PAYOUTSET">
                      <div class="row">
                      <div class="col-md-12">
                        <div class="form-group {{ $errors->has('acDipositedIn') ? ' has-error' : '' }}">
                          <div class="next-label">QuickBooks Account for Payment Deposit</div>
                          <div class="row">
                            <div class="col-md-5">
                              {{ Form::select('acDipositedIn', $dipositedToAccountsList , Input::old('acDipositedIn', @$settingData['bank_account']), array('class'=>'form-control', 'style'=>'width:100%','id'=>'acDipositedIn')) }}
                              {!! $errors->first('acDipositedIn', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
                            </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="openCreateNewAcModel('acDipositedIn','Bank|Other Current Asset')">Add New</button>
                            </div>
                            <div class="col-md-12 field-info">
                             This should be an actual Bank account. Payments/Payouts from SquareSpace will be deposited in this account.<p class="text-red" style="font-size: 13px;">This account will be the default account for payments if other accounts on this tab are blank.</p>
                            </div>
                          </div>
                        </div>
                      </div> 

                      <div class="col-md-12">
                        <div class="form-group {{ $errors->has('paypal_account') ? ' has-error' : '' }}">
                          <div class="next-label">QuickBooks Account for PayPal Payments</div>
                          <div class="row">
                            <div class="col-md-5">
                              {{ Form::select('paypal_account', $dipositedToAccountsList , Input::old('paypal_account', @$settingData['paypal_account']), array('class'=>'form-control', 'style'=>'width:100%','id'=>'paypal_account')) }}
                              {!! $errors->first('paypal_account', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
                            </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="openCreateNewAcModel('paypal_account','Bank|Other Current Asset')">Add New</button>
                            </div>
                            <div class="col-md-12 field-info">
                              Payment received through PayPal will be deposited in this account.
                            </div>
                          </div>
                        </div>
                      </div>   

                      <div class="col-md-12">
                        <div class="form-group {{ $errors->has('paypal_account_fee') ? ' has-error' : '' }}">
                          <div class="next-label">QuickBooks Account for Paypal Fees </div>  
                          <div class="row">
                            <div class="col-md-5">
                               {{ Form::select('paypal_account_fee', $expenseAccountsList , Input::old('paypal_account_fee', @$settingData['paypal_account_fee']), array('class'=>'form-control', 'style'=>'width:100%' , 'id'=>'paypal_account_fee')) }}
                            </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="openCreateNewAcModel('paypal_account_fee','Expense|Other Expense')">Add New</button>
                            </div>
                            <div class="col-md-12 field-info">
                              This account is for Fees deducted by Squarespace.
                            </div>
                          </div>
                        </div>
                      </div>
                      
                      <div class="col-md-12">
                        <div class="form-group {{ $errors->has('stripe_account') ? ' has-error' : '' }}">
                          <div class="next-label">QuickBooks Account for Stripe Payments</div>
                          <div class="row">
                            <div class="col-md-5">
                              {{ Form::select('stripe_account', $dipositedToAccountsList , Input::old('stripe_account', @$settingData['stripe_account']), array('class'=>'form-control', 'style'=>'width:100%','id'=>'stripe_account')) }}
                              {!! $errors->first('stripe_account', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
                            </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="openCreateNewAcModel('stripe_account','Bank|Other Current Asset')">Add New</button>
                            </div>
                            <div class="col-md-12 field-info">
                              Payment received through Stripe will be deposited in this account.
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="col-md-12">
                        <div class="form-group {{ $errors->has('stripe_account_fee') ? ' has-error' : '' }}">
                          <div class="next-label">QuickBooks Account for Stripe Fees </div>  
                          <div class="row">
                            <div class="col-md-5">
                               {{ Form::select('stripe_account_fee', $expenseAccountsList , Input::old('stripe_account_fee', @$settingData['stripe_account_fee']), array('class'=>'form-control', 'style'=>'width:100%' , 'id'=>'stripe_account_fee')) }}
                            </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="openCreateNewAcModel('stripe_account_fee','Expense|Other Expense')">Add New</button>
                            </div>
                            <div class="col-md-12 field-info">
                              This account is for Fees deducted by Squarespace.
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="col-md-12">
                        <div class="form-group {{ $errors->has('square_account') ? ' has-error' : '' }}">
                          <div class="next-label">QuickBooks Account for Square Payments</div>
                          <div class="row">
                            <div class="col-md-5">
                              {{ Form::select('square_account', $dipositedToAccountsList , Input::old('square_account', @$settingData['square_account']), array('class'=>'form-control', 'style'=>'width:100%','id'=>'square_account')) }}
                              {!! $errors->first('square_account', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}                              
                            </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="openCreateNewAcModel('square_account','Bank|Other Current Asset')">Add New</button>
                            </div>
                            <div class="col-md-12 field-info">
                              Payment received through Square will be deposited in this account.
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="col-md-12">
                        <div class="form-group {{ $errors->has('squarespace_account') ? ' has-error' : '' }}">
                          <div class="next-label">QuickBooks Account for Squarespace Payments</div>
                          <div class="row">
                            <div class="col-md-5">
                              {{ Form::select('squarespace_account', $dipositedToAccountsList , Input::old('squarespace_account', @$settingData['squarespace_account']), array('class'=>'form-control', 'style'=>'width:100%','id'=>'squarespace_account')) }}
                              {!! $errors->first('squarespace_account', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}  
                            </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="openCreateNewAcModel('squarespace_account','Bank|Other Current Asset')">Add New</button>
                            </div>
                            <div class="col-md-12 field-info">
                              Payment received through Square will be deposited in this account.
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="col-md-12">
                        <div class="form-group {{ $errors->has('other_payment_account') ? ' has-error' : '' }}">
                          <div class="next-label">QuickBooks Account for Other Payments</div>
                          <div class="row">
                            <div class="col-md-5">
                              {{ Form::select('other_payment_account', $dipositedToAccountsList , Input::old('other_payment_account', @$settingData['other_payment_account']), array('class'=>'form-control', 'style'=>'width:100%','id'=>'other_payment_account')) }}
                              {!! $errors->first('other_payment_account', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
                            </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="openCreateNewAcModel('other_payment_account','Bank|Other Current Asset')">Add New</button>
                            </div>
                            <div class="col-md-12 field-info">
                              Payment received through Other will be deposited in this account.
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="col-md-12">
                        <div class="form-group {{ $errors->has('payment_account_giftcard ') ? ' has-error' : '' }}">
                          <div class="next-label">QuickBooks Account for GiftCard Deposit</div>
                          <div class="row">
                            <div class="col-md-5">
                              {{ Form::select('payment_account_giftcard', $giftCardDataList , Input::old('payment_account_giftcard  ', @$settingData['payment_account_giftcard']), array('class'=>'form-control', 'style'=>'width:100%','id'=>'payment_account_giftcard')) }}
                            </div>
                            <div class="col-md-1" style="line-height: 35px;text-align: center;"> - OR - </div>
                            <div class="col-md-3">
                              <button type="button" class="btn btn-success btn-wd" onclick="openCreateNewAcModel('payment_account_giftcard','Other Current Liability');">Add New</button>
                            </div>
                          </div>
                        </div>
                      </div>
                      @if(!empty($gateway_map))
                          @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">QuickBooks Account for {{$gateway_map_key}} Payment Method</div>
                                    {{ Form::select('payment_gateway_map['.$gateway_map_key.']', $dipositedToAccountsList , Input::old($gateway_map_key, @$gateway_map_value), array('class'=>'form-control', 'style'=>'width:100%' , 'id' => $gateway_map_key,'onchange'=>'checkForGatewayValue("'.$gateway_map_key.'")')) }}
                                    {!! $errors->first($gateway_map_key, '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}                                   
                                  </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="openCreateNewAcModel('{{$gateway_map_key}}' ,'Bank|Other Current Asset')">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 class="col-md-12"></div>
                    </div>
                    </div>
                                      <div class="tab-pane" id="TAXSET">
                      <!-- base currency of queickbook is USD -->
                        @if($qbo_country == "US")
                        <div class="form-group {{ $errors->has('taxAgencyChkBox') ? ' has-error' : '' }}">
                          <input type="checkbox" name="taxAgencyChkBox" id="taxAgencyChkBox" {{  (!empty(Input::old('taxAgencyChkBox')) || @$settingData['tax_agency_required'] == "Y")? 'checked' : '' }} onclick="taxAgencyChecked();" /> QuickBooks TaxAgency Not Required <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('taxAgency') ? ' has-error' : '' }}">
                          <div class="next-label">{{ ($ustaxCodeFlag == false)?'QuickBooks TaxAgency':'QuickBooks TaxCode' }}</div>
                          <div class="row">
                                                        <div class="col-md-5">
                              {{ Form::select('taxAgency', $taxAgencyList , Input::old('taxAgency', @$settingData['tax_agency']), array('class'=>'form-control', 'style'=>'width:100%','id'=>'taxAgency')) }}
                              {!! $errors->first('taxAgency', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
                            </div>
                            @if($ustaxCodeFlag == true)
                              <div class="col-md-12 field-info">
                                Your QuickBooks account does not have the Automated Tax Calculation enabled. Hence, all the orders will be synced using the jurisdictions in the above Tax Code. We suggest you to enable the auto tax calculator in your QuickBooks account for proper Tax reporting. If this is not correct taxcode please change the default code from your QuickBooks and then save these settings again.
                              </div>
                            @endif
                          </div>
                        </div>
                        @else
                        <div class="form-group {{ $errors->has('taxCodeChkBox') ? ' has-error' : '' }}">
                          <input type="checkbox" name="taxCodeChkBox" id="taxCodeChkBox" {{  (!empty(Input::old('taxCodeChkBox')) || @$settingData['tax_code_required'] == "Y")? 'checked' : '' }} onclick="taxCodeChecked();" /> QuickBooks TaxCode Not Required <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('taxCode') ? ' has-error' : '' }}">
                          <div class="next-label">QuickBooks Sales TaxCode</div>
                          <div class="row">
                            <div class="col-md-5">
                              {{ Form::select('taxCode', $taxCodeList , Input::old('taxCode', @$settingData['tax_code']), array('class'=>'form-control', 'style'=>'width:100%' , 'id'=>'taxCode')) }}
                              {!! $errors->first('taxCode', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
                            </div>
                          </div>
                        </div>
                        <div class="form-group {{ $errors->has('zeroTaxCode') ? ' has-error' : '' }}">
                          <div class="next-label">QuickBooks Zero TaxCode</div>
                          <div class="row">
                            <div class="col-md-5">
                              {{ Form::select('zeroTaxCode', $taxCodeList , Input::old('zeroTaxCode', @$settingData['zero_tax_code']), array('class'=>'form-control', 'style'=>'width:100%' , 'id'=> 'zeroTaxCode')) }}
                              {!! $errors->first('zeroTaxCode', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
                            </div>
                          </div>
                        </div>
                        <div class="form-group">
                            <button type="button" class="btn btn-success btn-wd" onclick="openAddTaxesModel()">Add More Tax</button>
                          </div>
                        <div class="form-group {{ $errors->has('shipping_taxcode') ? ' has-error' : '' }}">
                          <div class="next-label">QuickBooks Shipping TaxCode</div>
                          <div class="row">
                            <div class="col-md-5">
                              {{ Form::select('shipping_taxcode', $taxCodeList , Input::old('shipping_taxcode', @$settingData['shipping_taxcode']), array('class'=>'form-control', 'style'=>'width:100%' , 'id'=> 'shipping_taxcode')) }}
                              {!! $errors->first('shipping_taxcode', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
                            </div>
                          </div>
                        </div>
                        @endif
                        <!-- <div class="col-md-12">
                          <a href="https://qbo.intuit.com/login?deeplinkcompanyid={{$QBORealmID}}&pagereq=salestax" target="_blank">Create a new QuickBooks Online TaxCode</a>
                        </div> -->
                        @if($base_currency == "CAD")
                          <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" onclick="openTaxCodeModal();">Provincial Tax Rates for Canada</a>
                            </div>
                            <hr>
                          </div>
                        @endif
                        
                        
                        <input type="hidden" name="QbBaseCurrency" id="QbBaseCurrency" value="{{$QbBaseCurrency}}" />
                                            </div>
                  </div>
                  <input type="hidden" name="seller_id" id="seller_id" value="{{$seller_id}}" />
                  <input type="hidden" name="taxFormTaxRate" id="taxFormTaxRate"/>
                  <input type="hidden" name="taxFormTaxCode" id="taxFormTaxCode"/>
                  <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')
                        <button type="button" class="btn btn-finish btn-success btn-wd" onclick="storeSettings();"><i class="fa fa-check icon-white" id="patientSubmit" style="display: none;"></i> Save</button>
                        @endif
                        <!-- <input  type="button" class="btn btn-finish btn-success btn-wd" name="finish" id="patientSubmit" value="Finish" style="display: none;"> -->
                    </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>
                  <input type="hidden" name="paymentgatewaymapping" id="paymentgatewaymapping" value='{{$gateway_map_val}}'></input>
                  <input type="hidden" name="ssCurrency" id="ssCurrency" value='{{$SsCurrency}}'></input>
                </form>
              </div>
            </div>
            @if($adminFlg == false && $userAccess->role != 'Manager')
            <div class="text-center">
              <button onclick="disconnectCompany();" class="btn btn-danger btn-wd"><i class="fa fa-remove icon-white"></i> Disconnect {{$companyName}}</button>
            </div>
            @else
            <div class="text-center">     
            {{$companyName}}</div>
            @endif
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
</div>

<div class="modal fade" id="modal-default" 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">Create New Account</h4>
      </div>
      <div class="modal-body">
          <input type="hidden" name="createAcFor" id="createAcFor" />
        <div class="form-group">
            <div class="next-label">Account Type</div>
              <select class="form-control" name="craccountType" id="craccountType">
                
              </select>
        </div>
        <div class="form-group">
            <div class="next-label">Account Name</div>
              <input class="form-control" type="text" name="craccountName" id="craccountName"  placeholder="Create New Account" />
        </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="createNewSettingAccount();">Create</button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>

<div class="modal fade" id="modal-customtxnnumber" 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">Custom Transaction Numbers - Warning</h4>
      </div>
      <div class="modal-body">
          <!-- <b>Custom Transaction Numbers - Warning</b>  <br> -->
            1. The Custom Transaction Numbers is enabled in your QuickBooks account. To disable this, please follow the instructions <a class="custTxnInfo" data-toggle="tooltip" title="To Disable Custom Transaction Numbers in QuickBooks Online, <br>
            1. Click the gear icon <span class='glyphicon glyphicon-asterisk'></span> on the top right of your QuickBooks account <br>
            2. Click Company Settings option <br>
            3. Click Sales in left menu, then click the Pencil icon <span class='glyphicon glyphicon-pencil'></span> against Sales form Content section to Edit <br>
            4. Uncheck the Custom Transaction Numbers setting and Save" data-placement="right" data-html="true">here</a>.<br>
            2. When the Custom Transaction Numbers setting is enabled, if there are orders from other sources or manually punched in orders, they may take up the numbers in the sequence which is used for Squarespace orders. Please make sure that those orders have a Refence Number/Document number when created. <br>
            3. If any order is inserted without a Reference number, QuickBooks will autoallocate a number and it might conflict with the sequence used by app for Squarespace Orders. <br>
            4. By Proceeding with Custom Transaction Numbers, you agree to the possibility of an order not being able to be synced by our app because there is another order with the same reference number already existing in your QuickBooks account.<br>
            <b>Are you sure you want to Continue?</b>
      </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="customTxnNotReq();">Continue</button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>

@if($base_currency == "CAD")
<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">
            <div class="col-md-6">
            <div class="form-group col-md-12">
              <div class="next-label col-md-5">Alberta</div>
              <div class="col-md-7">
               {{ Form::select('AB', $taxCodeList , Input::old('AB', @$canadaTaxData['AB']), array('class'=>'form-control', 'style'=>'width:100%' , 'id'=>'AB')) }}
               </div>
            </div>
            <div class="form-group col-md-12">
              <div class="next-label col-md-5">British Columbia</div>
              <div class="col-md-7">
               {{ Form::select('BC', $taxCodeList , Input::old('BC', @$canadaTaxData['BC']), array('class'=>'form-control', 'style'=>'width:100%' , 'id'=>'BC')) }}
               </div>
            </div>
            <div class="form-group col-md-12">
              <div class="next-label col-md-5">Manitoba</div>
              <div class="col-md-7">
               {{ Form::select('MB', $taxCodeList , Input::old('MB', @$canadaTaxData['MB']), array('class'=>'form-control', 'style'=>'width:100%' , 'id'=>'MB')) }}
               </div>
            </div>
            <div class="form-group col-md-12">
              <div class="next-label col-md-5">New Brunswick</div>
              <div class="col-md-7">
               {{ Form::select('NB', $taxCodeList , Input::old('NB', @$canadaTaxData['NB']), array('class'=>'form-control', 'style'=>'width:100%' , 'id'=>'NB')) }}
               </div>
            </div>
            <div class="form-group col-md-12">
              <div class="next-label col-md-5">Newfoundland & Labrador</div>
              <div class="col-md-7">
               {{ Form::select('NL', $taxCodeList , Input::old('NL', @$canadaTaxData['NL']), array('class'=>'form-control', 'style'=>'width:100%' , 'id'=>'NL')) }}
               </div>
            </div>
            <div class="form-group col-md-12">
              <div class="next-label col-md-5">Nova Scotia</div>
              <div class="col-md-7">
               {{ Form::select('NS', $taxCodeList , Input::old('NS', @$canadaTaxData['NS']), array('class'=>'form-control', 'style'=>'width:100%' , 'id'=>'NS')) }}
               </div>
            </div>
            <div class="form-group col-md-12">
              <div class="next-label col-md-5">Northwest Territories</div>
              <div class="col-md-7">
               {{ Form::select('NT', $taxCodeList , Input::old('NT', @$canadaTaxData['NT']), array('class'=>'form-control', 'style'=>'width:100%' , 'id'=>'NT')) }}
               </div>
            </div>
          </div>
          <div class="col-md-6">
            
            <div class="form-group col-md-12">
              <div class="next-label col-md-5">Nunavut</div>
              <div class="col-md-7">
               {{ Form::select('NU', $taxCodeList , Input::old('NU', @$canadaTaxData['NU']), array('class'=>'form-control', 'style'=>'width:100%' , 'id'=>'NU')) }}
               </div>
            </div>
            <div class="form-group col-md-12">
              <div class="next-label col-md-5">Ontario</div>
              <div class="col-md-7">
               {{ Form::select('ON', $taxCodeList , Input::old('ON', @$canadaTaxData['ON']), array('class'=>'form-control', 'style'=>'width:100%' , 'id'=>'ON')) }}
               </div>
            </div>
            <div class="form-group col-md-12">
              <div class="next-label col-md-5">Prince Edward Island</div>
              <div class="col-md-7">
               {{ Form::select('PE', $taxCodeList , Input::old('PE', @$canadaTaxData['PE']), array('class'=>'form-control', 'style'=>'width:100%' , 'id'=>'PE')) }}
               </div>
            </div>
            <div class="form-group col-md-12">
              <div class="next-label col-md-5">Quebec</div>
              <div class="col-md-7">
               {{ Form::select('QC', $taxCodeList , Input::old('QC', @$canadaTaxData['QC']), array('class'=>'form-control', 'style'=>'width:100%' , 'id'=>'QC')) }}
               </div>
            </div>
            <div class="form-group col-md-12">
              <div class="next-label col-md-5">Saskatchewan</div>
              <div class="col-md-7">
               {{ Form::select('SK', $taxCodeList , Input::old('SK', @$canadaTaxData['SK']), array('class'=>'form-control', 'style'=>'width:100%' , 'id'=>'SK')) }}
               </div>
            </div>
            <div class="form-group col-md-12">
              <div class="next-label col-md-5">Yukon</div>
              <div class="col-md-7">
               {{ Form::select('YT', $taxCodeList , Input::old('YT', @$canadaTaxData['YT']), array('class'=>'form-control', 'style'=>'width:100%' , 'id'=>'YT')) }}
               </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


<div class="modal fade" id="modal-info-image" style="display: none;">
  <div class="modal-dialog" style="width:90% !important; height: 86% !important;" >
    <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>
      </div>      
      <div class="modal-body">
            <img id="info_img" src="" style="height: 100%;width:100%">
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>

<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">QuickBooks Sales TaxCode</div>              
              <select class="form-control" name="qb_taxcode_except" id="qb_taxcode_except">
                @foreach($taxCodeList 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>
                  <input class="form-control" type="text" name="tax_rate" id="tax_rate"  placeholder="Tax Rate" onkeypress="return isNumberKey(event)" value="{{$keyy}}" />
              </div>

              <div class="col-md-5">
                <div class="next-label">QuickBooks Sales TaxCode</div>              
                  <select class="form-control" name="qb_taxcode" id="qb_taxcode">
                    @foreach($taxCodeList 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">QuickBooks Sales TaxCode</div>              
              <select class="form-control" name="qb_taxcode" id="qb_taxcode">
                @foreach($taxCodeList 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">QuickBooks Sales TaxCode</div>              
              <select class="form-control" name="qb_taxcode_except" id="qb_taxcode_except">
                @foreach($taxCodeList 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>
              <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">QuickBooks Sales TaxCode</div>              
              <select class="form-control" name="qb_taxcode" id="qb_taxcode">
                @foreach($taxCodeList 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="create-newcustomer" 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">Create New Customer</h4>
      </div>
      <div class="modal-body">
        <div class="form-group">
            <div class="next-label">Customer Name</div>
              <input class="form-control" type="text" name="customerName" id="customerName"  placeholder="Create New Customer" />              
              <span class="alert-msg customerNameErr hidden"><i class="fa fa-times"></i> Customer Name Required</span>
        </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="createNewCustomer();">Create</button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>
<div class="modal fade" id="create-newitem" 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">Create New Item</h4>
      </div>
      <div class="modal-body">
          <input type="hidden" name="createItemFor" id="createItemFor" />
        <div class="form-group">
            <div class="next-label">Account</div>
              
                  {{ Form::select('newItemAccountType', $incomeAccountsList , '', array('class'=>'form-control', 'style'=>'width:100%','id'=>'newItemAccountType')) }}
                  {!! $errors->first('newItemAccountType', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
              
        </div>
        <div class="form-group">
            <div class="next-label">Item Name</div>
              <input class="form-control" type="text" name="itemName" id="itemName"  placeholder="Create New Item" />
        </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="createNewItem();">Create</button>
      </div>
    </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">
                  @foreach($dipositedToAccountsList 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')
<style type="text/css">
  .error {
    border-color: #ec0606;
  }
  label.error{
    color:#ec0606;
  }

  .alert-success{
    color: #212b36 !important;
    background-color: #e0f5f5 !important;
    border: none;
    box-shadow: inset 0 3px 0 0 #47c1bf, inset 0 0 0 0 transparent, 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);
  }
  
  .alert-success:focus {
       box-shadow: inset 0 3px 0 0 #47c1bf, inset 0 0 0 3px #47c1bf, 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);
  }
  .msgText{
    font-size: 12px;
  }
 
</style>
<script src="{{asset('assets/js/jquery.bootstrap.wizard.js')}}"></script>

<script src="{{ asset('assets/js/bootbox.min.js') }}"></script>

<script type="text/javascript">
  searchVisible = 0;
transparent = true;
var $validator;
var y = 1;
    $(document).ready(function() 
    {

     

          jQuery.validator.addMethod("endDate", function(value, element) {
                var startDate = "2019-01-01";
                return Date.parse(startDate) <= Date.parse(value) || value == "";
            }, "* End date must be after start date");

      
            jQuery.validator.addMethod("noSpace", function(value, element) {
        return value.indexOf(" ") < 0;        
            }, "No space please");
      
       jQuery.validator.addMethod("noEmpty", function(value, element) {
        if($('#disablePrefix').prop("checked")==false)
          return value.indexOf(" ") < 0&& value != "";
        else
          return true;
            }, "No space please and don't leave it empty");
      
      $.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 = $("#create-form").validate({ 
                rules: {
                  saleAccountType: {
                    required: true,
                  },
                  giftCardDipositedIn: {
                    required: false,
                  },
                  autoSyncStartDate: {
                    required: true,
                    endDate:true,
                  },
                  qbFullyPaid: {
                    required: true,
                  },
                  qbCustomerType: {
                    required: true,
                  },
                  @if($base_currency == "USD")
                    taxAgency: {
                      required: true,
                    },
                  @else
                    taxCode: {
                      required: true,
                    },
                    zeroTaxCode: {
                      required: true,
                    },
                  @endif                                   
                  qbPrefix:{
                    maxlength:2,
                    noSpace:true,
                    noEmpty:true,
                  },
                  acDipositedIn: {
                    required: true
                  },
                }
              });

          
      $('.datepicker').datepicker({"autoclose": true});

      customerTypeChange();
      productTypeChange();
      shippingProductTypeChange();
      shippingSettingChange();
            taxCodeChecked();
                  
      $('#refreshShippingSetting').click(function() {
         refreshShippingSetting();
       });

        //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><input class="form-control" type="text" name="tax_rate" id="tax_rate"  placeholder="Tax Rate" onkeypress="return isNumberKey(event)"></input></div><div class="col-md-5"><div class="next-label">QuickBooks Sales TaxCode</div><select class="form-control" name="qb_taxcode" id="qb_taxcode">@foreach($taxCodeList 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
        });

        if($.cookie('welcomeMessage') == 'true'){
          $('.settings-alert').parent().remove();
        }        

        
    });
  
  function openTaxCodeModal()
  {
    $("#canada-tax-settings").modal('show');
  }


    function taxAgencyChecked()
    {
      if($("#taxAgencyChkBox").prop("checked") == true)
      {
          $( "#taxAgency" ).rules( "remove" );
      }
      else
      {
        $( "#taxAgency" ).rules( "add", {
            required: true,
          });
      }
    }
     function taxCodeChecked()
    {
      if($("#taxCodeChkBox").prop("checked") == true)
      {
          $( "#taxCode" ).rules( "remove" );
           $( "#zeroTaxCode" ).rules( "remove" );
      }
      else
      {
        $( "#taxCode" ).rules( "add", {
            required: true,
          });
        $( "#zeroTaxCode" ).rules( "add", {
            required: true,
          });
      }
    }

    function customerTypeChange()
    {
        if($('#qbCustomerType').val() == 'SAME')
        {
            $(".customerName").removeClass('hidden');
        }
        else
        {
            $(".customerName").addClass('hidden');
        }
    }


    function productTypeChange()
    {
        if($('#qbProductType').val() == 'SAME')
        {
          $("#productMatchingDsp").addClass("hidden");          
            $(".productName").removeClass('hidden');
        }
        else
        {
          $("#productMatchingDsp").removeClass("hidden");
            $(".productName").addClass('hidden');
        }

        if($('#qbProductType').val() == 'SAME')
        {          
            $( "#qbProductName" ).rules( "remove" );                      
        }
        else
        {
          $( "#qbProductName" ).rules( "remove" );          
        }

    }


    function shippingProductTypeChange()
    {
        if($('#qbShippingProductType').val() == 'SAME')
        {
          $("#shippingAccountTypeDsp").addClass('hidden');          
            $(".shippingProductName").removeClass('hidden');
        }
        else
        {
            $("#shippingAccountTypeDsp").removeClass('hidden');
            $(".shippingProductName").addClass('hidden');
        }

        if($('#qbShippingProductType').val() == 'SAME')
        {          
            $( "#qbShippingProductName" ).rules( "remove" );
                     
        }
        else
        {
          $( "#qbShippingProductName" ).rules( "remove" );
          
        }

    }


    function checkForOld(obj)
    {
        if(obj.prop("checked")  == true)
        {
            $('#custNameText').addClass("hidden");
            $('#custNameDroupDown').removeClass("hidden");
        }
        else
        {
            $('#custNameDroupDown').addClass("hidden");
            $('#custNameText').removeClass("hidden");
        }
    }

    function checkForOldproduct(obj)
    {
        if(obj.prop("checked")  == true)
        {
            $('#productNameText').addClass("hidden");
            $('#productNameDroupDown').removeClass("hidden");
        }
        else
        {
            $('#productNameDroupDown').addClass("hidden");
            $('#productNameText').removeClass("hidden");
        }
    }

    function disconnectCompany()
    {
      bootbox.confirm({
          title: "Disconnect {{$companyName}}",
          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)
              {
                $.ajaxSetup({
                  headers: {
                       'X-CSRF-TOKEN': '{{ csrf_token() }}'
                  }
              });
                $.ajax({
                        type: 'POST',
                        url: "{{route('ssqbdisconnect',array('seller_id' => $seller_id))}}", 
                        data:"",
                        success:function( data ) 
                        { 
                           window.location.reload();
                        },
                        error : function(xhr,status,error)
                        {
                           window.settingsEditor.refresh();
                        }
                });
              }
          }
      });
    }

    function openCreateNewAcModel(Id,type)
    {
      var res = type.split("|");
      console.log(res);
      var htmlOp = '';
      $.each(res,function(k,v){
        htmlOp = htmlOp + '<option value="'+v+'">'+v+'</option>';
      })
      $("#craccountName").val('');
      $('#craccountType').html(htmlOp);
      $('#createAcFor').val(Id);
      $("#modal-default").modal('show');
    }

    function createNewSettingAccount()
    {
      if($('#craccountName').val() != '' && $('#createAcFor').val() != '')
      {
        startLoading();
        $("#modal-default").modal('hide');
          $.ajaxSetup({
            headers: {
                 'X-CSRF-TOKEN': '{{ csrf_token() }}'
            }
        });
          var subAccType = "";
          if($('#createAcFor').val()=="giftCardDipositedIn")
          {
            subAccType = "OtherCurrentLiabilities";
          }else if($('#createAcFor').val()=="saleAccountType"){
            subAccType = "SalesOfProductIncome";            
          }

           $.ajax({
                type: 'POST',
                url: "{{route('createNewSettingAccountSsqb',array('seller_id' => $seller_id ))}}", 
                data:{"_token": "{{ csrf_token() }}","accName":$('#craccountName').val(), "accType" : $('#craccountType').val() , "subAccType" : subAccType},
                success:function( data , code ) 
                { 
                    stopLoading();
                    $('#'+$('#createAcFor').val()).append('<option value="'+data.data+'">'+$('#craccountName').val()+'</option>');
                    $('#'+$('#createAcFor').val()+' option').removeAttr('selected');
                    $('#'+$('#createAcFor').val()+' option[value='+data.data+']').attr('selected','selected');
                },
                error : function(reject)
                {
                  stopLoading();
                  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>'+reject.responseJSON.errors+'</div></div>';
                    $('.tab-pane.active').prepend(errorHtml);                    
                }
        });
      }
      else
      {

      }
    }


    function storeSettings()
    {
      if($('#create-form').valid())
      {
        @if($QbBaseCurrency != $SsCurrency && $multyCurrency == "false")

            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>First Enable MultiCurrency from QuickBooks and reload settings page.</div></div>';
            $('.ui-layout').prepend(errorHtml);
            window.scrollTo(0,0);

        @else

        @if($base_currency == "CAD")
        var cadTaxcodeData = {};
        $('#CADTaxSetting select').each(function(){
          cadTaxcodeData[$(this).attr('id')] = $(this).val();
        });
        $("#otherTaxCodeForCAD").val(JSON.stringify(cadTaxcodeData));
        @endif
        
        startLoading();
          $.ajaxSetup({
            headers: {
                 'X-CSRF-TOKEN': '{{ csrf_token() }}'
            }
        });

        $.ajax({
                type: 'POST',
                url: "{{route('ssqbstoreSettings',array('seller_id' => $seller_id ))}}", 
                data:$('#create-form').serialize(),
                success:function( data , code ) 
                { 
                  stopLoading();
                  if(data.success == true)
                  {
                    window.location.href = '{{route("sssellerqb/accountdetail",array("seller_id"=>$seller_id))}}';
                  }
                  //window.scrollTo(0,0);
                },
                error : function(reject)
                {
                  stopLoading();
                  if(reject.status == 422)
                  {
                    var errors = reject.responseJSON.errors;
                    var errormsg = '';
                    $.each(errors, function( index, value ) {
                      value1 = value[0].replace('fields required.','');
                        errormsg += "<br/>";  
                      errormsg += ' '+value[0];
                    });
                    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>'+errormsg+'</div></div>';
                    $('.ui-layout').prepend(errorHtml);
                   
                  }
                  else if(reject.status == 401)
                  {
                    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>'+reject.responseJSON.errors+'</div></div>';
                    $('.ui-layout').prepend(errorHtml);
                  }
                  else
                  {
                    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>Something wrong please try again</div></div>';
                    $('.ui-layout').prepend(errorHtml);
                  }
                  window.scrollTo(0,0);
                }
        });

        @endif
      }
    }

    function taxNotReq()
    {
      @if($QbBaseCurrency == "USD")
        $('#taxAgencyChkBox').prop("checked",true);
        taxAgencyChecked();
      @else
        $('#taxCodeChkBox').prop("checked",true);
        taxCodeChecked();
      @endif
      $('#settingSection').removeClass("hidden");
      $('#showSettings').remove();
    }

    function confirmCustomTxnNumber(){
      $('#modal-customtxnnumber').modal('show');
    }

    function customTxnNotReq()
    {
      $('#modal-customtxnnumber').modal('hide');
      $('#settingSection').removeClass("hidden");
      $('#showSettings').remove();
    }

    function shippingSettingChange(){
      var val = $('#qbShippingSetting').val();
      if(val == 'shipping_field'){
        //hide
        $('#productShippingData').css('display','none');
      }else{
        //show
        $('#productShippingData').css('display','block');
      }
    }

    function openInfoImageModel(para){
      if(para == 'line_items'){
        var newSrc = "{{asset('assets/img/shipping_line _item.png')}}";
      }else{
        var newSrc = "{{asset('assets/img/shipping_field.png')}}";
      }
      $('#info_img').attr('src', newSrc);
      $('#modal-info-image').modal('show');
    }

    function refreshShippingSetting(){
      var sellername = '{{$seller_id}}';
        startLoading();
         $.ajax({
                  type: 'POST',
                  url: "{{route('checkShippingSetting')}}", 
                  data: {"_token": "{{ csrf_token() }}","seller_id":sellername},
                  success:function( data  ) 
                  { 
                      stopLoading();
                      if(data == true){                        
                        $('#qbShippingSettingField').removeClass('hidden');
                        $('#qbShippingSettingLines').addClass('hidden');
                      }
                  }
          });
    }
    function openAddTaxesModel(){
      $('#modal-taxes').modal('show');
    }
    function isNumberKey(evt)
       {
          var charCode = (evt.which) ? evt.which : evt.keyCode;
          if (charCode != 46 && charCode > 31 
            && (charCode < 48 || charCode > 57))
             return false;

          return true;
       }
       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);
         });   
         
         for (var i = 0; i < tax_rate.length - 1; i++) {  
            if (tax_rate[i + 1] == tax_rate[i]) {  
                results.push(tax_rate[i]);  
            }  
          }     
          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 fetchAllProduct(selectId,id)
    {
      if($('#'+id).val() == 'SAME')
      {
        var sellername = '{{$seller_id}}';
        startLoading();
         $.ajax({
                  type: 'POST',
                  url: "{{route('fetchAllProductsSsqb')}}", 
                  data: {"_token": "{{ csrf_token() }}","seller_id":sellername},
                  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 fetchAllCutomer()
    {
      if($('#qbCustomerType').val() == 'SAME')
      {
        var sellername = '{{$seller_id}}';
        startLoading();
         $.ajax({
                  type: 'POST',
                  url: "{{route('fetchAllCustomersSsqb')}}", 
                  data: {"_token": "{{ csrf_token() }}","seller_id":sellername},
                  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.DisplayName+'</option>';
                        });
                        $('#qbCustomerName').html(htmlData);
                      }
                  }
          });
      }
    }
    function openCreateNewCustomerModel(module){
      $('#create-newcustomer').modal('show');
    }
    function createNewCustomer(){

      if($('#customerName').val() != '')
      {
        startLoading();
        $("#create-newcustomer").modal('hide');
          $.ajaxSetup({
            headers: {
                 'X-CSRF-TOKEN': '{{ csrf_token() }}'
            }
        });
            $.ajax({
                type: 'POST',
                url: "{{route('createNewCustomerSsqb',array('seller_id' => $seller_id ))}}", 
                data:{"_token": "{{ csrf_token() }}","customerName":$('#customerName').val(),'qbMultiCurrency':$('#qbMultiCurrency').val()},
                success:function( data , code ) 
                { 
                    stopLoading();
                    $('#qbCustomerName').append('<option value="'+data.data+'">'+$('#customerName').val()+'</option>');
                    $('#qbCustomerName option').removeAttr('selected');
                    $('#qbCustomerName option[value='+data.data+']').attr('selected','selected');                    
                },
                error : function(reject)
                {
                  stopLoading();
                  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>'+reject.responseJSON.errors+'</div></div>';
                    $('.tab-pane.active').prepend(errorHtml);                     
                }
        });
      }
      else
      {
        $(".customerNameErr").removeClass('hidden');
      }
    }   
    function openCreateNewItemModel(module){
      $('#createItemFor').val(module);
      $('#newItemAccountType').val($('#saleAccountType').val());
      $('#create-newitem').modal('show');
    }
    function createNewItem(){

      if($('#itemName').val() != '' && $('#newItemAccountType').val() != '')
      {
        startLoading();
        $("#create-newitem").modal('hide');
          $.ajaxSetup({
            headers: {
                 'X-CSRF-TOKEN': '{{ csrf_token() }}'
            }
        });
            $.ajax({
                type: 'POST',
                url: "{{route('createNewItemSsqb',array('seller_id' => $seller_id ))}}", 
                data:{"_token": "{{ csrf_token() }}","itemName":$('#itemName').val(), "accType" : $('#newItemAccountType').val()},
                success:function( data , code ) 
                { 
                    stopLoading();
                    var module1 = $('#createItemFor').val();
                    if(module1 == 'store'){
                      $('#qbProductName').append('<option value="'+data.data+'">'+$('#itemName').val()+'</option>');
                      $('#qbProductName option').removeAttr('selected');
                      $('#qbProductName option[value='+data.data+']').attr('selected','selected');
                    }else if(module1 == 'shipping'){
                      $('#qbShippingProductName').append('<option value="'+data.data+'">'+$('#itemName').val()+'</option>');
                      $('#qbShippingProductName option').removeAttr('selected');
                      $('#qbShippingProductName option[value='+data.data+']').attr('selected','selected');
                    }

                },
                error : function(reject)
                {
                  stopLoading();
                  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>'+reject.responseJSON.errors+'</div></div>';
                    $('.tab-pane.active').prepend(errorHtml);                    
                }
        });
      }
      else
      {

      }
    }
    function addMorePaymentGateways(){
      $('#addMorePaymentGateways').modal('show');
    }
    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));
      }
    }
</script>
<script src="{{asset('assets/js/paper-bootstrap-wizard.js')}}"></script>
@stop