@extends('frontend.layouts.frontend_design') 
@section('content')
<div class="container checkout-page">
    <div class="checkout-page-content">
        <div class="col-md-2 navigation-list">
            @include('frontend.Customer.navigation_list')
        </div>
        <div class="col-md-10" style="min-height: 550px;">
            <div class="demo-html">
                <div class="table-responsive">
                    <table class="table table-striped " style="width: 100%;">
                        <thead style="font-size: 14px;">
                            <tr>
                                <th scope="col">{{__('lbl.OrderId')}}</th>
                                <!-- <th scope="col">{{__('lbl.Status')}}</th> -->
                                <th scope="col" style="text-align: center;">{{__('lbl.TotalItems')}}</th>
                                <th scope="col" style="text-align: right;">{{__('lbl.subTotal')}}</th>
                                <th scope="col" style="text-align: right;">{{__('lbl.FinalTotal')}}</th>
                                <th scope="col" style="text-align: right;">{{__('lbl.CreatedAt')}}</th>
                                <!-- <th scope="col" style="text-align: center;">{{__('lbl.View')}}</th> -->
                            </tr>
                        </thead>
                        <tbody style="font-size: 15px;">
                            @if(!empty($orders) && $orders->count()) 
                            @foreach ($orders as $orderInfo)
                            <tr>
                                <td><a href="{{ route('order_detail', encrypt($orderInfo->id))}}">{{$orderInfo->app_order_id}}</a></td>
                                <!-- <td>{{$orderInfo->status}}</td> -->
                                <td style="text-align: center;">{{$orderInfo->order_total_items}}</td>
                                <td style="text-align: right;">{{storecurrencyshop().$orderInfo->order_sub_total}}</td>
                                <td style="text-align: right;">{{storecurrencyshop().$orderInfo->order_total}}</td>
                                <td style="text-align: right;">{{$orderInfo->created_at->diffForHumans()}}</td>
                                <!-- <td style="text-align: center;"><a class="btn-item" href="">{{__('lbl.view')}}</a></td>-->
                            </tr>
                            @endforeach 
                            @else
                            <tr>
                                <td colspan="10">There are no data.</td>
                            </tr>
                            @endif
                        </tbody>
                    </table>
                    {{ $orders->links() }}
                </div>
            </div>
        </div>
    </div>
</div>
@endsection