@extends('layouts/default')

@section('commonbuttons')
@if(\Session::get('main_seller_id') != '')
  <a href="{{route('etsysellerqb/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('etsyqborders', array('seller_id'=>$seller_id)) }}" style="margin-left:5px;">{{config('app.tabLables')['unsync_orders']}}</a>  
   @if(isset(\Auth::user()->user_role) && \Auth::user()->user_role != 'Partner')
  <a type="button" class="btn btn-primary commonButtons" href="{{ route('getContactDetailList', array('seller_id'=>$seller_id)) }}" style="margin-left:5px;">{{config('app.tabLables')['seller_contacts']}}</a>
  <a type="button" class="btn btn-primary commonButtons btn-header-section" href="{{ route('contact\contactus',array('seller_id'=>$seller_id)) }}">{{config('app.tabLables')['contact_us']}}</a>
  @endif  
@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 != $EtsyCurrency && $multyCurrency == "false")
                  <div class="col-md-12">
                    <div>Your Store is in <b>{{$EtsyCurrency}}</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 == $EtsyCurrency || ($QbBaseCurrency != $EtsyCurrency && $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 & Etsy Payments
                        </a>
                      </li>
                      <!-- <li class="" >
                        <a href="#PAYSET" data-toggle="tab" aria-expanded="false">
                          <div class="icon-circle checked">
                            <i class="fa fa-user" aria-hidden="true"></i>
                          </div>
                          Other Payment Settings
                        </a>
                      </li> -->
                      
                      <li  class="">
                        <a href="#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="col-md-12" style="padding-top:20px;padding-bottom: 20px; ">
                      <div class="pull-right" style="font-size: 17px;color: red;font-weight: 700;"><a href="https://qbsp.parextech.com/uploads/SettingsInstructions.pdf" target="_blank">Click here</a> to download instructions for the Settings.</div>
                    </div> -->
                    <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 Etsy 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'] : 'ET' }}" 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 Etsy store connected with same quickbooks</div>
                          </div>
                          <div class="row">
                            <input type="hidden" name="customerPrefix" id="customerPrefix"  value="{{ @$settingData['customerPrefix'] }}" /> 
                            <input type="hidden" name="productPrefix" id="productPrefix"  value="{{ @$settingData['productPrefix'] }}" />
                          </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('autoDataSyncTime') ? ' has-error' : '' }}">
                          <div class="next-label">When do you want to initiate your data sync?</div>  
                          {{ Form::select('autoDataSyncTime', $timeRange ,Input::old('autoDataSyncTime', (empty($autoDataSyncTime))? date("H:00") : $autoDataSyncTime ), array('class'=>'form-control', 'style'=>'width:100%')) }}
                          {!! $errors->first('autoDataSyncTime', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
                        </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
                            <input type="hidden" name="moresalesaccwithproduct" id="moresalesaccwithproduct">
                            @if($moreSales == true)
                            <div class="col-md-3" style="line-height: 3;padding-top: 20px;">
                            <button type="button" class="btn btn-success btn-wd" onclick="openMoreSalesAccModel()">More Sales Account</button></div>
                            @endif
                            <div class="col-md-12 field-info">
                                  This account books your revenue for sales.
                                </div>
                          </div>
                        </div>

                        <div 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="mb-5"><input type="checkbox" name="existingProduct" id="existingProduct" {{  (!empty(Input::old('existingProduct')))? 'checked' : '' }} onclick="productChecked();"> Product from Existing System</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 class="col-md-5" id="productNameText">
                              <input class="form-control" type="text" name="qbNewProductName" id="qbNewProductName" value="{{ Input::old('qbNewProductName', @$settingData['qbNewProductName']) }}" placeholder="Create New Product" />
                              {!! $errors->first('qbNewProductName', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
                            </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="mb-5"><input type="checkbox" name="existingShippingProduct" id="existingShippingProduct" {{  (!empty(Input::old('existingShippingProduct')))? 'checked' : '' }} onclick="shippingProductChecked();">Shipping Product from Existing System</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 class="col-md-5" id="shippingProductNameText">
                              <input class="form-control" type="text" name="qbNewShippingProductName" id="qbNewShippingProductName" value="{{ Input::old('qbNewShippingProductName', @$settingData['qbNewShippingProductName']) }}" placeholder="Create New Shipping Product" />
                              {!! $errors->first('qbNewShippingProductName', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
                            </div> -->
                          </div>
                        </div>

                      </div>
                    </div>
                    <div class="tab-pane" id="PAYOUTSET">
                      <div class="row">
                        <div class="form-group {{ $errors->has('bank_account') ? ' has-error' : '' }}">
                          <div class="row">
                            <div class="col-md-5">
                              <div class="next-label">QuickBooks Account for Payment Deposit</div>
                              {{ Form::select('bank_account', $dipositedToAccountsList , Input::old('bank_account', @$settingData['bank_account']), array('class'=>'form-control', 'style'=>'width:100%','id'=>'bank_account')) }}
                              {!! $errors->first('bank_account', '<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('bank_account','Bank|Other Current Asset')">Add New</button>
                            </div>
                            @endif
                              <p class="msgText col-md-12">Select Bank account where you receive payments from Etsy or other sources.</p>
                            <div class="col-md-12 field-info">
                              This should be an actual Bank account. Payments/Payouts from Etsy 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 or the next tab are blank.</p>
                            </div>
                          </div>                          
                        </div>
                        <div class="form-group {{ $errors->has('payout_account_fee_deposit') ? ' has-error' : '' }}">
                          <div class="row">
                            <div class="col-md-5">
                              <div class="next-label">QuickBooks Account for Etsy Fees</div>
                              {{ Form::select('payout_account_fee_deposit', $expenseAccountsList , Input::old('payout_account_fee_deposit', @$settingData['payout_account_fee_deposit']), array('class'=>'form-control', 'style'=>'width:100%', 'id'=> 'payout_account_fee_deposit')) }}
                              {!! $errors->first('payout_account_fee_deposit', '<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('payout_account_fee_deposit','Expense|Other Expense')">Add New</button>
                            </div>
                            @endif
                            <div class="col-md-12 field-info">
                              This account is for Fees deducted by Etsy for Payment processing.
                            </div>
                            <div class="col-md-12 field-info">
                              Etsy fees will be sync per day wise.
                            </div>
                          </div>
                        </div>
                        <div class="form-group {{ $errors->has('cc_account') ? ' has-error' : '' }}">
                          <div class="row">
                            <div class="col-md-5">
                              <div class="next-label">QuickBooks Account for CC Payments</div>
                              {{ Form::select('cc_account', $dipositedToAccountsList , Input::old('cc_account', @$settingData['cc_account']), array('class'=>'form-control', 'style'=>'width:100%', 'id'=> 'cc_account')) }}
                              {!! $errors->first('cc_account', '<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('cc_account','Bank|Other Current Asset')">Add New</button>
                            </div>
                            @endif
                            <div class="col-md-12 field-info">
                              Payment received through CC will be deposited in this account.
                            </div>
                          </div>
                        </div>
                        
                        <hr>
                       
                      </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>
                </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 Etsy 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 Etsy 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="modal-sales-acc" style="display: none;">
  <div class="modal-dialog" >
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">×</span></button>
        <h4 class="modal-title">Add More Sales Account</h4>
      </div>
      <form id="sales-acc-form" class="" method="post" action="" autocomplete="off" role="form" enctype="multipart/form-data">
      <div class="modal-body">
        <div class="col-md-12">
        <div class="col-md-12" id="samesalesacc_error" style="color: red;display: none;" > Product Type can't be same</div> 
        <div class="col-md-12" id="salesacc_error" style="color: red;display: none;" > Product Type must have Account</div>  
        </div>      
        <div class="form-group col-md-12 field_wrapper_sales_account">
          <div>
            <div class="col-md-5">
              <div class="next-label">Product Type</div>
                <select class="form-control" name="moreproducttype_1" id="moreproducttype_1">
                  @foreach($productType as $k=>$v)
                    <option value="{{$k}}">{{$v}}</option>
                  @endforeach
                </select>
            </div>

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

          
      $('.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
        });

        //field_wrapper_sales_account
        //add more functionality for sales account
        
        var maxField_sales = 500; //Input fields increment limitation
        var addButton_sales = $('.add_button_sales_account'); //Add button selector
        var wrapper_sales = $('.field_wrapper_sales_account'); //Input field wrapper
        
        //Once add button is clicked
        $(addButton_sales).click(function(){
            //Check maximum number of input fields
            if(y < maxField_sales){ 
                y++; //Increment field counter
                var fieldHTML = '<div class="remove_sales_div"><div class="col-md-5"><div class="next-label">Product Type</div><select class="form-control" name="moreproducttype_'+y+'" id="moreproducttype_'+y+'">@foreach($productType as $k=>$v)<option value="{{$k}}">{{$v}}</option>@endforeach</select></div><div class="col-md-5"><div class="next-label">Account</div><select class="form-control" name="moresalesaccount_'+y+'" id="moresalesaccount_'+y+'">@foreach($incomeAccountsList as $k=>$v)<option value="{{$k}}">{{$v}}</option>@endforeach</select></div><a href="javascript:void(0);" class="remove_button_sales_account col-md-1" style="line-height: 80px;"><img style="height:20px;width:20px;" src="{{asset("assets/img/remove.png")}}"/></a></div></div>';
                $(wrapper_sales).append(fieldHTML); //Add field html
            }
        });
        
        //Once remove button is clicked
        $(wrapper_sales).on('click', '.remove_button_sales_account', function(e){
            e.preventDefault();
            $(this).parent('div').remove(); //Remove field html
            y--; //Decrement field counter
        });

        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)
              {
                $.ajax({
                        type: 'GET',
                        url: "{{route('disconnectEtsyqb',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('createNewSettingAccountEtsyqb',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 != $EtsyCurrency && $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('etsyqbstoreSettings',array('seller_id' => $seller_id ))}}", 
                data:$('#create-form').serialize(),
                success:function( data , code ) 
                { 
                  stopLoading();
                  if(data.success == true)
                  {
                                        window.location.href = '{{route("etsysellerqb/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 openMoreSalesAccModel(){  
              
        $('.remove_sales_div').remove();
          $.ajax({
              type: 'POST',
              url: "{{route('getSalesAccounts')}}", 
              data:{"_token": "{{ csrf_token() }}","seller_id":"{{$seller_id}}" },
              success:function( data ) 
              { 
                  stopLoading();
                  if(data != false){
                  var obj = $.parseJSON(data);
                    console.log(obj);
                    var html = '';

                    var a = 1;                    
                    $(obj).each(function(i,val)
                    {
                        $.each(val,function(key,val)
                      {
                              console.log(key + " : " + val);                              
                              if(a == 1){
                              // var button = '<div class="col-md-1"><a href="javascript:void(0);" class="add_button_sales_account" onclick="addField()" title="Add field" style="line-height: 80px;"><img style="height:22px;width:22px;" src="{{asset('assets/img/add.png')}}"/></a></div>';

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

                      });
                    });
                    y = a;
                    
                    
                  }

                  $("#modal-sales-acc").modal('show');
              }
          });
        
      }
      // function addField(){
      //   var x = b;
      //   var maxField_sales = 500; //Input fields increment limitation
      //   var addButton_sales = $('.add_button_sales_account'); //Add button selector
      //   var wrapper_sales = $('.field_wrapper_sales_account'); //Input field wrapper
        
      //   var fieldHTML = '<div><div class="col-md-5"><div class="next-label">Product Type</div><select class="form-control" name="moreproducttype_'+x+'" id="moreproducttype_'+x+'">@foreach($productType as $k=>$v)<option value="{{$k}}">{{$v}}</option>@endforeach</select></div><div class="col-md-5"><div class="next-label">Account</div><select class="form-control" name="moresalesaccount_'+x+'" id="moresalesaccount_'+x+'">@foreach($incomeAccountsList as $k=>$v)<option value="{{$k}}">{{$v}}</option>@endforeach</select></div><a href="javascript:void(0);" class="remove_button_sales_account col-md-1" style="line-height: 80px;"><img style="height:20px;width:20px;" src="{{asset("assets/img/remove.png")}}"/></a></div></div>';
        
      //   $(wrapper_sales).append(fieldHTML); //Add field html
      //       b++;
        
      // }
      function saveMoreSalesAcc(){
        //console.log($("#sales-acc-form").serialize());

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

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

          if(emptysalesacc == true)
          $('#salesacc_error').css('display','block');
          else
          $('#salesacc_error').css('display','none');
          console.log(mainData);
          if(emptysalesacc == false && samesalesacc == false){
            $('#moresalesaccwithproduct').val(JSON.stringify(mainData));
            $('#modal-sales-acc').modal('hide');
          }
      }

      function 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('fetchAllProductsEtsyQb')}}", 
                  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('fetchAllCustomersEtsyQb')}}", 
                  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('createNewCustomerEtsyqb',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('createNewItemEtsyqb',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
      {

      }
    }
</script>
<script src="{{asset('assets/js/paper-bootstrap-wizard.js')}}"></script>
@stop