@extends('frontend.layouts.frontend_app')
@section('content')
<section id="custom_dashboard" class="pt-0">
    <div class="container" data-aos="fade-up">
       <div class="row">
       @include('frontend.pages.customer.includes.sidebar')
        <div class="col-lg-9">
          <div class="card p-0 border-0">
            <div class="card-header py-3 bg-transparent d-flex justify-content-between align-items-center">
              <div class="card-title h4 m-0">{{ __('pages.Order History') }}</div>
            </div>
            <div class="card-body pt-0">
              <table class="table table-responsive d-table">
                <thead>
                <tr>
                  <th scope="col">{{ __('pages.invoice_id') }}</th>
                  <th scope="col">{{ __('pages.Total Amount') }}</th>
                  <th scope="col">{{ __('pages.order_status') }}</th>
                  <th scope="col">{{ __('pages.payment_status') }}</th>
                  <th scope="col">{{ __('pages.ordered_at') }}</th>
                  <th scope="col"></th>
                </tr>
                </thead>
                <tbody>
                @foreach($recent_orders as $order)
                  <tr>
                    <th scope="row">#{{ $order->invoice_id }}</th>
                    <td>{{ number_format($order->total_amount,2) }}</td>
                    <td>
                      <span class="badge @if($order->order_status == 'pending') bg-danger @else bg-primary @endif text-white text-capitalize">
                        {{ $order->order_status }}
                      </span>
                    </td>
                    <td>
                      <span class="badge @if($order->payment_status == 'paid') bg-success @elseif($order->payment_status == 'unpaid') bg-warning @else bg-danger @endif text-white text-capitalize">
                        {{ $order->payment_status }}
                      </span>
                    </td>
                    <td>{{ date('F d,Y', strtotime($order->created_at)) }}</td>
                    <td><a href="{{ route('customer.order.invoice',$order->id) }}" class="btn btn-sm btn-default text-white">{{__('pages.Invoice')}}</a></td>
                  </tr>
                @endforeach
                </tbody>
              </table>

              <div class="pagination">
                {!! $recent_orders->links() !!}
              </div>
            </div>
          </div>
        </div>
       </div>
    </div>
     
</section>
@endsection