@extends('layouts.app')

@section('content')
<div class="container py-4">
    <h1>{{ __('labels.question_details') }}</h1>

    <div class="card mt-3">
        <div class="card-header">
            {{ __('labels.question') }} #{{ $faqQuestion->id }}
        </div>
        <div class="card-body">
            <p><strong>{{ __('labels.name') }}:</strong> {{ $faqQuestion->name ?? '-' }}</p>
            <p><strong>{{ __('labels.email') }}:</strong> {{ $faqQuestion->email ?? '-' }}</p>
            <p><strong>{{ __('labels.question') }}:</strong> {{ $faqQuestion->question }}</p>
            <p><strong>{{ __('labels.answered') }}:</strong> {{ $faqQuestion->answered ? __('labels.yes') : __('labels.no') }}</p>

            <a href="{{ route('admin.faq.index') }}" class="btn btn-secondary mt-3">{{ __('labels.back_to_faq_list') }}</a>
            <a href="{{ route('admin.faq-questions.index') }}" class="btn btn-primary mt-3">{{ __('labels.back_to_questions_list') }}</a>
        </div>
    </div>
</div>
@endsection