@extends('customer.layouts.app')
@section('content')
<div class="main-container">
    <div class="pd-ltr-20 xs-pd-20-10">
        <div class="min-height-200px">
            <div class="page-header">
                <div class="row">
                    <div class="col-md-6 col-sm-12">
                        {{-- <div class="title">
                            <h4>Form</h4>
                        </div> --}}
                        <nav aria-label="breadcrumb" role="navigation">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="{{ route('customer-dashboard') }}">Home</a></li>
                                <li class="breadcrumb-item active" aria-current="page">Orders</li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
            <div class="card-box mb-30">
                <div class="pd-20">
                    <h4 class="text-blue h4">Order Table</h4>
                </div>
               
                <div class="pb-20">
                    <table class="table table-responsive hover data-table-export">
                        <thead>
                            <tr>
                                <th class="table-plus datatable-nosort">#</th>
                                <th>Order Number</th>
                                <th>Transaction Id</th>
                                <th>Product Name</th>
                                <th>Total Amount</th>
                                <th>Order Date</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($order_details as $index => $order)
                            {{-- @dd($order->orderProducts) --}}
                                <tr>
                                    <td class="table-plus">{{ $index + 1 }}</td>
                                    <td>{{ $order->order_number }}</td>
                                    <td>{{ json_decode($order->payment->response)->razorpay_payment_id }}</td>
                                    <td>{{ json_decode($order->products->data)->book_name }}</td>
                                    <td>{{ $order->products->currency.' '.$order->products->price }}</td>
                                    <td>{{ date('d-m-y', strtotime($order->created_at)) }}</td>
                                    <td><a href="{{ route('generate-invoice-pdf', $order->id) }}" style="font-size: 20px;"><span class="micon dw dw-download"></span></a></td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        @include('customer.layouts.footer')
    </div>
</div>
@endsection