@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;">
  @if($settingDataSetFlg == true)
  @include('summary.commonbuttons.commonbuttons',['seller_id'=>$seller_id,'current_page'=>'settings','settingDataSetFlg'=>$settingDataSetFlg]) 
  @endif
</div>
@endif
@stop


@section('amazon_title')
<div style="float: left;">
Xero 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">
                    @if($xero_base_currency != $EtsyCurrency && $currencyFlg == false)
                    <div class="next-card" id="showSettings">
                      <div class="row">
                        <div class="col-md-12">
                          <div>Your Store is in <b>{{$EtsyCurrency}}</b> and your Xero base currency is in <b>{{$xero_base_currency}}</b>.</div>
                          <!-- <div>We are currenty not supporting multicurrecy. Please, be in touch we will back soon with it.</div> -->
                          <div>To enable multi currency and add more currencies in your Xero account, <a href="https://go.xero.com/Setup/CurrencyRates.aspx" target="_blank">Click Here.</a> </div>
                          <hr>
                        </div>
                         <div class="col-md-12">
                          <button class="btn btn-success" onclick="startLoading();window.location.reload();">Continue to Settings</button>
                        </div>
                      </div>
                    </div>
                    @endif

                    <div class="wizard-container " id="settingSection"> 
                      <!-- 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" style="display: none;">
                              <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" id="osdiv" 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>
                                  Etsy Account & Tax Rate
                                </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">Xero Prefix (For connecting multiple Etsy stores to one Xero 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="Xero 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 Xero</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 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="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('invoice_status') ? ' has-error' : '' }}">
                                  <div class="row">
                                    <div class="col-md-5">
                                      <div class="next-label">Invoice status in Xero</div>
                                      {{ Form::select('invoice_status', array('AUTHORISED'=>'Awaiting Payment','DRAFT'=>'Draft','SUBMITTED'=>'Awaiting Approval') , Input::old('invoice_status', @$settingData['invoice_status']), array('class'=>'form-control', 'style'=>'width:100%','id'=>'invoice_status')) }}
                                      {!! $errors->first('invoice_status', '<span class="alert-msg"><i class="fa fa-times"></i> :message</span>') !!}
                                    </div>
                                      <p class="msgText col-md-12">Select status with same status your invoice will get sync.</p>
                                  </div>
                                </div>
                                @if(!empty($taxrate_array))
                                <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">Xero TaxCode </div>              
                                              <select class="form-control qb_taxcode" name="qb_taxcode" id="qb_taxcode">
                                                @foreach($salesTaxDataList as $k=>$v)
                                                  <option value="{{$k}}" >{{$v}}</option>
                                                @endforeach
                                              </select>
                                          </div>  
                                          <a href="javascript:void(0);" class="remove_button col-md-1" style="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">Xero TaxCode </div>              
                                            <select class="form-control qb_taxcode" name="qb_taxcode" id="qb_taxcode">
                                              @foreach($salesTaxDataList as $k=>$v)
                                                <option value="{{$k}}" >{{$v}}</option>
                                              @endforeach
                                            </select>
                                        </div>  
                                        <a href="javascript:void(0);" class="remove_button col-md-1" style="padding-top: 30px;"><img style="height:20px;width:20px;" src="{{asset('assets/img/remove.png')}}"/></a>   
                                      </div>
                                    @endforeach
                                    </div>
                                  </div>
                                  <br>
                                </div>
                                @endif
                                
                              </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);
                                    $allowdedsellers = config('etsysummaryconstant.tax_selection_allow_us_seller_ids');
                                    @endphp
                                    <th style="width: 30% !important;">Transaction Type</th>
                                    <th style="width: 40% !important;">Account</th>
                                    @if($xo_country != "US" || in_array($sellerid,$allowdedsellers))
                                    <th style="width: 30% !important;" class="taxrate_optional">Tax Rate </th>
                                    @endif
                                  </tr>
                                  @foreach($setting_fields as $key1=>$field_value1)