@extends('layouts/default')
@extends('layouts/featurecontactus')
@extends('layouts/featurestripepayout')
@section('title')
  Advanced Settings
@parent
@stop
@section('commonbuttons')
<a href="{{route('slsellerxo/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>  
<a href="{{route('index/slxosetting',array('seller_id'=>$seller_id))}}" class="btn btn-primary ad-click-event commonButtons" style="margin-left:5px;">{{config('app.tabLables')['settings']}}</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> -->
@if(isset(\Auth::user()->user_role) && \Auth::user()->user_role != 'Partner')
  <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>
@endif
@stop
@section('content')
@include('notifications')
<style>      
  .feature_table>tbody>tr>td{
      font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
      font-size: 14px;        
      border: 1px solid #c2c1c1;
  }
  .feature_request_table>tbody>tr>td{
      font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
      font-size: 14px;        
      border: 1px solid #c2c1c1;
  }
  hr{
      border-top: 1px solid #1e1c1c !important;
      margin-top: 10px !important;
  }
  .feature_main{
      margin-right: 0px !important; margin-left: 0px !important;  
  }
  .request_feature_main{
      margin-top: 0%;
  }
  .request_feature_main h3{
    font-size: 20px !important;
    font-weight: 600;
  }
  .feature_request_txt{
      font-size: 14px;
      padding-top: 5px;
      font-weight: 500;
  }
  .btn_skip{
    text-align: right;
    margin-top: -40px;
    margin-bottom: 10px;
  }
</style>
<div class="row feature_main">
  <div class="col-md-12">
    <div id="generic_price_table">
      @if($firstTimeSetting == true)
      <section class="btn_skip">
        <a href="{{route('slsellerxo/accountdetail', array('seller_id'=>$seller_id))}}" data-tooltip="tooltip" data-original-title="Dashboard" class="btn btn-danger ad-click- eventcommonButtons" style="margin-left:5px;">Skip</a>  
      </section>
      @endif
      <section>
        <table class="table feature_table">
        <tbody>
          <tr>
              <td>
                <div><b>Inventory Sync</b></div>
                <div class="">This feature allows you to sync inventory from Xero to Shopline. </div>
              </td>
              <td class="text-right">
                @if($xeroCredential['xero_inventory_req'] == 'Y')
                  <button type="button" class="btn btn-info" onclick='$("#instructionsModal").modal("show");' data-original-title="Show Instructions" data-tooltip="tooltip"><i class="fa fa-info-circle" aria-hidden="true"></i></button>  
                  <button type="button" class="btn btn-primary" onclick="editInvFeatures('{{$xeroCredential->id}}');"  data-original-title="Change Inventory Setting" data-tooltip="tooltip"><i class="fa fa-edit" aria-hidden="true"></i></button>
                  <button type="button" class="btn btn-danger" onclick="removeFeature('{{$xeroCredential->id}}');"  data-original-title="Remove This Feature" data-tooltip="tooltip"><i class="fa fa-remove" aria-hidden="true"></i></button>
                @else
                    <button type="button" class="btn btn-info" onclick="ShowIntruct();" data-original-title="Add This Feature" data-tooltip="tooltip"><i class="fa fa-plus" aria-hidden="true"></i></button>
                @endif
              </td>
            </tr> 
          @foreach($featureList as $key=>$value)          
            @if(in_array($value->code,config('shoplineconstant.contactusAdvanceSetting')))
                              @else
            <tr>
              <td>
                <div><b>{{$value->title}}</b></div>
                <div class="">{{$value->description}} </div>
              </td>
              <td class="text-right">
                @if($value->id != '' && $value->code != 'OSTOPPAYMENT')
                    @if($value->code == 'INVDUEDATE')
                    <button type="button" class="btn btn-primary" onclick="editInvFeature('{{$value->code}}')" title="Change Inventory Setting" data-tooltip="tooltip"><i class="fa fa-edit" aria-hidden="true"></i></button>
                    @elseif($value->code == 'STRIPEPAYOUT')
                      <button type="button" class="btn btn-primary" onclick="editStripeSetting('{{$value->code}}')" title="Change Stripe Setting" data-tooltip="tooltip"><i class="fa fa-edit" aria-hidden="true"></i></button>
                    @endif

                    <button type="button" class="btn btn-danger" onclick="removeAdvancesetting('{{$value->code}}');" title="Remove This Feature" data-tooltip="tooltip"><i class="fa fa-remove" aria-hidden="true"></i></button>
                @elseif($value->code == 'OSTOPPAYMENT' && $SlSettings->payment_req == 'N')   
                    <button type="button" class="btn btn-danger" onclick="removeAdvancesetting('{{$value->code}}');" title="Remove This Feature" data-tooltip="tooltip"><i class="fa fa-remove" aria-hidden="true"></i></button>       
                @else                    
                    <button type="button" class="btn btn-info" onclick="addAdvanceSetting('{{$value->code}}');" data-original-title="Add This Feature" data-tooltip="tooltip"><i class="fa fa-plus" aria-hidden="true"></i></button>
                    
                @endif
              </td>
            </tr>          
            @endif         
          @endforeach
                     
        </tbody>
        </table>        
      </section>
    </div>
  </div>
  
  @if(!empty($requestFeature))
  <div class="col-sm-12 request_feature_main">    
    <h3>Request a feature by clicking on Contact Us      
      <div class="feature_request_txt">(You can provide your requirements in Contact Us details box and our Support team will reach out to you for more details if required.)</div>
    </h3>      
    <hr/>  
    <table class="table feature_request_table">
      <tbody>
            @foreach($requestFeature as $feature)
      <tr>
        <td>
          <div><b>{{$feature->title}}</b></div>
          <div>{{$feature->description}}</div>
        </td>
        @if($i == 1)
        <td rowspan="0" style="vertical-align: middle;">
          <button type="button" class="btn btn-info ad-click-event" onclick="contactUsForFeature('');" data-original-title="Add This Feature" data-tooltip="tooltip">Contact Us</button>
        </td>
        @endif
      </tr>     
             
      @endforeach
      </tbody>
    </table>
  </div>
  @endif
