@extends('layouts/default')
@extends('layouts/backdatedrequest')
@section('commonbuttons')
  @include('summary.commonbuttons.commonbuttons',['seller_id'=>$seller_id,'current_page'=>'dashboard'])
@stop

<style type="text/css">
  .badge-1 {
    display: inline-block;
    padding: 0.5em 0.85em;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.475rem;
  }
  .success-badge{
    color: #50cd89;
    background-color: #e8fff3;
  }
  .warning-badge{
    color: #ffc700;
    background-color: #fff8dd;
  }
  .danger-badge{
    color: #f1416c;
    background-color: #fff5f8;
  }
</style>

@section('title')
Amazon {{$AccountingSystemName}} Dashboard
@stop
@section('content')
<style type="text/css">
	.padding-30{
		padding-left: 30px;
	}
</style>
<div class="ui-layout">
       @include('notifications')

       <div class="row">
		    <div class="col-md-12">
		      <div class="box box-default">
		        <div class="box-body">
		            <div class="next-card">
                  @if($amazonReauthButtonShow == true)
                  <div class="row d-block">
                    <div class="col-md-12">Your amazon authorization is lost. Please re-authorize your amazon account.</p></div>
                    <div class="col-md-6">
                      <a href="javascript:void(0);" class="btn btn-info pull-left" onclick="amazonLoginPopup('{{$AccountDetail['country']}}');">Re-authorize Amazon</a>
                    </div>
                  </div><br/>
                  @endif
		              <div class="row d-block">
		                <div class="col-md-6">
                      @if($autoSyncDisable == true)
                       @if($displayManualSyncBtn)
                        @if($sync_settings['autosync_enable'] == "NO" || $sync_settings['autosync_enable'] == "MAN")
                        <div class="row">
                          <div class="col-md-12" style="font-size: 13px;">
                                If you are satisified with data sync you may enable auto sync immediately using the button below.
                          </div>
                          <div class="col-md-12" style="margin-top:20px;" >
                             <a href="{{route('updateautosyncamazonsummary',array('seller_id'=>$seller_id,'type'=>'summary'))}}" class="btn btn-success btn-sm ad-click-event" {{ ($autoSyncDisable) ? "" : "disabled" }}>{{trans('admin/settings/accountdetail.enable_auto_sync')}}</a>
                             <a href="javascript:void(0);" onclick="getBackdatedRequestPopup();"class="btn btn-info" >Backdated Order Sync Request</a>
                          </div>
                        </div>
                        @endif
                        @if($sync_settings['autosync_enable'] == "YES")
                        <div class="row">
                          <div class="col-md-12" style="font-size: 13px;">
                                If you want to your auto sync you may disable auto sync immediately using the button below.
                          </div>
                          <div class="col-md-12" style="font-size: 12px;margin-top:20px;">
                            <a href="{{route('updateautosyncamazonsummary',array('seller_id'=>$seller_id,'type'=>'summary'))}}" class="btn btn-warning btn-sm ad-click-event">{{trans('admin/settings/accountdetail.disable_auto_sync')}}</a>
                            <a href="javascript:void(0);" onclick="getBackdatedRequestPopup();"class="btn btn-info" >Backdated Order Sync Request</a>
                          </div>
                        </div>
                        @endif
                      @else
                        <div class="row">
                          <div class="col-md-12" style="font-size: 14px;">
                               Once you have synced atleast two settlements and then verified the invoice in your {{$AccountingSystemName}}, a button to Enable Auto Sync will be working here.
                          </div>
                          <div class="col-md-12" style="margin-top:20px;" >
                             <a href="#" class="btn btn-success btn-sm ad-click-event" disabled>{{trans('admin/settings/accountdetail.enable_auto_sync')}}</a>
                             <a href="javascript:void(0);" onclick="getBackdatedRequestPopup();"class="btn btn-info" >Backdated Order Sync Request</a>
                          </div>
                        </div>
                      @endif  
                      @else
                      <div class="col-md-12" style="font-size: 13px;">
                            Auto Sync feature is available only for Premium app users. Please upgrade your plan to Enable auto sync.
                      </div>
                      <br><br>
                      @endif

                    </div>   
		              </div>
		            </div>
		      </div><!-- /.box-body -->
		    </div><!-- /.box -->
		    </div>
		</div>
</div>

<div class="ui-layout">
  <div class="row">
    <div class="col-md-12">
      <div class="box box-default">
        <div class="box-body">
            <div class="next-card">
              <div class="">
              	 <h3>Settlements</h1>
	                	<div style="margin-right: 16px !important;">
		              	 	@if(!empty($settlementData))
			                	<a class="btn btn-warning" style="margin:5px;" href="{{route('amazonsettlements',array('seller_id'=>$seller_id))}}">View All Settlements</a>
				            @else
				            	You still do not have any settlement yet. You can wait for us to fetch it in next 24 hrs or you can fetch it right know with Fetch Settlement button. <br>
		              	 	@endif
			                	<!-- You still do not have any settlement yet. You can wait for us to fetch it in next 24 hrs or you can fetch it right know with Fetch Settlement button. -->
                				<a class="btn btn-info" href="{{route('summaryfetchrequestamazon',array('seller_id'=>$seller_id))}}">Fetch Settlements</a>
	                	</div>
	                	
                 	<div class="summary_listing"> 
		                @if(!empty($settlementData))
		                    <table id="example" class="display" style="width:100%">
							    <thead>
							        <tr>
							            <th></th>
							            <th>Date</th>
							            <th>Total</th>
							            <th>Currency</th>
							        </tr>
							    </thead>
							    <tfoot>
							        <tr>
							            <th></th>
							            <th>Date</th>
							            <th>Total</th>
							            <th>Currency</th>
							        </tr>
							    </tfoot>
							</table>
		                @endif         
	                </div>
              </div>
            </div>
      	</div>
    </div>
    </div>
</div>
</div>
@stop

@section('moar_scripts')
@include ('partials.bootstrap-table', ['exportFile' => 'Sellers-export', 'search' => true])
<script type="text/javascript">
/* Formatting function for row details - modify as you need */
function format(d) {
  var subdata = d.sub_data;
  if(subdata !== 'undefined'){
    // `d` is the original data object for the row
    var tableContent = '<table width="100%" cellpadding="5" cellspacing="0" border="0" style="margin: 18px 0px !important;border: 1px solid black; background:#f6f6f6;" class="table table-striped">' +
        '<tr>' +
        '<td width="15%"><b>Date:</b></td>' +
        '<td width="5%"><b>Total:</b></td>' +
        '<td width="5%"><b>Currency:</b></td>' +
        '<td width="10%"><b>Status:</b></td>' +
        '<td width="15%"><b>{{ (@$AccountingSystemName == "Qbdesktop") ? "Entry No." : "Invoice Number:" }}</b></td>' +
        '<td width="25%"><b>Error:</b></td>' +
        '<td width="30%"><b>Action:</b></td>' +
        '</tr>';

        $.each( subdata, function( key, value ) {
          tableContent += '<tr>' +
          '<td width="15%">' +
          value.date +
          '</td>' +
          '<td width="5%">' +
          value.total +
          '</td>' +
          '<td width="5%">' +
          value.currency +
          '</td>' +
          '<td width="10%">' +
          value.status +
          '</td>' +
          '<td width="15%">' +
          value.sync_number +
          '</td>' +
          '<td width="25%">' +
          value.error +
          '</td>' +
          '<td width="30%">' +
          value.actions +
          '</td>' +
          '</tr>';
        });
       tableContent += '</table>';
       return tableContent;
  }
}
 
$(document).ready(function () {
    var table = $('#example').DataTable({
        ajax: "{{ route('amazonsettlementlist',array('seller_id'=>$seller_id)) }}"+"&limit=3&order=desc",
        columns: [
            {
                className: 'dt-control',
                orderable: false,
                data: null,
                defaultContent: '',
            },
            { data: 'date' },
            { data: 'total' },
            { data: 'currency' }
        ],
        ordering: false,
        order: [[1, 'desc']],
        stripeClasses: ['shown']
    }).rows().every( function () {
    var tr = $(this.node());
    this.child(format(tr.data('child-value'))).show();
    tr.addClass('shown');
});
    table.on('draw', function(){
      table.rows().every( function () {
          var tr = $(this.node());
          var row = table.row(tr);
          row.child(format(row.data())).show();
          tr.addClass('shown-background');
          tr.addClass('dt-hasChild');
      });
    });
 
    // Add event listener for opening and closing details
    $('#example tbody').on('click', 'td.dt-control', function () {
        var tr = $(this).closest('tr');
        var row = table.row(tr);
        
        if (row.child.isShown()) {
            // This row is already open - close it
            row.child.hide();
            tr.removeClass('shown');
            tr.removeClass('dt-hasChild');
        } else {
            // Open this row
            row.child(format(row.data())).show();
            tr.addClass('shown');
            tr.addClass('dt-hasChild');
        }
    });
});

function amazonLoginPopup(amazoncountry){

  var state = 'xoaz';
  var amazonhost = '';

  if(amazoncountry == 'us' || amazoncountry == 'US' ){
    var amazonhost = 'sellercentral.amazon.com';
    var concateCountry = 'US';
  }

  if(amazoncountry == 'ca' || amazoncountry == 'CA'){
    var amazonhost = 'sellercentral.amazon.ca';
    var concateCountry = 'CA';
  }

  if(amazoncountry == 'mexico' || amazoncountry == 'MX'){
    var amazonhost = 'sellercentral.amazon.mx';
    var concateCountry = 'MX';
  }

  if(amazoncountry == 'gb' || amazoncountry == 'GB'){
    var amazonhost = 'sellercentral.amazon.co.uk';
    var concateCountry = 'GB';
  }

  if(amazoncountry == 'au' || amazoncountry == 'AU'){
    var amazonhost = 'sellercentral.amazon.com.au';
    var concateCountry = 'AU';
  }

  if(amazoncountry == 'uae' || amazoncountry == 'UAE'){
    var amazonhost = 'sellercentral.amazon.ae';
    var concateCountry = 'UAE';
  }

  if(amazonhost =='')
  {
    var amazonhost = 'sellercentral.amazon.com';
    var concateCountry = 'US';
  }

  state = state+'@'+concateCountry+'@'+''+'@reauth-'+'{{$seller_id}}';

  var url = "https://"+amazonhost+"/apps/authorize/consent?application_id=