@extends('layouts.app')

@section('content')
<div class="container">
    <div class="mt--3 mb--3">
        <div class="card">
            <h3>Order Details</h3>
            <table class="mt--2 table--striped">
                <thead>
                    <tr>
                        <th>Date</th>
                        <th>Place</th>
                        <th>Score</th>
                        <th>Rank</th>
                        <th>Status</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>{{ $order->created_at->format('M d, Y') }}</td>
                        <td>{{ $order->place }}</td>
                        <td>{{ optional($order->details)->overall_score ?? 'N/A' }}</td>
                        <td>{{ optional($order->details)->overall_rank ?? 'N/A' }}</td>
                        <td>{{ $order->status }}</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection