@extends('layouts.app')

@section('content')

<section class="my_account_sec">
         <div class="container">
            <div class="my_account_list_tab_h">
             <ul class="nav nav-pills mb-3" role="tablist">

    <li class="nav-item">
        <a 
            class="nav-link {{ request()->routeIs('user.profile.edit') ? 'active' : '' }}"
            href="{{ route('user.profile.edit') }}"
        >
            <i class="bi bi-person-fill"></i>&nbsp;My Profile
        </a>
    </li>

    <li class="nav-item">
        <a 
            class="nav-link {{ request()->routeIs('user.orders*') ? 'active' : '' }}"
            href="{{ route('user.orders') }}"
        >
            <i class="bi bi-list-ul"></i>&nbsp;All Orders
        </a>
    </li>

    <li class="nav-item">
        <a 
            class="nav-link {{ request()->routeIs('user.password.form') ? 'active' : '' }}"
            href="{{ route('user.password.form') }}"
        >
            <i class="bi bi-lock-fill"></i>&nbsp;Change Password
        </a>
    </li>

</ul>

            </div>
            <div class="myaccount_my_orders">
                     <h3 class="my_accout_default_head">Your Orders</h3>
                     <div class="table-responsive">
                        <table class="table table-striped">
                           <thead>
                              <tr>
                                 <th>&nbsp;</th>
                                 <th>Order id</th>
                                 <th>Ordered on</th>
                                 <th>Items</th>
                                 <th>Status</th>
                                 <th>Amount</th>
                                 <th>&nbsp;</th>
                              </tr>
                           </thead>
                           <tbody>
						   						    @foreach($orders as $order)
							                              <tr>
                                 <td>{{$i}}</td>
                                 <td class="prod_id">#{{ $order->order_number }}</td>
                                 <td class="prod_date">{{ $order->created_at->format('d M Y') }}</td>
                                 <td class="prod_quan">{{ $order->items_count }}</td>
                                 <td class="prod_stat"><span>Processing</span></td>
                                 <td class="prod_pric">£ {{ $order->total }}</td>
                                 <td class="product_view_des"><a href="{{ route('user.orders.show', $order) }}"><i class="bi bi-eye"></i></a></td>
                              </tr>
							  							   @endforeach
                           
                           </tbody>
                        </table>
						{{ $orders->links() }}

                     </div>
                  </div>
         </div>
      </section>

@endsection