</div>
<div class="modal fade" id="inv-duedate-settings" style="display: none;">
  <div class="modal-dialog" style="width: 800px;">
    <div class="modal-content">
      <form id="INVDUEDATEFORM" class="" name="INVDUEDATEFORM" autocomplete="off" role="form" >
        <div class="modal-body">
            <h4 class="modal-title" style="margin-bottom: 5px;">Confirm</h4>
            <div class="row cad-tax-row">
            <div class="col-md-12">
              Please read to the instruction for the functionality of the advance settings and select the option which is suitable to sync invoice.
              <div class="form-group col-md-12" style="margin-top: 20px;">
                <div class="" style="font-size: 13px;">
                  <p>For Due date, Number of days defined will be added to the Invoice date. This will be applicable for future orders only.</p>
                </div>
                <div class="form-group col-md-12 invduetext">
                  <input type="hidden" name="featurecode" value="INVDUEDATE">
                  <div class="next-label col-md-6" style="line-height: 35px">Set Due Date after Number of Days from Invoice Date</div>
                  <div class="col-md-2">
                    <input type="text" name="invduedays" id="invduedays" class="form-control"></input>
                  </div>           
                  <div class="next-label" style="line-height: 40px;">Days.</div>
                  <div><span style="color: red;display: hidden;" id="invduedayserror"></span></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" onclick="saveAdvanceSetting('INVDUEDATEFORM');">Accept</button>
        </div>
      </form>
    </div>
  </div>
  </div>
</div>
<div class="modal fade" id="inv-number-no-settings" style="display: none;">
  <div class="modal-dialog" style="width: 800px;">
    <div class="modal-content">
      <form id="INVNUMBERNOFORM" class="" name="INVNUMBERNOFORM" autocomplete="off" role="form" >
        <div class="modal-body">
          <h4 class="modal-title" style="margin-bottom: 5px;">Confirm</h4>
          <div class="row cad-tax-row">
            <div class="col-md-12">
            <div class="form-group col-md-12">
              <input type="hidden" name="featurecode" value="INVNUMBERNO">           
            </div>
            <div>       
              <input type="checkbox" name="noinvnumber" id="noinvnumber" value="true">&nbsp;&nbsp;&nbsp;
              
              <label for="noinvnumber" style="display: inline !important;">Please confirm that you want to sync invoices using Xero invoice number sequence instead of Shopline order number sequence. This will be applicable for future orders only.</label>
              <div><span style="color: red;display: hidden;" id="noinvnumbererror"></span></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" onclick="saveAdvanceSetting('INVNUMBERNOFORM');">Accept</button>
        </div>
      </form>
    </div>
  </div>
