@extends('layouts.admin')

@section('title', 'Parcel Help Questions')

@section('content')
<div class="page-header">
    <div class="d-flex justify-content-between align-items-center flex-wrap gap-3">
        <div>
            <h1>Parcel Help Questions</h1>
            <p class="text-muted">Manage the parcel help topics shown to customers.</p>
        </div>
        <a href="{{ route('admin.support-questions.create') }}" class="btn btn-primary rounded-3">Create Question</a>
    </div>
</div>

@if(session('success'))
    <div class="alert alert-success">{{ session('success') }}</div>
@endif

<div class="card border-0 shadow-sm">
    <div class="card-body table-responsive">
        <table class="table align-middle">
            <thead>
                <tr>
                    <th>Title</th>
                    <th>Category</th>
                    <th>Status</th>
                    <th class="text-end">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($questions as $question)
                    <tr>
                        <td>{{ $question['title'] ?? '' }}</td>
                        <td>{{ $question['category'] ?? 'parcel' }}</td>
                        <td>{{ !empty($question['is_active']) ? 'Active' : 'Inactive' }}</td>
                        <td class="text-end">
                            <a href="{{ route('admin.support-questions.show', $question['id']) }}" class="btn btn-sm btn-outline-primary">View</a>
                            <a href="{{ route('admin.support-questions.edit', $question['id']) }}" class="btn btn-sm btn-primary">Edit</a>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="4" class="text-center text-muted py-4">No help questions yet.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection