@extends('layouts/default')
@extends('layouts/backdatedrequest')
@extends('layouts/changecardaddress')
@section('commonbuttons')
@if(\Session::get('main_seller_id') != '')
  @include('summary.commonbuttons.commonbuttons',['seller_id'=>$seller_id,'current_page'=>'dashboard'])
@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')
{{ \App\Helpers\Helper::getModuleName($module) }} 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($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="{{$autoSyncUrl}}" class="btn btn-success 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="{{$autoSyncUrl}}" class="btn btn-warning 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 appear here.
                          </div>
                          <div class="col-md-12" style="font-size: 12px;margin-top:20px;">
                            <a href="#" class="btn btn-success 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>

@if(isset(\Auth::user()->user_role))
@endif
@if(isset(\Auth::user()->user_role))
@endif
@if(isset(\Auth::user()->user_role))
@endif

@if(isset(\Auth::user()->user_role))
@endif

<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(strpos($module, 'xots') !== false)
                        Our team will thoroughly review your data before proceeding to synchronize it in your accounting system.
                      @else
                        @if(!empty($settlementData))
                        <a class="btn btn-warning" style="margin:5px;" href="{{route('settlements',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.
                        @endif
                        <a class="btn btn-info" href="{{$fetchSettlementUrl}}">Fetch Settlements</a>
                      @endif
                    </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>

<div class="ui-layout">
<div>
  <h3 class="pull-left">Plan Details</h3>
</div>
<div class="row">
  <div class="col-md-12">
    <div class="box box-default">
      <div class="box-body">
        <div class="next-card">
          <div class="row"> 
            <div class="col-md-4 col-sm-4 col-xs-12" style="border-right: 1px dashed #1c2260;">
              <div class="row">
                <div class="col-md-5 col-sm-5 col-xs-6 text-right"><b>{{trans('admin/Sellers/general.seller')}} :</b></div>
                <div class="col-md-7 col-sm-7 col-xs-6">{{ @$AccountDetail['seller_name']}}</div>
              </div>
              <div class="row">
                 <div class="col-md-5 col-sm-5 col-xs-6 text-right"><b>Plan Name :</b></div>
                 <div class="col-md-7 col-sm-7 col-xs-6">{{ @$AccountDetail['plan_name']}}</div>
              </div>
            </div>
            <div class="col-md-4 col-sm-4 col-xs-12" style="border-right: 1px dashed #1c2260;">
              <div class="row">
                <div class="col-md-7 col-sm-5 col-xs-6 text-right"><b>Activation Date :</b></div>
                <div class="col-md-5 col-sm-7 col-xs-6">{{ @$AccountDetail['plan_activated_on']}}</div>
              </div>
              <div class="row">
                <div class="col-md-7 col-sm-5 col-xs-6 text-right"><b>Billing Start Date :</b></div>
                <div class="col-md-5 col-sm-7 col-xs-6">{{ ($AccountDetail['billing_start_date'] == '0000-00-00') ? 'N/A' : @$AccountDetail['billing_start_date']}}</div>
              </div>
            </div>
            <div class="col-md-4 col-sm-4 col-xs-12">
              <div class="row">
                <div class="col-md-7 col-sm-5 col-xs-6 text-right"><b>Plan Price :</b></div>
                <div class="col-md-5 col-sm-7 col-xs-6">{{ @$AccountDetail['plan_price']}}</div>
              </div>
              <div class="row">
                <div class="col-md-7 col-sm-5 col-xs-6 text-right"><b>Billing Frequency :</b></div>
                <div class="col-md-5 col-sm-7 col-xs-6">30 Days</div>
              </div>
            </div>                    
        </div>
          <div class="row d-block">
            @if($checkseller->role != 'Manager' && $checkseller->role != 'Partner')
              <div class="col-md-4 text-center" style="margin-top:15px;"></div>
              <div class="col-md-4 text-center mb-20" style="padding-top: 20px;">                
                <div class="col-md-6 col-xs-4">  
                    <a class="btn btn-success" href="{{route('plans',array('seller_id'=>$seller_id))}}">{{trans('admin/settings/accountdetail.change_plan')}}</a>
                </div>
                <div class="col-md-4 col-xs-6">
                    <form action="{{ route('changestripecard') }}" id="changestripecard_form" method="POST">
                        <div class="col-md-12 user-info" style="text-align: center;">
                          {{ csrf_field() }}
                          <input type="hidden" name="seller_id" value="{{$seller_id}}"></input>
                          <button type="button" onclick="openChangeCustomerAddressModel()" class="btn btn-success"><span>Change Card Details</span></button>
                          <div class="col-md-12 text-center navbar-btn d-none " style="display:none!important">
                            <script
                              src="https://checkout.stripe.com/checkout.js" id="stripe-script" class="stripe-button"
                              data-button="Change Card Details"
                              data-key="{{$stripkey}}"
                              data-image="{{asset('assets/img/parexlogo-small.png')}}"
                              data-locale="auto">
                            </script>   
                          </div>  
                         </div>
                      </form>
                </div>
              </div>  
              <div class="col-md-4"></div>
            @endif
          </div>
</div>

</div>
</div>

@if(stripos($AccountDetail['marketplace_name'], "sq") && $reauthButtonShow == false)
  <div class="row text-center">          
        <a href="javascript:void(0);" onclick="disconnectSquare();" class="btn btn-danger btn-wd"><i class="fa fa-remove icon-white"></i> Disconnect Square </a>
  </div>
@endif

</div>
</div>
</div>
@stop
@include('master/marketplaces/common')
@section('moar_scripts')
@include ('partials.bootstrap-table', ['exportFile' => 'Sellers-export', 'search' => true])
<link rel="stylesheet" href="https://cdn.datatables.net/1.12.1/css/jquery.dataTables.min.css">
<script src="{{ asset('assets/js/bootbox.min.js') }}"></script>
<script type="text/javascript">
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>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 () {
  setTimeout(
  function() 
  {
    var table = $('#example').DataTable({
        ajax: "{{ route('settlementlist',array('seller_id'=>$seller_id)) }}"+'&limit=3&order=desc&source=dashboard',
        columns: [
            {
                className: 'dt-control',
                orderable: false,
                data: null,
                defaultContent: '',
            },
            { data: 'date' },
            { data: 'total' },
            { data: 'currency' }
        ],
        ordering: false,
        order: [[1, 'desc']],
        stripeClasses: ['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');
        }
    });
    }, 2000);
});

  function partnerReauth(seller_id, module){

    $.ajax({
        type: 'get',
        url: "{{route('partner-reauth-request')}}",
        data:{"seller_id": seller_id, module: module },
        success:function( data ) 
        {
            data = data.split("~");
            
            bootbox.confirm({
              title: "Re-Authorize",
              message: 'Re-authorization link will send to <b>'+data[3]+ "</b> ID. Are you sure you want to send it?",
              buttons: {
                  cancel: {
                      label: '<i class="fa fa-times"></i> Cancel'
                  },
                  confirm: {
                      label: '<i class="fa fa-check"></i> Confirm'
                  }
              },
              callback: function (result) {
                  if(result == true)
                  {
                      startLoading();
                      $.ajaxSetup({
                          headers: {
                               'X-CSRF-TOKEN': '{{ csrf_token() }}'
                          }
                      });
                      $.ajax({
                        type: 'post',
                        url: "{{ route('send-link-via-mail') }}", 
                        data: {"link":data[0],"client_id":data[1], "marketplace" : data[2],'reauth': true},
                        success:function( data1  ) 
                        { 
                          if(data1 == 'success'){
                              stopLoading();
                              bootbox.alert("Authentication link has been successfully sent to "+data[3]+" ID.");
                          }
                        }
                      });
                  }
                  
              }
          });
        }
    });
  }
function amazonLoginPopup(amazoncountry,marketplace_name){
  var state = marketplace_name;
  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=