</div>
<div class="modal fade" id="inv-draft-settings" style="display: none;">
  <div class="modal-dialog" style="width: 800px;">
    <div class="modal-content">
      <form id="INVDRAFTFORM" class="" name="INVDRAFTFORM" autocomplete="off" role="form" >
        <div class="modal-body">
          <h4 class="modal-title" style="margin-bottom: 5px;">Confirm</h4>
          <div class="row cad-tax-row">
            <div class="col-md-12">
            <div class="form-group col-md-12">
              <input type="hidden" name="featurecode" value="INVDRAFT">           
            </div>
            <div>       
              <input type="checkbox" name="invdraft" id="invdraft" value="true">&nbsp;&nbsp;&nbsp;
              <label for="invdraft">Please confirm that you want all of your invoices to sync in draft status. This will be applicable for future orders only.</label>
              <div><span style="color: red;display: hidden;" id="invdrafterror"></span></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" onclick="saveAdvanceSetting('INVDRAFTFORM');">Accept</button>
        </div>
      </form>
    </div>
  </div>
</div>
<div class="modal fade" id="ostop-payment-settings" style="display: none;">
  <div class="modal-dialog" style="width: 800px;">
    <div class="modal-content">
      <form id="OSTOPPAYMENTFORM" class="" name="OSTOPPAYMENTFORM" autocomplete="off" role="form" >
        <div class="modal-body">
          <h4 class="modal-title" style="margin-bottom: 5px;">Confirm</h4>
          <div class="row cad-tax-row">
            <div class="col-md-12">
            <div class="form-group col-md-12">
              <input type="hidden" name="featurecode" value="OSTOPPAYMENT">           
            </div>
            <div>       
              <input type="checkbox" name="ostoppayment" id="ostoppayment" value="true">&nbsp;&nbsp;&nbsp;
              
              <label for="ostoppayment" style="display: inline !important;">Please confirm that you want to stop syncing all payment of invoice.</label>
              <div><span style="color: red;display: hidden;" id="ostoppaymenterror"></span></div>

              <div style="margin-top: 12px">
                (<strong>NOTE: </strong>If you wish to stop payment based on any specific order attribute like gateway or any other. Please contact our support team from contact us page.)
              </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" onclick="saveAdvanceSetting('OSTOPPAYMENTFORM');">Accept</button>
        </div>
      </form>
    </div>
  </div>
</div>
<div class="modal fade" id="ostop-refund-settings" style="display: none;">
  <div class="modal-dialog" style="width: 800px;">
    <div class="modal-content">
      <form id="OSTOPREFUNDFORM" class="" name="OSTOPREFUNDFORM" autocomplete="off" role="form" >
        <div class="modal-body">
          <h4 class="modal-title" style="margin-bottom: 5px;">Confirm</h4>
          <div class="row cad-tax-row">
            <div class="col-md-12">
            <div class="form-group col-md-12">
              <input type="hidden" name="featurecode" value="OSTOPREFUND">           
            </div>
            <div>       
              <input type="checkbox" name="ostoprefund" id="ostoprefund" value="true">&nbsp;&nbsp;&nbsp;
              
              <label for="ostoprefund" style="display: inline !important;">Please confirm that you want to stop syncing refund of invoice.</label>
              <div><span style="color: red;display: hidden;" id="ostoprefunderror"></span></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" onclick="saveAdvanceSetting('OSTOPREFUNDFORM');">Accept</button>
        </div>
      </form>
    </div>
  </div>
</div>
<div class="modal fade" id="shipping-taxcode-no-settings" style="display: none;">
  <div class="modal-dialog" style="width: 800px;">
    <div class="modal-content">
      <form id="INVDRAFTFORM" class="" name="INVDRAFTFORM" autocomplete="off" role="form" >
        <div class="modal-body">
          <h4 class="modal-title" style="margin-bottom: 5px;">Confirm</h4>
          <div class="row cad-tax-row">
            <div class="col-md-12">
            <div class="form-group col-md-12">
              <input type="hidden" name="featurecode" value="SHIPPINGTAXCODENO">           
            </div>
            <div>       
              <input type="checkbox" name="shippingtaxcodeno" id="shippingtaxcodeno" value="true">&nbsp;&nbsp;&nbsp;
              <label for="shippingtaxcodeno">Please confirm that you want all of your order and its shipping lines to sync without tax.</label>
              <div><span style="color: red;display: hidden;" id="shippingtaxcodenoerror"></span></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" onclick="saveAdvanceSetting('SHIPPINGTAXCODENO');">Accept</button>
        </div>
      </form>
    </div>
  </div>
