@extends('layouts/default')

@section('commonbuttons')
@if(\Session::get('main_seller_id') != '')
<div style="padding-bottom: 30px; z-index: 999999; font-size: 16px; text-align:center;">
  @if($sync_type == 'Individual')
  <a href="{{route('sellers/accountdetail', array('seller_id'=>$seller_id))}}" data-tooltip="tooltip" data-original-title="Account Detail" class="btn btn-primary ad-click-event commonButtons" style="margin-left:5px;">Dashboard</a>
  @else
  <a href="{{route('amazonsummaryseller/accountdetail', array('seller_id'=>$seller_id))}}" data-tooltip="tooltip" data-original-title="Account Detail" class="btn btn-primary ad-click-event commonButtons" style="margin-left:5px;">Dashboard</a>
  @endif
  <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;">Settings</a>
   
  <a type="button" class="btn btn-primary commonButtons" href="{{ route('getContactDetailList', array('seller_id'=>$seller_id)) }}" style="margin-left:5px;">Seller Contacts</a>
  <a type="button" class="btn btn-primary commonButtons" href="{{ route('contact\contactus', array('seller_id'=>$seller_id)) }}" style="margin-left:5px;">Contact Us</a>
</div>
@endif
@stop

@section('title')
Orders Information
@stop

@section('content')
 @include('notifications')
<div class="setting_page default-sticky-footer">
  <div class="d-inline-block w-100"> 
    <div class="ui-layout">
      <div class="ui-layout__sections">
        <div class="ui-layout__section">
          <div class="ui-layout__item">
            <div class="next-card">
              <div style="margin-bottom: 5px;">
                <div class="col-md-12">
                  <!-- You will get information of All of your orders. -->
                </div>
              </div>
               <div class="table table-responsive orderTableDisplay">
                <div class="col-md-5" style="margin-top:10px;">
                  <form id="create-search-form" class="" method="post" 
                     action="{{ route('orders',array('seller_id'=>$seller_id)) }}" autocomplete="off" role="form" enctype="multipart/form-data">
                     {{ csrf_field() }}             
                      <div class="available-search">
                          {{ Form::select('status', array('All'=>'All','Sync'=>'Synced','Pending'=>'Unsynced','New'=>'New'), Input::old('status',$status), array('class'=>'form-control', 'style'=>'', 'id'=>'status','onchange' => "$('#create-search-form').submit();")) }}
                          {!! $errors->first('status', '<span class="alert-msg"><i class="fa fa-times"></i>:message</span>') !!}
                      </div>
                      <input type="hidden" name="seller_id" value="{{$seller_id}}">
                  </form>
                </div>
                <div class="col-md-2" style="margin-top:32px;">
                    <a onclick="location.href='{{ route('orderList',array('status'=>$status,'seller_id'=>$seller_id, 'export' => true)) }}'" class='btn btn-info btn-sm btn-icon'><i class="fa fa-download"></i> Export</a>
                </div>
                @if($status == 'Pending') 
                <div class="col-md-1" style="margin-top:10px;">
                  <a href='javascript:void(0)' class='btn btn-warning btn-sm btn-icon' onclick='ReSync()'>Resync</a>
                </div>
                @elseif($status == 'New')
                <div class="col-md-1" style="margin-top:10px;">
                  <a href='javascript:void(0)' class='btn btn-success btn-sm btn-icon' onclick='Sync()'>Sync</a>
                </div>
                @endif
                <table
                  name="users"
                  data-height="500"
                  data-toolbar="#toolbar"
                  class="table table-striped snipe-table"
                  id="orderDetail"
                  data-toggle="table"
                  data-url="{{ route('orderList',array('status'=>$status,'seller_id'=>$seller_id)) }}"
                  data-cookie="true"
                  data-click-to-select="true"
                  data-cookie-id-table="orderTableDisplay">
                  <thead>
                    <tr> 
                      @if($status == 'Pending' || $status == 'New')  
                      <th data-sortable="true" data-searchable="true" data-field="actions">Action</th>   
                      @endif       
                      @if($status == 'All') 
                      <th data-sortable="true" data-searchable="true" data-field="sync_status_flg">Sync Status</th>    
                      @endif
                      <th data-sortable="true" data-searchable="true" data-field="AmazonOrderId">Amazon Order Id</th>
                      <th data-sortable="true" data-searchable="true" data-field="PurchaseDate">Purchase Date</th>
                      <th data-sortable="true" data-searchable="true" data-field="Amount">Amount</th>  
                      <th data-sortable="true" data-searchable="true" data-field="MarketplaceId">Marketplace Id</th>  
                      <th data-sortable="true" data-searchable="true" data-field="BuyerName">Customer Name</th> 
                      @if($status == 'Pending')      
                      <th data-sortable="false" data-searchable="true" data-field="error_msg">Error Message</th>@endif     
                    </tr>
                  </thead>
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>


