@extends('layouts.admin')
@section('title', $examProduct->title . ' - 購買紀錄')
@section('content')
<div class="flex items-center justify-between mb-6">
    <div>
        <a href="{{ route('admin.exam-products.index') }}" class="text-sm text-blue-600 dark:text-blue-400 hover:underline">&larr; 返回考題商品列表</a>
        <h2 class="text-xl font-bold text-gray-900 dark:text-white mt-1">{{ $examProduct->title }} - 購買紀錄</h2>
    </div>
</div>

<div class="bg-white dark:bg-slate-900 rounded-xl shadow-lg border border-gray-100 dark:border-slate-800 p-4 mb-6">
    <form method="POST" action="{{ route('admin.exam-products.grant-access', $examProduct) }}" class="flex flex-wrap items-end gap-3">
        @csrf
        <div>
            <label for="grant-email" class="block text-sm font-semibold text-gray-700 dark:text-gray-300 mb-1">手動開通給考生（Email）</label>
            <input id="grant-email" type="email" name="email" required placeholder="candidate@example.com" class="w-64 px-4 py-2.5 rounded-lg border-2 border-gray-200 dark:border-slate-700 bg-gray-50 dark:bg-slate-800 text-gray-900 dark:text-white focus:outline-none focus:border-blue-500">
        </div>
        <div>
            <label class="block text-sm font-semibold text-gray-700 dark:text-gray-300 mb-1">範圍</label>
            <select name="exam_product_subject_id" class="w-40 px-4 py-2.5 rounded-lg border-2 border-gray-200 dark:border-slate-700 bg-gray-50 dark:bg-slate-800 text-gray-900 dark:text-white focus:outline-none focus:border-blue-500">
                <option value="">整包（全部科目）</option>
                @foreach($examProduct->subjects as $subject)
                <option value="{{ $subject->id }}">{{ $subject->name }}</option>
                @endforeach
            </select>
        </div>
        <button type="submit" class="px-6 py-2.5 bg-blue-600 text-white rounded-lg font-medium hover:bg-blue-700">開通</button>
        <span class="text-xs text-gray-400">不經金流，直接建立購買紀錄（例如客服補償、內部測試）</span>
    </form>
</div>

<div class="bg-white dark:bg-slate-900 rounded-xl shadow-lg border border-gray-100 dark:border-slate-800 overflow-hidden">
    <table class="w-full text-sm">
        <thead class="bg-gray-50 dark:bg-slate-800/60 text-gray-500 dark:text-gray-400">
            <tr>
                <th class="text-left px-4 py-3 font-semibold">考生</th>
                <th class="text-left px-4 py-3 font-semibold">範圍</th>
                <th class="text-left px-4 py-3 font-semibold">訂單編號</th>
                <th class="text-left px-4 py-3 font-semibold">來源</th>
                <th class="text-right px-4 py-3 font-semibold">付款金額</th>
                <th class="text-center px-4 py-3 font-semibold">狀態</th>
                <th class="text-left px-4 py-3 font-semibold">購買時間</th>
                <th class="text-center px-4 py-3 font-semibold">下載次數</th>
            </tr>
        </thead>
        <tbody class="divide-y divide-gray-100 dark:divide-slate-800">
            @forelse($purchases as $purchase)
            <tr class="hover:bg-gray-50 dark:hover:bg-slate-800/40">
                <td class="px-4 py-3">
                    <div class="font-medium text-gray-900 dark:text-white">{{ $purchase->candidate?->name }}</div>
                    <div class="text-xs text-gray-500">{{ $purchase->candidate?->email }}</div>
                </td>
                <td class="px-4 py-3 text-gray-500 dark:text-gray-400">{{ $purchase->subject?->name ?? '整包' }}</td>
                <td class="px-4 py-3 text-gray-500 dark:text-gray-400">{{ $purchase->order_no }}</td>
                <td class="px-4 py-3 text-gray-500 dark:text-gray-400">
                    {{ $purchase->source ?? '—' }}
                    @if($purchase->code)
                        <span class="font-mono text-xs">（{{ $purchase->code->code }}）</span>
                    @endif
                </td>
                <td class="px-4 py-3 text-right text-gray-900 dark:text-white">{{ number_format($purchase->price_paid, 0) }}</td>
                <td class="px-4 py-3 text-center">
                    <span class="px-2.5 py-1 rounded-full text-xs font-medium {{ $purchase->status === 'paid' ? 'bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-300' : 'bg-gray-100 text-gray-600 dark:bg-slate-800 dark:text-gray-400' }}">{{ $purchase->status }}</span>
                </td>
                <td class="px-4 py-3 text-gray-500 dark:text-gray-400">{{ $purchase->purchased_at?->format('Y-m-d H:i') }}</td>
                <td class="px-4 py-3 text-center text-gray-900 dark:text-white">{{ $purchase->download_count }}</td>
            </tr>
            @empty
            <tr><td colspan="8" class="px-4 py-10 text-center text-gray-400">尚無購買紀錄</td></tr>
            @endforelse
        </tbody>
    </table>
</div>

<div class="mt-4">{{ $purchases->links() }}</div>
@endsection