@extends('layouts.admin')

@section('title', $question['title'] ?? 'Parcel Help Question')

@section('content')
<div class="page-header">
    <div class="d-flex justify-content-between align-items-center flex-wrap gap-3">
        <div>
            <h1>{{ $question['title'] }}</h1>
            <p class="text-muted">{{ $question['category'] ?? 'parcel' }} · {{ !empty($question['is_active']) ? 'Active' : 'Inactive' }}</p>
        </div>
        <div class="d-flex gap-2">
            <a href="{{ route('admin.support-questions.index') }}" class="btn btn-outline-secondary rounded-3">Back</a>
            <a href="{{ route('admin.support-questions.edit', $question['id']) }}" class="btn btn-primary rounded-3">Edit</a>
        </div>
    </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">
        <div style="white-space:pre-line;">{{ $question['answer'] }}</div>
    </div>
</div>
@endsection