@extends('layouts.admin')

@section('title', 'بانک سؤال | مدیریت گواهینو')
@section('page-title', 'بانک سؤال')

@section('content')
<div class="admin-actions">
    <form class="admin-filters" method="get">
        <input class="form-control" name="search" value="{{ request('search') }}" placeholder="جست‌وجو در متن سؤال">
        <select class="form-select" name="status"><option value="">همه وضعیت‌ها</option><option value="draft" @selected(request('status') === 'draft')>پیش‌نویس</option><option value="published" @selected(request('status') === 'published')>منتشرشده</option><option value="archived" @selected(request('status') === 'archived')>بایگانی</option></select>
        <button class="btn btn-outline-secondary">فیلتر</button>
    </form>
    <a class="btn btn-success" href="{{ route('admin.questions.create') }}">+ افزودن سؤال</a>
</div>

<section class="admin-card">
    <div class="table-responsive">
        <table class="table admin-question-table align-middle">
            <thead><tr><th>شناسه</th><th>متن سؤال</th><th>دسته</th><th>تصویر</th><th>وضعیت</th><th></th></tr></thead>
            <tbody>
            @forelse($questions as $question)
                <tr>
                    <td>#{{ $question->id }}</td>
                    <td><b>{{ Str::limit($question->body, 95) }}</b><small>{{ $question->source_reference }}</small></td>
                    <td>{{ $question->category?->name ?: '—' }}</td>
                    <td>{{ $question->media ? 'دارد' : '—' }}</td>
                    <td><span class="status-badge {{ $question->status }}">{{ $question->status }}</span></td>
                    <td><div class="d-flex gap-2"><a class="btn btn-sm btn-outline-primary" href="{{ route('admin.questions.edit', $question) }}">ویرایش</a>@if($question->status !== 'archived')<form action="{{ route('admin.questions.archive', $question) }}" method="post">@csrf @method('PATCH')<button class="btn btn-sm btn-outline-secondary">بایگانی</button></form>@endif</div></td>
                </tr>
            @empty
                <tr><td colspan="6" class="text-center text-secondary py-5">سؤالی پیدا نشد.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
    <div class="p-3">{{ $questions->links() }}</div>
</section>
@endsection