@extends('frontend.layouts.user.master')
@section('title', $page_title)
@section('content')


<div class="container">
    <!-- row -->
    <div class="row mb-8">
        <!-- ... (Existing code) ... -->
    </div>
    <!-- row -->
    <div class="row">
        <div class="col-xl-12 col-12 mb-5">
            <!-- card -->
            <div class="card h-100 card-lg">
                <!-- card body -->
                <div class="card-body p-0">
                    <!-- table responsive -->
                    <div class="table-responsive">
                        <table
                            class="table table-centered table-hover text-nowrap table-borderless mb-0 table-with-checkbox">
                            <thead class="bg-light">
                                <tr>
                                    <th class="d-none">
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" value=""
                                                id="checkAll">
                                            <label class="form-check-label" for="checkAll"></label>
                                        </div>
                                    </th>
                                    <th>Order No</th>
                                    <th>Date &amp; Time</th>
                                    <th>Payment</th>
                                    <th>Amount</th>
                                    <th>Action</th>
                                    <th class="d-none"></th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($orders as $order)
                                @foreach ($order->invoices as $id => $invoice)
                                    <tr>
                                        <td>{{ ++$id }}</td>
                                        <td>
                                            <a href="{{ route('user.order.detail',['id' => $invoice->order_id]) }}">{{ $invoice->order->order_number }}</a>
                                        </td>
                                        <td>
                                            {{ $invoice->created_at->format('d M Y, h:i A') }}
                                        </td>
                                        <td>
                                            {{ $invoice->order->total_amount }}
                                        </td>
                                        <td>
                                            <a href="{{ route('user.order.invoice', ['order_id' => $invoice->order_id]) }}" class="btn btn-sm btn-primary">View Invoice</a>
                                        </td>
                                    </tr>
                                @endforeach
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

 

@endsection