@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;">
  <a href="{{route('etsysellerxo/accountdetail', array('seller_id'=>$seller_id))}}" class="btn btn-primary ad-click-event commonButtons" style="margin-left:5px;">Dashboard</a>
  <a href="{{route('index/etsyxosetting',array('seller_id'=>$seller_id))}}" class="btn btn-primary ad-click-event commonButtons" style="margin-left:5px;">Settings</a>
  @if(isset(\Auth::user()->user_role) && \Auth::user()->user_role != 'Partner')
  <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>
  @endif
</div>
@endif
@stop

@section('title')
Orders Information
@stop
@section('content')
<style type="text/css">  
.alert-success {
    color: #212b36 !important;
    background-color: #e0f5f5 !important;
    border: none;
    box-shadow: inset 0 3px 0 0 #47c1bf, inset 0 0 0 0 transparent, 0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15);
}
.alert a {
    color: #212b36;
}
.js-copy{
  padding: 0px 0px;
}
.alert .icon {
     margin-right: 6px; 
     margin-left: 6px; 
}
.btn_expenses{
  color:#fff !important; text-decoration: none !important; margin-top: 12px !important;
}
</style>
<div class="col-md-12">
    <div class="alert alert-success alert-dismissible show ">
      <!-- <button type="button" class="close">x</button> -->
      <!-- <h4 style="margin-top: 0px;"> Welcome to Parex Technologies</h4> -->
      <p>You can import your other expenses like Marketplace fees, Gateway fees from here to your connected Xero account.</p>
      <p>You can use CSV file which you downloaded from your source or you can add fees manually with our sample file.</p>
      <p>
        <a href="{{route('expenses',array('seller_id'=>$seller_id))}}" class="btn btn-primary btn_expenses">Sync Other Expenses</a>
      </p>
    </div>
</div>
 @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;padding-left:0px; padding-bottom:5px;">
                  <form id="create-search-form" class="" method="post" 
                     action="{{ route('etsyxoorders',array('seller_id'=>$seller_id)) }}" autocomplete="off" role="form" enctype="multipart/form-data">
                     {{ csrf_field() }}             
                      <div class="available-search">
                          <b>Status:</b>
                          {{ 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>
                  </form>
                  
                 
                  
                </div>
                <div class="col-md-3" style="margin-top:32px;width: 5.333333%;"> <div class="available-search">
                      <input type="hidden" name="resyncids" id="resyncids" value="" ></input>
                      <a onclick="ReSync();" class='btn btn-warning btn-sm btn-icon'>Resync</a>
                  </div></div>
                @if($status == 'Pending') 
                    <div class="col-md-2" style="margin-top:32px;">
                      <a onclick="location.href='{{ route('etsyxoorderList',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>
                <!-- <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('etsyxoorderList',array('status'=>$status,'seller_id'=>$seller_id)) }}"
                  data-cookie="true"
                  data-click-to-select="true"
                  data-cookie-id-table="orderTableDisplay">
                  <thead>
                    <tr>        
                      @if($status == 'All') 
                      <th data-sortable="true" data-searchable="true" data-field="sync_status">Sync Status</th>   
                      @endif
                      <th data-sortable="true" data-searchable="true" data-field="receipt_id">Receipt Id</th>
                      <th data-sortable="true" data-searchable="true" data-field="creation_date">Created Date</th>
                      <th data-sortable="true" data-searchable="true" data-field="grandtotal">Total</th>   
                      <th data-sortable="true" data-searchable="true" data-field="name">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 ReSync(id = ''){
    var id = '';
    $("#orderDetail tbody tr").each(function() {
      if(id != '')
        id = id+',';
        id = id+$(this).find("td:eq( 0 )").html();
    });
    
     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('reSyncetsyxoorder') }}", 
              data: {"id":id,"seller_id":"{{$seller_id}}"},
              success:function( data ) 
              { 
                  //$('.snipe-table').bootstrapTable('refresh');
              },
              error : function(xhr,status,error)
              {
                 // window.settingsEditor.refresh();
              }
            });
          }
          stopLoading();
      }
  });
}
/*function addIds(ids) {
    if($('#resyncids').val() != ''){
      var prevdata = $('#resyncids').val();
      var strpos = prevdata.indexOf(ids[0]);
      data = [];
      data.push($('#resyncids').val()); 
      if(strpos >= 0){
        var data1 = data[0].replace(ids[0],'');
        $('#resyncids').val(data1);
        return false;
      }
    }
    else
    var data = [];         
    data.push(ids);
    $('#resyncids').val(data.join(', '));    
}*/

</script>
@stop