@extends('frontendv2.layouts.frontend_design') 
@section('content')
<section class="w-full h-full">
    <div class="w-full md:h-[calc(100vh-92px)] bg-cultured1 px-8 sm:px-20 pb-9 pt-12">
      <div class="bg-white w-full h-full">
        <div class="pb-8 bg-cultured1">
          <div class="flex">
            <p class="text-lg capitalize cursor-pointer text-black text-gray1 cursor-pointer">
              <a href="{{route('webhome')}}">Home</a> </p>
            <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
              class="w-4 h-4 text-gray1 mx-1 mt-[7px]">
              <path
                d="M15.8376 12.5648L10.8516 18.5558C10.5466 19.0138 9.90865 19.1418 9.45065 18.8358C8.99365 18.5308 8.86562 17.8908 9.17062 17.4318L13.7826 12.0028L9.17062 6.57385C8.86562 6.11485 8.99365 5.47583 9.45065 5.16983C9.90865 4.86383 10.5466 4.99183 10.8516 5.44983L15.8376 11.4408C16.0606 11.7768 16.0606 12.2288 15.8376 12.5648Z"
                fill="currentColor"></path>
            </svg>
            <p class="text-lg capitalize text-black">Orders list</p>
          </div>
        </div>
        <div class="grid grid-cols-12 w-full">
          @include('frontendv2.Customer.navigation_list')
          <div class="col-span-12 md:col-span-7 lg:col-span-8 xl:col-span-9">

            <div class="w-full md:px-5 mb-10 md:mb-0">
                <table class="w-full text-left table-auto table table-striped " style="width: 100%;">
                    <thead style="font-size: 14px;" class="rounded-md bg-[#f2f2f2] ">
                        <tr>
                            <th scope="col" class="py-3 first:rounded-l-md first:rounded-bl-md text-left pl-5" ><h6 class="font-semibold text-[16px] leading-[24px] md:font-medium md:text-[18px] md:leading-[27px] text-lg font-medium">{{__('lbl.OrderId')}}</h6></th>
                            <th scope="col" class="py-3 first:rounded-l-md first:rounded-bl-md text-center"><h6 class="font-semibold text-[16px] leading-[24px] md:font-medium md:text-[18px] md:leading-[27px] text-lg font-medium">{{__('lbl.TotalItems')}}</h6></th>
                            <th scope="col" class="py-3 first:rounded-l-md first:rounded-bl-md text-right" ><h6 class="font-semibold text-[16px] leading-[24px] md:font-medium md:text-[18px] md:leading-[27px] text-lg font-medium">{{__('lbl.CreatedAt')}}</h6></th>
                            <th scope="col" class="py-3 first:rounded-l-md first:rounded-bl-md text-right" ><h6 class="font-semibold text-[16px] leading-[24px] md:font-medium md:text-[18px] md:leading-[27px] text-lg font-medium">{{__('lbl.subtotal')}}</h6></th>
                            <th scope="col" class="py-3 first:rounded-l-md first:rounded-bl-md text-right pr-5" ><h6 class="font-semibold text-[16px] leading-[24px] md:font-medium md:text-[18px] md:leading-[27px] text-lg font-medium">{{__('lbl.FinalTotal')}}</h6></th>
                        </tr>
                    </thead>
                    <tbody style="font-size: 15px;">
                        @if(!empty($orders) && $orders->count()) 
                        @foreach ($orders as $orderInfo)
                        <tr>
                            <td><a href="{{ route('orderDetail', encrypt($orderInfo->id))}}">{{$orderInfo->app_order_id}}</a></td>
                            <td style="text-align: center;">{{$orderInfo->order_total_items}}</td>
                            <td style="text-align: right;">{{$orderInfo->created_at->diffForHumans()}}</td>
                            <td style="text-align: right;">{{storecurrencyshop().number_format($orderInfo->order_sub_total,2)}}</td>
                            <td style="text-align: right;">{{storecurrencyshop().number_format($orderInfo->order_total,2)}}</td>
                        </tr>
                        @endforeach 
                        @else
                        <tr>
                            <td colspan="5"  align="center">{{__('lbl.no_record_found')}}</td>
                        </tr>
                        @endif
                    </tbody>
                </table>
                {{ $orders->links() }}
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
 
@endsection