@stop
@section('moar_scripts')
@include ('partials.bootstrap-table', ['exportFile' => 'users-export', 'search' => true,'filterColumn'=>$filterColumn])
<script src="{{ asset('assets/js/bootbox.min.js') }}"></script>
<link rel="stylesheet" href="{{ asset('assets/css/bootstrap-table.css') }}">
<script type="text/javascript">
function MarkSync(id){
     bootbox.confirm({
      title: "Mark as Synced",
      message: "Are you sure you created this order invoice manually in QuickBooks?<br/>If you confirm, this order will be <b>Marked as Synced</b> and not be Synced by the app. ?",
      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('changeStatusAzqb') }}", 
              data: {id : id},
              success:function( data ) 
              { 
                if(data == 'success')
                  $('.snipe-table').bootstrapTable('refresh');
              },
              error : function(xhr,status,error)
              {
                 // window.settingsEditor.refresh();
              }
            });
          }
      }
  });
}

function ReSync(id){
    var id = '';
    $("#orderDetail tbody tr").each(function() {
      if(id != '')
        id = id+',';
        id = id+$(this).find("td:eq( 0 )").html();
    });
    if(id == 'No matching records found'){
      bootbox.alert("There is no records to process.");
    }else{
         bootbox.confirm({
          title: "Re Sync",
          message: "Are you sure you want to ReSync this order. ?",
          buttons: {
              cancel: {
                  label: '<i class="fa fa-times"></i> Cancel'
              },
              confirm: {
                  label: '<i class="fa fa-check"></i> Confirm'
              }
          },
          callback: function (result) {
              startLoading();
              if(result)
              {
                $.ajax({
                  type: 'get',
                  url: "{{ route('reSync') }}", 
                  data: {'id':id,'seller_id':'{{$seller_id}}'},
                  success:function( data ) 
                  { 
                      $('.snipe-table').bootstrapTable('refresh');
                  },
                  error : function(xhr,status,error)
                  {
                     // window.settingsEditor.refresh();
                  }
                });
              }
              stopLoading();
          }
      });
   }
}

function Sync(id){
    var id = '';
    $("#orderDetail tbody tr").each(function() {
      if(id != '')
        id = id+',';
        id = id+$(this).find("td:eq( 0 )").html();
    });
    if(id == 'No matching records found'){
      bootbox.alert("There is no records to process.");
    }else{
       bootbox.confirm({
        title: "Sync",
        message: "Are you sure you want to Sync order. ?",
        buttons: {
            cancel: {
                label: '<i class="fa fa-times"></i> Cancel'
            },
            confirm: {
                label: '<i class="fa fa-check"></i> Confirm'
            }
        },
        callback: function (result) {
            startLoading();
            if(result)
            {
              $.ajax({
                type: 'get',
                url: "{{ route('unsyncmanualsyncazqb') }}", 
                data: {'id':id,'seller_id':'{{$seller_id}}'},
                success:function( data ) 
                { 
                    $('.snipe-table').bootstrapTable('refresh');
                },
                error : function(xhr,status,error)
                {
                   // window.settingsEditor.refresh();
                }
              });
            }
            stopLoading();
        }
    });
   }
}
</script>
@stop