@extends('layouts/default')

@section('commonbuttons')
<a href="{{route('stripexoseller/accountdetail', array('seller_id'=>$seller_id))}}" data-tooltip="tooltip" data-original-title="Dashboard" class="btn btn-primary ad-click-event commonButtons" style="margin-left:5px;">{{config('app.tabLables')['dashboard']}}</a>
@stop 

@section('title')
Xero 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($xero_base_currency != $StripeCurrency && !in_array($StripeCurrency,$xeroCurrency))
                  <div class="col-md-12">
                    <div>Your Store is in <b>{{$StripeCurrency}}</b> and your Xero base currency is in <b>{{$xero_base_currency}}</b>.</div>
                    <div>You haven't enabled multi-currency in your Xero Account. Make sure you enable multi-curreny from Xero.</div>
                    <div>For instructions on how to enabled multi currency <a href="https://Xero.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 have enabled multi-currency in your Xero, please click on the 'Reload Page' button below. <br>
                  <button class='btn btn-primary commonButtons' onclick="startLoading();window.location.reload();">Reload Page</button>
                </div>
                @endif
              </div>
            </div>
            @endif
            <!-- end setting not done-->
            <!-- start setting is hidden or not when showsetting and customTxnFlag is false -->
            <div class="wizard-container 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="#PAYOUTSET" data-toggle="tab" aria-expanded="false">
                          <div class="icon-circle checked">
                            <i class="fa fa-user" aria-hidden="true"></i>
                          </div>
                          Bank & Stripe Payments
                        </a>
                      </li>
                    </ul>
                  </div>
                  <div class="tab-content">
                    <div class="tab-pane active" id="ORSET">
                      <div class="row">
                        <div class="form-group {{ $errors->has('stripeAccountName') ? ' has-error' : '' }} ">
                        <div class="next-label">Stripe Account Name </div>  
                          <div class="row">
                            <div class="col-md-5">
                              <input class="form-control" type="text" name="stripeAccountName" id="stripeAccountName" value="{{ (!empty(@$settingData['stripeAccountName']))? @$settingData['stripeAccountName'] : '' }}" placeholder="Stripe Account Name" />  
                              {!! $errors->first('stripeAccountName', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
                            </div>
                          </div>
                        </div>
                        <div class="form-group {{ $errors->has('xero_invoice_prefix') ? ' has-error' : '' }} ">
                          
                            <div class="next-label">Xero Prefix (For connecting multiple Stripe Account to one Xero account) </div>
                          
                          <div class="row">
                            <div class="col-md-5">
                              <input class="form-control" type="text" name="xero_invoice_prefix" id="xero_invoice_prefix" value="{{ (!empty(@$settingData['prefix']) || @$settingData['prefix_required'] == 'N' || !$prefixEdit)? @$settingData['prefix'] : 'ST' }}" placeholder="Xero Prefix"  style="text-transform: uppercase;" disabled='true'/>	
                              <!--Prefix is false that time disabled true -->						  
                              @if(!$prefixEdit)
                                <input type="hidden" name="xero_invoice_prefix" id="xero_invoice_prefix" value="{{ @$settingData['prefix'] }}" />
								                <input type="hidden" name="disablePrefix" id="disablePrefix"  value="{{ (@$settingData['prefix_required'] == 'N') ? 'on' : 'off' }}" /> 
                              @endif
                              {!! $errors->first('xero_invoice_prefix', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
                            </div>
                            <div class="col-md-12"><input type="checkbox" name="xero_invoice_prefix_req" id="xero_invoice_prefix_req" {{  (!empty(Input::old('xero_invoice_prefix_req')) || @$settingData['xero_invoice_prefix_req'] == "N")? 'checked' : '' }}  onclick="AzPrefixChecked();"> Disable Prefix but Prefix is ideal if you have multiple Amazon store connected with same Xero</div>
                            @if(!empty($getotherSellersPrefix))
                            <div class="col-md-12">
                              <p class="text-red font-13">Another Stripe store is already connected with this Quickbook organization using prefix : <b>{{ $getotherSellersPrefix }}</b>. Please use a different prefix.</p>
                            </div>
                            @endif
                          </div>
                        </div>

                        
                        <div class="form-group {{ $errors->has('sync_start_date') ? ' has-error' : '' }}">
                          <div class="next-label">What date do you want your data sync to Xero to start from?</div>
                          <div class="row">
                            <div class="col-md-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="sync_start_date" id="sync_start_date" value="{{ Input::old('sync_start_date', @$settingData['sync_start_date']) }}" >
                              <!--order exist OrderExistsCheck order count is > 0 then ediable is false-->
                              @if($editable == "false")
                              <input type="hidden" name="sync_start_date" id="sync_start_date" value="{{ Input::old('sync_start_date', @$settingData['sync_start_date']) }}" />
                              @endif
                              {!! $errors->first('sync_start_date', '<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('customer_creation') ? ' has-error' : '' }}">

                          <div class="next-label">XERO Customer Creation for Order Sync</div>

                          <div class="row">

                            <div class="col-md-5">

                              {{ Form::select('customer_creation', $customerType_list , Input::old('customer_creation', @$settingData['customer_creation']), array('id'=>'customer_creation','class'=>'form-control', 'style'=>'width:100%' , 'onchange' => "fetchAllCutomer(); customerTypeChange()")) }}

                            </div>

                          </div>

                        </div>
                        <div class="form-group hidden {{ $errors->has('customerName') ? ' has-error' : '' }} customerName">
                          <div class="next-label">Select Customer</div>
                          <div class="row">
                            <div class="col-md-5" id="">
                            {{ Form::select('customerName', $customerList , Input::old('customerName', @$settingData['customer_id']), array('class'=>'form-control', 'style'=>'width:100%','id'=>'customerName')) }}
                            {!! $errors->first('customerName', '<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>
                          <!-- add new customer from here -->
                          <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()">Add New Customer</button>
                            </div>
                          </div>
                          </div>
                        </div>
                         <!--full Fulfillment created by harshad -->
                         


                      </div>
                    </div>
                    <div class="tab-pane" id="PAYOUTSET">
                      <div class="row">
                        <div class="form-group {{ $errors->has('sales_account') ? ' has-error' : '' }}">
                          <div class="next-label">Xero Account for Sales</div>  
                          <div class="row">
                            <div class="col-md-5">
                              {{ Form::select('sales_account', array(''=>'--- Select Account for Sales ---')+$salesDataList , Input::old('sales_account', $settingData['sales_account']), array('class'=>'form-control', 'style'=>'width:100%' , 'id'=>'sales_account')) }}
                            </div>
                            <div class="col-md-1" style="line-height: 35px;text-align: center;"> - OR - </div>
                            <div class="col-md-3">
                              <button type="button" class="btn btn-success btn-wd" onclick="openCreateNewAcModel('sales_account','Bank|OTHERINCOME')">Add New</button>
                            </div>
                            <div class="col-md-12 field-info">
                              This account books your revenue for sales.
                            </div>
                          </div>
                        </div>
                        <div class="form-group {{ $errors->has('payment_account_deposit') ? ' has-error' : '' }}">
                          <div class="row">
                            <div class="col-md-5">
                              <div class="next-label">Xero Account for Payment Deposit</div>
                              {{ Form::select('payment_account_deposit', $bankDataList , Input::old('payment_account_deposit', @$settingData['payment_account_deposit']), array('class'=>'form-control', 'style'=>'width:100%','id'=>'payment_account_deposit')) }}
                              {!! $errors->first('payment_account_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('payment_account_deposit','Bank')">Add New</button>
                            </div>
                            @endif
                              <p class="msgText col-md-12">Select Bank account where you receive payments from Stripe.</p>
                            <div class="col-md-12 field-info">
                              This should be an actual Bank account. Payments/Payouts from Transafers from Stripe will be deposited in this account.
                            </div>
                          </div>
                        </div>
                        <hr>
                        <div class="form-group">
                          <div class="mb-5"><input type="checkbox" name="payout_enable" id="payout_enable" 
                            checked onclick="payoutChecked();"> PayOut Enabled</div>
                        </div>
                        <div class="form-group {{ $errors->has('payout_holding_account') ? ' has-error' : '' }}">
                          <div class="row">
                            <div class="col-md-5">
                              <div class="next-label">Xero Holding account for Stripe Payments</div>
                              {{ Form::select('payout_holding_account', $otherAccountList , Input::old('payout_holding_account', @$settingData['payout_holding_account']), array('class'=>'form-control', 'style'=>'width:100%' , 'id' => 'payout_holding_account')) }}
                              {!! $errors->first('payout_holding_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('payout_holding_account','Bank|Other Current Asset')">Add New</button>
                            </div>
                            @endif
                            <div class="col-md-12 field-info">
                              This should be a Holding account. Funds will temporarily be held in this account.
                            </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">Xero Account for Stripe Fees</div>
                              {{ Form::select('payout_account_fee_deposit', $payoutFeesDataList , 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 Stripe for Payment processing.
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <input type="hidden" name="seller_id" id="seller_id" value="{{$seller_id}}" />
                  <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 Xero account. To disable this, please follow the instructions <a class="custTxnInfo" data-toggle="tooltip" title="To Disable Custom Transaction Numbers in Xero Online, <br>
            1. Click the gear icon <span class='glyphicon glyphicon-asterisk'></span> on the top right of your Xero 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 Stripe 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, Xero will autoallocate a number and it might conflict with the sequence used by app for Stripe 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 Xero 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>

<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="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">
        <form name="saveCutsomerFrm" id="saveCutsomerFrm" method="POST">
        <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>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary" onclick="saveCutsomer();">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', $bankDataList , '', 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: {
                  sync_start_date: {
                    required: true,
                    endDate:true,
                  },
                  payment_account_deposit: {
                    required: true,
                    notEqual : '#payout_holding_account'
                  },
                  qbFullyPaid: {
                    required: true,
                  },
                  stripeAccountName: {
                    required: true,
                  },
                  xoCustomerType: {
                    required: true,
                  },
                  @if(!empty(@$settingData['payout_holding_account']) && @$settingData['payout_holding_account'] != "")
                  payout_holding_account:{
                    required:true,
                    notEqual : '#payment_account_deposit'
                  },
                  
                  @elseif(@$settingData['payout_holding_account'] == "")
                  payout_holding_account:{
                    required:false,
                    notEqual : '#payment_account_deposit'
                  },
                  payout_account_fee_deposit:{
                    required:true,
                  },
                  @else
                  payout_holding_account:{
                    required:true,
                    notEqual : '#payment_account_deposit'
                  },
                  payout_account_fee_deposit:{
                    required:true,
                  },
                  @endif
                  payout_account_fee_deposit:{
                    required:true,
                  },
                  xero_invoice_prefix:{
                    maxlength:4,
                    noSpace:true,
                    noEmpty:true,
                  }
                }
              });

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

      customerTypeChange();
      payoutChecked();
              if($.cookie('welcomeMessage') == 'true'){
          $('.settings-alert').parent().remove();
        }        
    });
  
    function payoutChecked()
    {
      if($("#payout_enable").prop("checked") == true)
      {
          $( "#payout_holding_account" ).rules( "add", {
            required: true,
          });
          $( "#payout_account_fee_deposit" ).rules( "add", {
            required: true,
          });
      }
      else
      {
        $( "#payout_holding_account" ).rules( "remove" );
        $( "#payout_account_fee_deposit" ).rules( "remove" );
      }
    }

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

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

    function disconnectCompany()
    {
      bootbox.confirm({
          title: "Disconnect {{$companyName}}",
          message: "Are you sure you want to disconnect this company?",
          buttons: {
              cancel: {
                  label: '<i class="fa fa-times"></i> Cancel'
              },
              confirm: {
                  label: '<i class="fa fa-check"></i> Confirm'
              }
          },
          callback: function (result) {
              if(result)
              {
                $.ajaxSetup({
                    headers: {
                         'X-CSRF-TOKEN': '{{ csrf_token() }}'
                    }
                });
                $.ajax({
                        type: 'POST',
                        url: "{{route('stxodisconnect',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 valur="'+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('createNewSettingAccountStxo',array('seller_id' => $seller_id ))}}", 
                data:{"_token": "{{ csrf_token() }}","accName":$('#craccountName').val(), "accType" : $('#craccountType').val() , "subAccType" : subAccType},
                success:function( data , code ) 
                { 
                    stopLoading();
                    if(data.success == true){
                      if(data.data[0]['Type'] == 'BANK')
                      var val = data.data[0]['AccountID']+','+data.data[0]['Type'];
                      else
                      var val = data.data[0]['Code']+','+data.data[0]['Type'];
                      $('#'+$('#createAcFor').val()).append('<option value="'+val+'">'+$('#craccountName').val()+'</option>');
                      $('#'+$('#createAcFor').val()+' option').removeAttr('selected');
                      $('#'+$('#createAcFor').val()).val(val);
                    }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>'+data.errors+'</div></div>';
                    $('.tab-pane.active').prepend(errorHtml); 
                    }
                },
                error : function(reject)
                {
                  console.log(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($xero_base_currency != $StripeCurrency)

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

        @else

        
        startLoading();
          $.ajaxSetup({
            headers: {
                 'X-CSRF-TOKEN': '{{ csrf_token() }}'
            }
        });

        $.ajax({
                type: 'POST',
                url: "{{route('storestxosettings',array('seller_id' => $seller_id ))}}", 
                data:$('#create-form').serialize(),
                success:function( data , code ) 
                { 
                  stopLoading();
                  if(data.success == true)
                  {
                                        window.location.href = '{{route("stripexoseller/accountdetail",array("seller_id"=>$seller_id))}}';
                  }
                  //window.scrollTo(0,0);
                },
                error : function(reject)
                {
                  stopLoading();
                  if(reject.status == 422)
                  {
                    var errorHtml = '<div class="col-md-12"><div class="alert alert-danger"><button type="button" class="close" data-dismiss="alert">&times;</button><i class="fa fa-exclamation-circle faa-pulse animated"></i><strong>Error: </strong>Required field error.</div></div>';
                    $('.ui-layout').prepend(errorHtml);
                   
                  }
                  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 confirmCustomTxnNumber(){
      $('#modal-customtxnnumber').modal('show');
    }

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

    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 fetchAllCutomer()
    {

      if($('#customer_creation').val() == 'SAME')
      {
        var store_id = '{{$seller_id}}';
        startLoading();
        $.ajaxSetup({
            headers: {
                 'X-CSRF-TOKEN': '{{ csrf_token() }}'
            }
        });
         $.ajax({
              type: 'POST',
              url: "{{route('fetchAllCustomerStxo',array('seller_id'=>$seller_id))}}", 
              data: {"seller_id":store_id},
              success:function( data  ) 
              { 
                  stopLoading();
                  if(data.success == true){  
                    var obj = $.parseJSON(data.data);
                    var htmlData = '';
                    htmlData += '<option value="">Select Customer</option>';
                    $(obj).each(function(i,val)
                    {
                      htmlData += '<option value="'+val.ContactID+','+val.Name+'">'+val.Name+'</option>';
                    });
                    $('#customerName').html(htmlData);
                  }
              }
          });
      }

    }
    function openCreateNewCustomerModel(module){
      $('#create-newcustomer').modal('show');
    }
    function saveCutsomer()
    {
    if($('#saveCutsomerFrm').valid())
    {
      startLoading();
        $.ajaxSetup({
          headers: {
               'X-CSRF-TOKEN': '{{ csrf_token() }}'
          }
      });
      $.ajax({
          type: 'POST',
          url: "{{route('stxostoreCustomer',array('seller_id' => $seller_id ))}}", 
          data:$('#saveCutsomerFrm').serialize(),
          success:function( data , code )
          { 
            stopLoading();
            if(data.success == true)
            {
              var successHtml = '<div class="row"><div class="col-md-12"><div class="alert alert-success"><button type="button" class="close" data-dismiss="alert">&times;</button><i class="fa fa-check faa-pulse animated"></i><strong>Success: </strong>'+data.message+'</div></div></div>';
              $('.tab-pane.active').prepend(successHtml);
              var AccData = data.data['0'];
              $('#customerName').val('');
              $('#customerName').append('<option value="'+AccData['ContactID']+','+AccData['Name']+'" selected>'+AccData['Name']+'</option>');
              $('#create-newcustomer').modal('toggle');
            }else{
              var errorHtml = '<div class="row"><div class="col-md-12"><div class="alert alert-danger"><button type="button" class="close" data-dismiss="alert">&times;</button><i class="fa fa-exclamation-circle faa-pulse animated"></i><strong>Error: </strong>'+data.errors+'</div></div></div>';
              $('#create-newcustomer .modal-body').prepend(errorHtml);
            }
          },
          error : function(reject)
          {
            stopLoading();
            if(reject.status == 422)
            {
              var errorHtml = '<div class="col-md-12"><div class="alert alert-danger"><button type="button" class="close" data-dismiss="alert">&times;</button><i class="fa fa-exclamation-circle faa-pulse animated"></i><strong>Error: </strong>Required field error.</div></div>';
              $('.tab-pane.active').prepend(errorHtml);
            }
            if(reject.status == 401)
            {
              var errorHtml = '<div class="row"><div class="col-md-12"><div class="alert alert-danger"><button type="button" class="close" data-dismiss="alert">&times;</button><i class="fa fa-exclamation-circle faa-pulse animated"></i><strong>Error: </strong>'+reject.errors+'</div></div></div>';
              $('#create-newcustomer.modal-body').prepend(errorHtml);
            }
            window.scrollTo(0,0);
          }
      });
    }
  } 
  function StPrefixChecked()

{

  if($("#xero_invoice_prefix_req").prop("checked") == true)

  {

    $( "#xero_invoice_prefix" ).rules( "remove" );

    $('#xero_invoice_prefix').val('');

  }

  else

  {

      $( "#xero_invoice_prefix" ).rules( "add", {

        required: true,

      });

  }

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