@extends('layouts.backend.master')


@section('content')
<h3>Course Orders</h3>

<!-- Your Livewire component view -->
<div>
    <!-- Display the success message -->
    @if (session()->has('success'))
        <div class="alert alert-success">
            {{ session('success') }}
        </div>
    @endif

    <!-- Other content here -->
</div>
<table class="table">
    <thead>
    <thead>
        <tr>
            <th>Order ID</th>
            <th>Customer Name</th>
            <th>Email</th>
            <th>Course Name</th>
            <th>Date</th>
            <th>Status</th>

        </tr>
    </thead>
    <tbody>
        @foreach ($orders as $order)
            <tr>
                <td>{{ $order->id }}</td>
                <td>{{ $order->user->name }}</td>
                <td>{{ $order->user->email }}</td>
                <td>@foreach ($order->courseOrders as $courseOrder)
                {{ $courseOrder->course->name }}
            @endforeach</td>
                <td>{{ $order->date }}</td>
                <td>
                    <form action="{{ route('course_orders.update_status', ['orderId' => $order->id]) }}" method="POST">
                        @csrf
                        @method('PUT')
                        <select name="status" onchange="this.form.submit()">
                            <option value="Pending payment" {{ $order->status === 'Pending payment' ? 'selected' : '' }}>Pending Payment</option>
                            <option value="Paid" {{ $order->status === 'Paid' ? 'selected' : '' }}>Paid</option>
                        </select>
                    </form>
                </td>

            </tr>
        @endforeach
      </tbody>
 </table>
@endsection