</div>
<div id="instructionsModal" class="modal fade" role="dialog">
  <div class="modal-dialog modal-lg">
    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header"  style="padding: 10px !important;">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Instructions</h4>
      </div>
      <div class="modal-body"  style="padding-bottom: 0px;padding-top: 0px; ">
        <input type="hidden" name="instr_id" id="instr_id">
        <input type="hidden" name="instr_price" id="instr_price"> 
        @if($xeroCredential['xero_inventory_req'] == 'N')
          <h5>Please read the instructions below and agree to each of them. These are very important points for the inventory sync feature of our app.</h5>
        @else
          <h5>These are very important points for the inventory sync feature of our app.</h5>
        @endif
        <form id="instrFrm">
          @if($xeroCredential['xero_inventory_req'] == 'N')
            <input type="checkbox" name="Instruct4" id="Instruct4">&nbsp;&nbsp;&nbsp;
          @endif
          <label for="Instruct4" class="label-error">Product Sync & Mapping</label><br>
          <div class="errorTxt4"></div>
          <div class="" style="font-size: 13px;">
            <ul>
              <li>This feature will sync newly created products from Shopline to Xero. Any new product created in Shopline will be created in Xero automatically every few hours.</li>
              <li>It continuously updates the quantities from Xero to Shopline whenever there is an update in Xero such as bulk purchase from the vendor or a bulk sale directly from Xero.</li>
              <li>The quantity sync is only one way. The direction of quantity sync is Xero to Shopline.</li>
              <li>If you want to change the SKU of a product, please change it in Xero first and then change it in Shopline so that the mapping remains.</li>
            </ul>
          </div>
          @if($xeroCredential['xero_inventory_req'] == 'N')
            <input type="checkbox" name="Instruct1" id="Instruct1">&nbsp;&nbsp;&nbsp;
          @endif
          <label for="Instruct1">Quantities in Xero</label>
          <div class="errorTxt1"></div>

           <div class="" style="font-size: 13px;">
            <ul>
              <li>With this feature, the Products created in Xero will be created as Inventory type of Products.</li>
              <li>When the products are created in Xero by the app, Xero does not allow the inventory quantity to be inserted or updated by us.</li>
              <li>Once the products are created as Inventory type products, the quantity in Xero will be 0. You will have to enter purchase invoices or Inventory adjustments directly in Xero for those products before any orders can be synced from Shopline to Xero.</li>
              <li>If there are a lot of backlog orders, we suggest you to first sync all the backlog orders before you enable this feature.</li>
            </ul>
           </div>
          @if($xeroCredential['xero_inventory_req'] == 'N')
            <input type="checkbox" name="Instruct2" id="Instruct2">&nbsp;&nbsp;&nbsp;
          @endif
          <label for="Instruct2" class="label-error">Auto Quantity Sync</label><br>
          <div class="errorTxt2"></div>
          <div class="" style="font-size: 13px;">
            <ul>
              <li>Whenever an invoice is created while sync of an order, the inventory quantity will be automatically deducted from Xero.</li>
              <li>Whenever a credit note is created for a refund, the quantity will automatically be added for that Item.</li>
              <li>When a purchase or sale is done in Xero, the app will adjust the quantity of the relevant item in Shopline.</li>
            </ul>
          </div>
        <!--  @if($xeroCredential['xero_inventory_req'] == 'N')
           <input type="checkbox" name="Instruct3" id="Instruct3" value="true">&nbsp;&nbsp;&nbsp;
          @endif
          <label for="Instruct3" class="label-error">Manual Quantity Sync</label><br>
          <div class="errorTxt3"></div>
          <div class="" style="font-size: 13px;">
            <ul>
              <li>We also allow you to do a manual sync of inventory quantities from Xero to Shopline. Because of the limitations in Xero, we CANNOT provide manual sync of inventory quantities from Shopline to Xero.</li>
            </ul> 
          </div>-->
        </form>
      </div>
      <div class="modal-footer" style="padding-top: 0px">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        @if($xeroCredential['xero_inventory_req'] == 'N')
          <button type="button" class="btn btn-primary" onclick="acceptInstructions();">Accept</button>
        @endif
      </div>
    </div>

  </div>
