@extends('frontend.layouts.products-app')

@section('title')
Orders
@endsection

@section('seo')

@endsection

@section('content')

<link rel="stylesheet" href="{{asset('css/orders.css')}}">

    <div class="container mt-5">
        <p><i class="fa-regular fa-user"></i> My Account &emsp; | &emsp; <span class="active"><i class="fa-solid fa-cart-shopping"></i> My Orders </span></p>
    </div>

    <div class="container">
        <a href="" class="text-decoration-none"><p class="orders">My Orders</p></a>
    </div>

    <div class="container mt-5">
        
        <table class="table">
            <tr class="header bg-light">
              <th>REF ID</th>
              <th>DATE</th>
              <th>ITEMS ORDERED</th>
              <th>SHIP TO</th>
              <th>ORDER TOTAL</th>
              <th>STATUS</th>
            </tr>
            @foreach ($data as $orders)
            @php
            $items = json_decode($orders->items);
            $quantities = json_decode($orders->quantity);
            @endphp
            <tr class="table-content">
              <td>{{$orders->reference}}</td>
              <td>10/21/2022</td>
              <td>
                @if ($items && $quantities)
                @foreach ($items as $index => $item)
                {{ $item }} x {{ $quantities[$index] }}<br>
                @endforeach
                @endif
              </td>
              <td>{{$orders->shipAddress}}</td>
              <td><span class="price text-red"> P{{$orders->total_amount}} </span></td>
              <td>{{ $orders->order_status ? $orders->order_status : 'Pending' }}</td>
            </tr>
            @endforeach
            {{-- <tr class="table-content">
              <td>000000262</td>
              <td>10/21/2022</td>
              <td>SFW123DTB <span class="red"> X 1 </span></td>
              <td>Davao City</td>
              <td><span class="price text-red"> P20,095 </span></td>
              <td>Complete</td>
            </tr> --}}
            {{-- <tr class="table-content">
                <td>000000263</td>
                <td>10/21/2022</td>
                <td>SFW123DTB <span class="red"> X 1 </span></td>
                <td>Davao City</td>
                <td><span class="price text-red"> P20,095 </span></td>
                <td>Complete</td>
            </tr>
            <tr class="table-content">
                <td>000000264</td>
                <td>10/21/2022</td>
                <td>SFW123DTB <span class="red"> X 1 </span></td>
                <td>Davao City</td>
                <td><span class="price text-red" > P20,095 </span></td>
                <td>Shipping</td>
            </tr> --}}
          </table>
      </div>


      <div class="container">
        {{-- {{$data->links("")}} --}}
        <!-- <p>Items 1 to 3 of 2 pages</p> -->
        <div class="hstack gap-3">
            <div class="">Items 1 to 3 of 2 pages</div>
            <div class="page bg-light border ms-auto">&nbsp; 1 &nbsp;</div>
            <div class="page bg-light border">&nbsp; 2 &nbsp;</div>
            @if ($data->currentPage() > 1)
            <a href="{{ $data->previousPageUrl() }}" class="page bg-light border text-decoration-none text-black"><i class="fa-solid fa-arrow-left"></i>&nbsp; Previous &nbsp;</a>
            @endif
            @if ($data->hasMorePages())
            <a href="{{ $data->nextPageUrl() }}" class="page bg-light border text-decoration-none text-black">&nbsp; Next &nbsp;<i class="fa-solid fa-arrow-right"></i></a>
            @endif
            {{-- <div class="page bg-light border">Next <i class="fa-solid fa-arrow-right"></i></div> --}}
        </div>
      </div>

      <br><br><br>

      

@endsection