@extends('layouts.portal_theme_01')
@section('customcss')
    <style>
        .card-img-top {
            height: 200px; /* Ensures all images are the same height */
            object-fit: cover; /* Maintains aspect ratio and ensures image fills the container */
        }

        .card-body {
            display: flex;
            flex-direction: column;
            justify-content: space-between; /* Aligns content properly inside the card */
        }
    </style>
    @section('content')
        @php
            $orders = $data['orders']??[];
            $total =0;
        @endphp

        <div class="container pb-5">
            @if($orders)
                <div class="row mt-3">
                    <div class="col-lg-8 offset-2">
                            <div class="card">
                                <div class="card-header">
                                    <h2>My Orders</h2>
                                </div>
                                <div class="card-body">
                                    <div class="d-flex flex-row mb-3">
                                        <div class="p-2">
                                            @if(!empty($orders))
                                                <table class="table">
                                                    <tr>
                                                        <th>Invoice ID</th>
                                                        <th>Source</th>
                                                        <th>Status</th>
                                                    </tr>
                                                    @foreach($orders as $order)
                                                        <tr>
                                                            <td>{{ $order['invoice_no']??"not set" }}</td>
                                                            <td>{{ $order['order_source'] }}</td>
                                                            <td>{{ $order['order_status'] }}</td>
                                                        </tr>
                                                    @endforeach
                                                </table>
                                            @endif
                                        </div>
                                    </div>

                                </div>
                            </div>



                    </div>

                </div>



            @endif
        </div>


    @endsection

    @section('script')
        <script>


        </script>
    @endsection