</div>
<div class="modal fade" id="accept-feature-modal" style="display: none;">
  <div class="modal-dialog modal-lg" >
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">X</span></button>
        <h4 class="modal-title" id="featureTitle"></h4>
      </div>
      <div class="modal-body">
          <input type="hidden" name="featureId" id="featureId" />
          <input type="hidden" name="featurePrice" id="featurePrice" />
          <input type="hidden" name="variantsCount" id="variantsCount" />
          <input type="hidden" name="variantsCountAll" id="variantsCountAll" />
          <input type="hidden" name="variantsPriceAll" id="variantsPriceAll" />
          <input type="hidden" name="variantsCountPub" id="variantsCountPub" />
          <input type="hidden" name="variantsPricePub" id="variantsPricePub" />

        <div class="form-group" id="featurePriceText">
            
        </div>
        <div class="form-group" id="featureLongDesc">
            
        </div>
        <div class="form-group" id="featureLongDesc2">
            
        </div>
        <div class="form-group" id="featureLongDesc3">
            
        </div>
        <p class="text-center text-red hide bold" id='error'></p>
        <div class="form-group hide" id='cogsDiv'>
            <div class="next-label">XERO - Cost of Goods Sold Account</div>
              <select name="cogs" id="cogs" class="form-control" required=""></select>
              <p class="text-center text-red bold"  id='cogs_error'></p>
        </div>
        <div class="form-group hide" id='inventoryDiv'>
            <div class="next-label">XERO - Inventory Asset Account</div>
              <select name="inventory" id="inventory" class="form-control" required=""></select>
              <p class="text-center text-red bold"  id='inventory_error'></p>              
        </div>
        <div class="form-group hide" id='inventorySyncDiv'>
            <div class="next-label">Pause Inventory Sync</div>
              <select name="inventory_sync" id="inventory_sync" class="form-control" required=""></select>
              <p class="text-center text-red bold"  id='inventory_sync_error'></p>              
        </div>
        <div class="form-group hide" id='adjSyncDailyDiv'>
            <div class="next-label">Sync Adjustment Daily</div>
              <select name="adjustment_sync_daily" id="adjustment_sync_daily" class="form-control" required=""></select>
              <p class="text-center text-red bold"  id='adjustment_sync_daily_error'></p>              
        </div>
        <div class="form-group hide" id='zeroDiv'>
              <input type="checkbox" name="sync_zero_qty" id="sync_zero_qty" onchange="zeroChange()">&nbsp;&nbsp;&nbsp;
              Update 0 quantity to Shopline
              <div class="col-md-12 field-info mb-15">If you check this box, even quantity of 0 or less will be updated from Xero to Shopline. This might cause your product to be out of stock in Shopline. Keep this unchecked if you do not want the app to make the quantity of a product to 0 or less.</div>
        </div>
        <div class="form-group hide"  id='commentDiv'>
            <div class="next-label">Comments</div>
              <textarea name="comment" id="comment" class="form-control" cols="6" rows="4"></textarea>
        </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"  id="acceptFeature" onclick="acceptConfirmation();">Continue</button>
        <button type="button" class="btn btn-primary hide" id="SaveInvSettings" onclick="saveInvSettings();">Update Settings</button>
        <button type="button" class="btn btn-primary hide" id="SaveStripeSettings" onclick="saveStripeSettings();">Update Setting</button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>
<div class="modal fade" id="confirm-feature-modal" style="display: none;">
  <div class="modal-dialog modal-lg" >
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">X</span></button>
        <h4 class="modal-title">Confirm - Addition of Inventory Sync Feature</h4>
      </div>
      <div class="modal-body" id="finalPriceText" style="font-size: large;">
            
      </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"  id="acceptFeature1" onclick="acceptFeatureRequest();">Accept</button>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>
<form name="paymentFrm" method="POST" action="{{ route('post/payment') }}" >
    <!-- <input type="hidden" name="_token" value="{!! csrf_token() !!}"> -->
     {{ csrf_field() }}