@extends('layouts.backend')
@section('extraCss')
<style type="text/css">
.table-responsive{
  overflow-x: auto !important;
}

.fieldset{
    padding: 1rem !important;
    border : 2px dashed #d0d7dd !important;  

}

</style>
@endsection
@section('mainContentArea')
<div class="card card-default">
    <div class="card-header">
        <h4>
            Website Orders
        </h4>
    </div>
    <div class="card-body">
        <div class="table-responsive" >
            <table class="table table-bordered ">
                <thead>
                    <tr>
                        <th>Order ID</th>
                        <th>Customer Name</th>
                        <th width="160">Comments</th>
                        <th>Amount</th>
                        <th>Payment Mode</th>
                        <th>Payment Status</th>
                        <th>Order Status</th>
                        <th>Order Date</th>
                        <th>Order Track</th>
                        <th width="100">Action</th>
                    </tr>
                </thead>
                <tbody>
                    @if($orders->count() > 0)
                    @foreach($orders as $o)
                    @php if(isset($o->transactionInfo->description)) {
                        $transaction = json_decode($o->transactionInfo->description);
                    } else {
                        $transaction = '';
                    }
                    @endphp
                    <tr>
                        <td>{{ $o->order_id }}</td>
                        <td>@php  if(isset($o->customerInfo->firstname)) { echo $o->customerInfo->firstname.' '.$o->customerInfo->lastname; } @endphp</td>
                        <td>{{ $o->comment }}</td>
                        <td>₹{{ number_format($o->total, 2) }}</td>
                        <td>@php if(!empty($transaction)) { echo $transaction->payment_mode; } @endphp</td>
                        <td><strong>
                            @php if(!empty($transaction && ($transaction->payment_status==1))) { echo '<label href="#" class="badge badge-success">Paid</label>'; } @endphp
                            @php if(!empty($transaction && ($transaction->payment_status==0))) { echo '<label href="#" class="badge badge-danger">Failed</label>'; } @endphp
                            @php if(!empty($transaction && ($transaction->payment_status==2))) { echo '<label href="#" class="badge badge-warning">Pending</label>'; } @endphp
                        </strong></td>
                        <td><label href="#" class="badge badge-default">{{ $status[$o->order_status_id] }}</label></td>
                        <td>{{ $o->date_added }}</td>
                        <td>@php if(!empty($o->orderShipmentInfo)) {
                            echo ''.$o->orderShipmentInfo->tracking_number.' - <a href="#" class="text-primary"><i class="fa fa-map-marker" aria-hidden="true"></i></a>';
                        } else {
                            echo '<strong>Preparing for dispatch</strong>';
                        } @endphp</td>
                        <td><a href="{{ route('order-detail', $o->order_id) }}" class="btn btn-primary btn-sm"><i class="fa fa-eye" aria-hidden="true"></i></a> <a href="#" class="btn btn-primary btn-sm d-none"><i class="fa fa-pencil-square-o" aria-hidden="true"></i></a> <a href="#" class="btn btn-primary btn-sm"><i class="fa fa-ban" aria-hidden="true"></i></a></td>
                    </tr>
                    @endforeach
                    @else
                    <tr>
                        <td colspan="8"><div class="alert alert-danger">No product found!</div></td>
                    </tr>
                    @endif
                </tbody>
            </table>
        </div>
        <div class="text-right">
            {!! $orders->render() !!}
        </div>
    </div>
</div>
@endsection
@section('extraJs')
<script type="text/javascript">
function updateStatus(elem) {
  event.preventDefault();
  $(elem).replaceWith("<span id='spinner'><img src='{{ asset(BACKEND_THEME_IMAGES_PATH . 'input-spinner.gif') }}'></span>");
  var _token   = $('meta[name="csrf-token"]').attr('content');
  var s   = ($(elem).attr('data-status')=='1')?0:1;
  var id   = $(elem).attr('data-id');
  var text   = ($(elem).attr('data-status')=='1')?'<a href="#" class="badge badge-warning" data-id="'+id+'" data-status="'+s+'" onclick="updateStatus(this)">Hidden</a>':'<a href="#" class="badge badge-success" data-id="'+id+'" data-status="'+s+'" onclick="updateStatus(this)">Visible</a>';
  $.ajax({
      type: "get",
      url: "{{ route('website-articles-update') }}",
      data: {
        a: id,
        status: s,              
        _token: _token
      },
      success: function(response) {
        if (response.status == true) {
          toastr.success(response.data);
        } else {
          toastr.success(response.data);   
        }
        $('#spinner').replaceWith(text);
      }
  });
}
</script>
@endsection