@extends('layouts/default')

@section('commonbuttons')
@if(\Session::get('main_seller_id') != '')
<div style="padding-bottom: 30px; z-index: 999999; font-size: 16px; text-align:center;">
  <a href="{{route('amazonsummaryseller/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('orders', array('seller_id'=>$seller_id)) }}" style="margin-left:5px;">{{config('app.tabLables')['unsync_orders']}}</a>   
  <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" href="{{ route('contact\contactus', array('seller_id'=>$seller_id)) }}" style="margin-left:5px;">{{config('app.tabLables')['contact_us']}}</a>
</div>
@endif
@stop


@section('amazon_title')
<div style="float: left;">
QuickBooks Sync Settings
</div>
<div style="float: right;">
<button type="button" class="btn" onclick="changeSyncType();"> Switch to Individual Sync</button>
</div>
@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">
            <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>
                          Basic 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>
                          QuickBooks Accounts
                        </a>
                      </li>
                    </ul>
                  </div>
                  <div class="tab-content">
                    <div class="tab-pane active" id="ORSET">
                      <div class="row">
                        <div class="form-group {{ $errors->has('qbPrefix') ? ' has-error' : '' }} ">
                          
                            <div class="next-label">QuickBooks Prefix (For connecting multiple Amazon 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'] : 'AMZ' }}" 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 Amazon store connected with same quickbooks</div>
                          </div>
                        </div>
                        <div class="form-group {{ $errors->has('autoSyncStartDate') ? ' has-error' : '' }}">
                          <div class="next-label">What date do you want your data sync to QuickBooks to start from?</div>
                          <div class="row">
                            <div class="col-md-5">  
                              <input type="text" class="datepicker form-control" style="margin-top:0px;" placeholder="Auto Sync Start Date" data-date-format="yyyy-mm-dd" data-date-start-date="{{date('Y-m-01',strtotime('-2 Months'))}}" name="autoSyncStartDate" id="autoSyncStartDate" value="{{ Input::old('autoSyncStartDate', @$settingData['sync_start_date']) }}" >
                              <!--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', @$settingData['sync_start_date']) }}" />
                              @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('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', $bankAccounts , 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>
                              <p class="msgText col-md-12">Select Bank account where you receive payments from Amazon or other sources.</p>
                            <div class="col-md-12 field-info">
                              This should be an actual Bank account. Payments/Payouts from Amazon will be deposited in this account.
                            </div>
                          </div>
                        </div>
                        @if($azseller_country != "US")
                          <div class="col-md-12">
                            <input type="checkbox" name="taxcode_disable" id="taxcode_disable"{{  (@$settingData['taxcode_disable'] == "No")? 'checked' : '' }} onclick="taxvatchecked()">
                            <label for="optionsRadios1">
                                      Are you VAT/GST registred?
                                </label>
                            <div class="form-group addtax hide" id="addtax">
                              <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>

                              <div class="form-group field_wrapper">
                                <div class="right">
                                  <button type="button" class="btn btn-success btn-wd add_button">Add New Tax</button>
                                </div>
                              @foreach($taxrate_array as $key => $value)
                                  <div class=" col-md-12 ">
                                    <div class="col-md-6">
                                        <div class="next-label">Tax Rate (In %)</div>
                                        <input type="text" readonly class="form-control" name="tax_rate" value="{{$value}}">
                                        
                                      </div>
                                    <div class="col-md-5">
                                      <div class="next-label">QuickBooks TaxCode </div>              
                                        <select class="form-control qb_taxcode" 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="padding-top: 30px;"><img style="height:20px;width:20px;" src="{{asset('assets/img/remove.png')}}"/></a>   
                                  </div>
                              @endforeach
                              @foreach($taxrate_array_db as $key => $value)
                                  <div class=" col-md-12 ">
                                    <div class="col-md-6">
                                        <div class="next-label">Tax Rate (In %)</div>
                                        <input type="text" readonly class="form-control" name="tax_rate" value="{{$value}}">
                                        
                                      </div>
                                    <div class="col-md-5">
                                      <div class="next-label">QuickBooks TaxCode </div>              
                                        <select class="form-control qb_taxcode" 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="padding-top: 30px;"><img style="height:20px;width:20px;" src="{{asset('assets/img/remove.png')}}"/></a>   
                                  </div>
                              @endforeach
                              </div>
                            </div>
                            <br>
                          </div>
                          @endif
                        <!-- <div class="form-group {{ $errors->has('advance_settings') ? ' has-error' : '' }}">
                          <div class="row">
                            <div class="col-md-5">
                                <input type="checkbox" name="advance_settings" id="advance_settings" {{  (@$settingData['advance_settings'] != "")? 'checked' : '' }}>  Do you want seperate account for different amazon marketplaces?
                                <div class="marketplaces" style="display: none;">
                                                                </div>
                              {!! $errors->first('advance_settings', '<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">
                        <table class="table table-bordered">
                                  <tr class="info" style="background-color: #d4e2e9 !important;">
                                    @php
                                    $sellerid = App\Helpers\Helper::encryptor('decrypt',$seller_id);
                                    @endphp
                                    <th style="width: 30% !important;">Transaction Type</th>
                                    <th style="width: 40% !important;">Account</th>
                                    @if($azseller_country != "US")
                                    <th style="width: 30% !important;" class="taxrate_optional">Tax Rate </th>
                                    @endif
                                  </tr>
                                  @foreach($setting_fields as $key1=>$field_value1)