@extends('layouts/default')

@section('commonbuttons')
@if($para != 'fromadmin')
  @if(!empty($settingDataSetFlg == true))  
  <button type="button" class="btn btn-primary commonButtons" onclick="location.href='{{ $dashboardUrl }}'" style="margin-left:5px;">{{config('app.tabLables')['dashboard']}}</button>
  <button type="button" class="btn btn-primary commonButtons" onclick="location.href='{{ route('getContactDetailList', array('seller_id'=>App\Helpers\Helper::encryptor('encrypt',$seller_id))) }}'" style="margin-left:5px;">{{config('app.tabLables')['seller_contacts']}}</button>
  <button type="button" class="btn btn-primary commonButtons" onclick="location.href='{{ route('contact\contactus', array('seller_id'=>App\Helpers\Helper::encryptor('encrypt',$seller_id))) }}'" style="margin-left:5px;">{{config('app.tabLables')['contact_us']}}</button>
  @endif
@endif
@stop

@section('bc-title')
<div style="float: left;margin-top: 20px;margin-bottom: 20px;">
  Qbdesktop Sync Settings
</div>
<div style="float: right;margin-top: 20px;margin-bottom: 20px;">
  <a href="#" onclick="startLoading('Please go to your QuickBooks web connector application and click on the Update Selected button.');updateSetingsDataQueue();" class="btn btn-primary">Refresh Settings</a>
</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')}}"/>
<link href='https://fonts.googleapis.com/css?family=Muli:400,300' rel='stylesheet' type='text/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($showSettings == false)
              <div class="next-card" id="showSettings">
                <div class="">

                  <div class="col-md-12">
                    <div>Your Store is in 
                      <b></b> currency and your QuickBooks base currency is in 
                      <b></b> currency.
                    </div>
                    <br/>
                    @if(!$proccedAhead)
                    <div>For the orders to sync smoothly, you must have {{ $marketplace }} currency created in QuickBooks Desktop. If you are not using {{ $marketplace }} currency in QuickBooks then you will not be able to sync the particular {{ $marketplace }} currency orders to QuickBooks.</div>
                    @endif
                  </div>

                  <div class="col-md-12">
                    <hr>
                    <div>Once you are done with the add currency in QuickBooks desktop follow the below steps to sync the quickBooks desktop currency to our app.</div>
                    <div>
                      <ul>                      
                        <li>Click on 'Refresh Settings' button on header buttons.</li>
                        <li>Go to your QuickBooks web connector application and click on the 'Update Selected' button.</li>
                        <li>Once webconnector process complete click on 'Reload Page' button below.</li>
                      </ul>
                    </div>
                    <br/>
                    <button class='btn btn-primary commonButtons'
                      onclick="startLoading();window.location.reload();">Reload Page</button>
                  </div>
                  
                </div>
              </div>
              @endif
              
              <div class="wizard-container hidden" 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" style="width: 50%;">
                          <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="" style="width: 50%;">
                          <a href="#PAYOUTSET" data-toggle="tab" aria-expanded="false">
                            <div class="icon-circle checked">
                              <i class="fa fa-user" aria-hidden="true"></i>
                            </div>
                            QBD 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('prefix') ? ' has-error' : '' }}">
                            <div class="next-label">QuickBooks Prefix (For connecting multiple {{ $marketplace }} stores to one QuickBooks
                              account) </div>
                            <div class="row">
                              <div class="col-md-3">
                                <input class="form-control" type="text" name="prefix" id="prefix"
                                  placeholder="Quickbooks Prefix"
                                  value="{{ (!empty(@$settingData['id']))? @$settingData['prefix'] : $defaultPrefix }}" />
                                @if($editable == 'false')
                                <input type="hidden" name="prefix" id="prefix" value="{{ @$settingData['prefix'] }}" />
                                @endif
                              </div>
                              <div class="col-md-12"><input type="checkbox" name="prefix_required" id="prefix_required"
                                  {{ (!empty(Input::old('prefix_required')) || @$settingData['prefix_required']=="N"
                                  )? 'checked' : '' }}                                 onclick="spyPrefixChecked();"> Disable Prefix but Prefix is ideal if you have multiple
                                {{ $marketplace }} store connected with same QuickBooks</div>
                            </div>
                            @if(!empty($prefixLine) && $editable == 'true')
                            <p class="text-red font-13">Another {{ $marketplace }} store is already connected with this QuickBooks
                              organization using prefix : <b>{{ $prefixLine }}</b>. Please use a different prefix.</p>
                            @endif
                          </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 summary 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">Select Bank Account</div>
                              {{ Form::select('bank_account', $bankAccountList , 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 {{ $marketplace }} or other sources.</p>                            
                            </div>
                          </div>
                        
                          <div class="form-group {{ $errors->has('customer_id') ? ' has-error' : '' }} customerName">                          
                          <div class="row">
                            <div class="col-md-5" id="">
                              <div class="next-label">Select Customer</div>
                              <select class="form-control" name="customer_id" id="customer_id">
                                @foreach($customerList as $id => $name)
                                  <option value="{{$id}}" {{( @$settingData['customer_id'] === $id)? 'selected="selected"':''}}>{{$name}}</option>
                                @endforeach
                              </select>
                              {!! $errors->first('qbCustomerName', '<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;">                              
                              <th style="width: 30% !important;">Transaction Type</th>
                              <th style="width: 40% !important; padding-left: 25px;">Account</th>
                              @if($shop_country != "US" && $shop_country != "CA")
                              <th class="taxrate_optional" style="width: 30% !important; padding-left: 25px;">Tax Rate </th>
                              @endif
                            </tr>