@extends('layouts.admin')
@section('title', $examProduct->title . ' - 科目管理')
@section('content')
<div class="mb-6">
    <a href="{{ route('admin.exam-products.edit', $examProduct) }}" 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>
    <p class="text-sm text-gray-500 dark:text-gray-400 mt-1">每個科目可以各自設定價格、折扣、庫存、開賣時間，考生可以只買其中一科</p>
</div>

@if(session('success'))
<div class="mb-4 px-4 py-3 rounded-lg border bg-green-50 dark:bg-green-900/20 border-green-200 dark:border-green-800 text-green-700 dark:text-green-300 text-sm">{{ session('success') }}</div>
@endif
@if($errors->any())
<div class="mb-4 px-4 py-3 rounded-lg border bg-red-50 dark:bg-red-900/20 border-red-200 dark:border-red-800 text-red-700 dark:text-red-300 text-sm">
    @foreach($errors->all() as $error) <div>{{ $error }}</div> @endforeach
</div>
@endif

<div class="bg-white dark:bg-slate-900 rounded-xl shadow-lg border border-gray-100 dark:border-slate-800 p-4 mb-6">
    <h3 class="text-sm font-semibold text-gray-700 dark:text-gray-300 mb-3">新增科目</h3>
    <form method="POST" action="{{ route('admin.exam-products.subjects.store', $examProduct) }}" class="flex flex-wrap items-end gap-3">
        @csrf
        <div>
            <label class="block text-xs text-gray-500 dark:text-gray-400 mb-1">科目名稱 *</label>
            <input type="text" name="name" required placeholder="例：國文" 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">
        </div>
        <div>
            <label class="block text-xs text-gray-500 dark:text-gray-400 mb-1">價格 *</label>
            <input type="number" name="price" step="1" min="0" required class="w-32 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-xs text-gray-500 dark:text-gray-400 mb-1">庫存（留空=不限量）</label>
            <input type="number" name="stock_quantity" step="1" min="0" class="w-32 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>
        <button type="submit" class="px-6 py-2.5 bg-blue-600 text-white rounded-lg font-medium hover:bg-blue-700">新增</button>
    </form>
</div>

<div class="space-y-4">
    @forelse($subjects as $subject)
    <div class="bg-white dark:bg-slate-900 rounded-xl shadow-lg border border-gray-100 dark:border-slate-800 p-4">
        <form method="POST" action="{{ route('admin.exam-products.subjects.update', [$examProduct, $subject]) }}">
            @csrf @method('PUT')
            <div class="flex flex-wrap items-end gap-3">
                <div>
                    <label class="block text-xs text-gray-500 dark:text-gray-400 mb-1">科目名稱</label>
                    <input type="text" name="name" value="{{ old('name', $subject->name) }}" required class="w-32 px-3 py-2 rounded-lg border-2 border-gray-200 dark:border-slate-700 bg-gray-50 dark:bg-slate-800 text-gray-900 dark:text-white text-sm focus:outline-none focus:border-blue-500">
                </div>
                <div>
                    <label class="block text-xs text-gray-500 dark:text-gray-400 mb-1">價格</label>
                    <input type="number" name="price" step="1" min="0" value="{{ old('price', $subject->price) }}" required class="w-24 px-3 py-2 rounded-lg border-2 border-gray-200 dark:border-slate-700 bg-gray-50 dark:bg-slate-800 text-gray-900 dark:text-white text-sm focus:outline-none focus:border-blue-500">
                </div>
                <div>
                    <label class="block text-xs text-gray-500 dark:text-gray-400 mb-1">特價</label>
                    <input type="number" name="discount_price" step="1" min="0" value="{{ old('discount_price', $subject->discount_price) }}" class="w-24 px-3 py-2 rounded-lg border-2 border-gray-200 dark:border-slate-700 bg-gray-50 dark:bg-slate-800 text-gray-900 dark:text-white text-sm focus:outline-none focus:border-blue-500">
                </div>
                <div>
                    <label class="block text-xs text-gray-500 dark:text-gray-400 mb-1">庫存</label>
                    <input type="number" name="stock_quantity" step="1" min="0" value="{{ old('stock_quantity', $subject->stock_quantity) }}" placeholder="不限量" class="w-24 px-3 py-2 rounded-lg border-2 border-gray-200 dark:border-slate-700 bg-gray-50 dark:bg-slate-800 text-gray-900 dark:text-white text-sm focus:outline-none focus:border-blue-500">
                </div>
                <div>
                    <label class="block text-xs text-gray-500 dark:text-gray-400 mb-1">開賣起</label>
                    <input type="datetime-local" name="sale_starts_at" value="{{ old('sale_starts_at', $subject->sale_starts_at?->format('Y-m-d\TH:i')) }}" class="px-3 py-2 rounded-lg border-2 border-gray-200 dark:border-slate-700 bg-gray-50 dark:bg-slate-800 text-gray-900 dark:text-white text-sm focus:outline-none focus:border-blue-500">
                </div>
                <div>
                    <label class="block text-xs text-gray-500 dark:text-gray-400 mb-1">開賣迄</label>
                    <input type="datetime-local" name="sale_ends_at" value="{{ old('sale_ends_at', $subject->sale_ends_at?->format('Y-m-d\TH:i')) }}" class="px-3 py-2 rounded-lg border-2 border-gray-200 dark:border-slate-700 bg-gray-50 dark:bg-slate-800 text-gray-900 dark:text-white text-sm focus:outline-none focus:border-blue-500">
                </div>
                <button type="submit" class="px-4 py-2 bg-blue-600 text-white rounded-lg text-sm font-medium hover:bg-blue-700">儲存</button>
            </div>
        </form>
        <div class="flex items-center justify-between mt-3 pt-3 border-t border-gray-100 dark:border-slate-800">
            <div class="text-xs text-gray-400">
                {{ $subject->files_count }} 個檔案・已開通 {{ $subject->activatedCount() }}{{ $subject->stock_quantity !== null ? ' / ' . $subject->stock_quantity : '' }}
            </div>
            <form action="{{ route('admin.exam-products.subjects.destroy', [$examProduct, $subject]) }}" method="POST" onsubmit="return confirm('確定刪除此科目？（有檔案或購買紀錄的科目無法刪除）')">
                @csrf @method('DELETE')
                <button type="submit" class="text-red-600 dark:text-red-400 text-xs hover:underline">刪除科目</button>
            </form>
        </div>
    </div>
    @empty
    <div class="p-8 text-center text-gray-400 text-sm bg-white dark:bg-slate-900 rounded-xl border border-gray-100 dark:border-slate-800">
        尚未建立任何科目，上面新增後即可在商品編輯頁把檔案指定給該科目
    </div>
    @endforelse
</div>
@endsection