@extends('layouts.app')

@section('title', 'My orders')

@section('content')
<h1>My orders</h1>
<p style="margin-bottom:16px;">Orders where you are the customer. Download files for completed orders below.</p>
<div class="card">
    <h2>Your purchases</h2>
    <div class="table-wrap">
        <table class="data-table">
            <thead>
                <tr>
                    <th>Product</th>
                    <th>Status</th>
                    <th>Date</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @forelse($orders as $o)
                    <tr>
                        <td>{{ $o->product?->title ?? '—' }}</td>
                        <td>{{ $o->status }}</td>
                        <td>{{ $o->created_at->format('M j, Y H:i') }}</td>
                        <td>
                            @if($o->status === 'completed' && $o->product?->file_path)
                                <a href="{{ route('orders.download', $o) }}">Download</a>
                            @else
                                —
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="4" class="empty-state">You have no orders yet.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($orders->hasPages())
        <div class="pagination">{{ $orders->links() }}</div>
    @endif
</div>
@endsection