@extends('layouts/default')



@section('commonbuttons')

@if(\Session::get('main_seller_id') != '')

  @if($AccountingSystemName == 'Sage')

  <a href="{{route('setting\sgauth',array('seller_id'=>$seller_id))}}" data-tooltip="tooltip" data-original-title="Setting Detail" class="btn btn-primary ad-click-event commonButtons" style="margin-left:5px;">{{config('app.tabLables')['settings']}}</a>

  @elseif($AccountingSystemName == 'Xero')

  <a href="{{route('setting\xoauth',array('seller_id'=>$seller_id))}}" data-tooltip="tooltip" data-original-title="Setting Detail" class="btn btn-primary ad-click-event commonButtons" style="margin-left:5px;">{{config('app.tabLables')['settings']}}</a>

  @elseif($AccountingSystemName == 'Quickbook')

  <a href="{{route('setting\auth',array('seller_id'=>$seller_id))}}" data-tooltip="tooltip" data-original-title="Setting Detail" class="btn btn-primary ad-click-event commonButtons" style="margin-left:5px;">{{config('app.tabLables')['settings']}}</a>

  @endif



@endif

@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')

Square {{$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">

		              <div class="row d-block">

		                <div class="col-md-6">

		                  @if($eligible)

		                   @if($displayManualSyncBtn)

		                    @if($sync_settings['autosync_enable'] == "NO" || $sync_settings['autosync_enable'] == "MAN")

		                    <div class="row">

		                      @if($autoSyncDisable == true)

		                      <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>

		                      @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 class="col-md-12" style="margin-top:20px;" >

		                         <a href="{{route('updateautosyncsquaresummary',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>

		                       <!-- <button class="btn btn-success d-block" style="margin: auto;text-align: center;"  onclick="enabledAutoSync();">Enable Auto Sync</button> -->

		                     </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('updateautosyncsquaresummary',array('seller_id'=>$seller_id,'type'=>'summary'))}}" class="btn btn-warning btn-sm ad-click-event">{{trans('admin/settings/accountdetail.disable_auto_sync')}}</a>

		                       <!--  Auto sync is enabled for your account. Please contact us to stop auto sync. -->

		                      </div>

		                    </div>

		                    @endif

		                  @else

		                    <div class="row">

		                      <div class="col-md-12" style="font-size: 14px;">

		                           Once you have synced one batch of settlments and then verified the invoice in your {{$AccountingSystemName}}, a button to Enable Auto Sync will appear here.

		                      </div>

		                    </div>

		                  @endif  

		                  @endif                

		                  @if($countTotal != '' && !empty($countTotal))

		                    <div class="alert alert-success show" style="background-color: #008000c4 !important;box-shadow:none !important;padding:5px;margin-bottom: 0px;margin-top: 25px;">

		                      <i class="fa fa-check faa-pulse" style="color: white;"></i>

		                      <strong style="color: white;">{{trans('general.syncinfocountlabel')}} <span style="font-size: 20px; font-weight: bolder; ">{{ $countTotal }}</span>  </strong>

		                    </div>

		                  @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('squaresettlements',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('manualsquaresummarysync',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 !important;border: 1px solid black; background:white;" 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>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('squaresettlementlist',array('seller_id'=>$seller_id)) }}"+"&limit=3&order=desc",

        columns: [

            {

                className: 'dt-control',

                orderable: false,

                data: null,

                defaultContent: '',

            },

            { data: 'date' },

            { data: 'total' },

            { data: 'currency' }

        ],

        order: [[1, 'asc']],

        stripeClasses: ['']

    }).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');

      });

    });

 

    // 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');

        } else {

            // Open this row

            row.child(format(row.data())).show();

            tr.addClass('shown');

        }

    });

});

</script>

@stop