@extends('layouts/default')

@section('title')
  Xero Sync Settings
@stop

@section('content')
<div class="card card-secondary no-hover p-5">
  <div class="row m-0">
      <div class="col-12 col-md-3 p-0">
          <p class="text-heading text-primary mb-1">Sync Type Selection</p>
          <p class="body-text ">The Sync Type option lets you manage how data is synchronized between Amazon and Xero.</p>
      </div>
      <div class="col-12 col-md-1 p-0">  
          <div class="divider divider-vertical divider-primary">                                    
          </div>
      </div>
      <div class="col-12 col-md-8 p-0">
      <form id="create-form" class="" method="post" action="" autocomplete="off" role="form" enctype="multipart/form-data"> 
        <div class=" text-center py-5">  
              <h5 class="mb-5 ">Select Sync Type</h5>                    
              <div class="d-flex align-items-center justify-content-center sync-channel">
                  <div class="sync-type py-5">                                           
                    <button type="button" class="btn btn-primary waves-effect waves-light my-5" onclick="storeSyncType('Summary');">Summary Entry to Xero </button> 
                  </div>

                  <div  class="bg-secondary m-5 rounded-pill text-white p-3">OR</div>
            
                  <div class="sync-type py-5">                                              
                      <button type="button" class="btn btn-primary waves-effect waves-light my-5" onclick="storeSyncType('Individual');">Individual Order to Xero </button>
                  </div>
              </div>                             
        </div>
      </form>
    </div>
  </div>
</div>
<div class="text-center mt-5">
  <button type="button" class="btn btn-outline-danger waves-effect my-3" onclick="disconnectCompany();"> Disconnect {{ $companyName }}</button>
</div>

@stop

@section('moar_scripts')
<script type="text/javascript">
   $(document).ready(function() 
    {
        $validator = $("#create-form").validate({ 
          rules: {
            seller_id: {
              required: true,
            },
            sync_type: {
              required: true,
            },   
          }
        });
    });

    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)
              {
                $.ajax({
                    type: 'GET',
                    url: "{{route('disconnect',array('seller_id' => $seller_id))}}", 
                    data:"",
                    success:function( data ) 
                    { 
                       window.location.reload();
                    },
                    error : function(xhr,status,error)
                    {
                       window.settingsEditor.refresh();
                    }
                });
              }
          }
        });
    }

    function storeSyncType(type)
    {
      if(type == 'Individual')

        var bootboxMessage = "<div>This method will sync all your orders individually from Amazon to your Xero account. This will separately sync the orders and the payouts & fees. Please click on Confirm to continue.</div><br><div>If you want to sync only summary entries, please click on Cancel to go back and select the other option.</div>";

      if(type == 'Summary')

        var bootboxMessage = "<div>This method will sync all your data from Amazon to your Xero account in a summary format. This will create one entry based on each payout that you receive from Amazon which will include the sales, refunds, payouts and fees. Please click on Confirm to continue.</div><br><div>If you want to sync individual order entries, please click on Cancel to go back and select the other option.</div>";

      bootbox.confirm({
          title: "Confirm Sync Type",
          message: bootboxMessage,
          buttons: {
              cancel: {
                  label: 'Close'
              },
              confirm: {
                  label: 'Confirm'
              }
          },
          callback: function (result) {
              if(result)
              {
                startLoading();
                $.ajaxSetup({
                    headers: {
                         'X-CSRF-TOKEN': '{{ csrf_token() }}'
                    }
                });
                $.ajax({
                        type: 'POST',
                        url: "{{route('storeSyncTypexo',array('seller_id' => $seller_id ))}}", 
                        data:{sync_type:type},
                        success:function( data , code ) 
                        { 
                          window.location.reload();
                        }
                });
              }
          }
      });
    }
</script>

@stop