@extends('manager.layouts.app')
@section('page_title') {{ $page_title ?? 'View FAQs' }} @endsection
@section('content')
    <div class="card mt-3 border-0 shadow-sm">
        <div class="card-body">
            {{-- Page Header --}}
            <x-page-header 
                :title="$p_title" :summary="$p_summary" 
                :url="auth()->user()->can('manager_transaction_faqs-list') ? $url : null" 
                :urlText="$url_text" btnClass="btn-outline-primary me-2">
                @can('manager_transaction_faqs-edit')
                    <a href="{{ $edit_url }}" class="btn btn-sm btn-info text-white">
                        <i class="cil-pencil me-1"></i> Edit FAQ
                    </a>
                @endcan
            </x-page-header>
            <hr class="my-4 opacity-25">
            {{-- Data Section --}}
            <div class="row g-4">
                <x-faq-show-fields label="Question" col="col-md-8"> {{ $data->question }} </x-faq-show-fields>
                <x-faq-show-fields label="Status" col="col-md-2" :isStatus="true" :active="$data->status"> {{ $data->status ? 'Active' : 'Inactive' }} </x-faq-show-fields>
                <x-faq-show-fields label="Sort Order" col="col-md-2"> {{ $data->sort_order }} </x-faq-show-fields>
                <x-faq-show-fields label="Answer" col="col-12"> {!! $data->answer !!} </x-faq-show-fields>
            </div>
            {{-- Footer Description --}}
            @if(!empty($p_description))
                <div class="mt-4 p-3 bg-light rounded-2 border-start border-4 border-primary small text-muted">
                    <strong>Note:</strong> {{ $p_description }}
                </div>
            @endif
        </div>
    </div>
@endsection
@push('footer-scripts')
    @if(Session::has('messages'))
        <script>noti({!! json_encode(Session::get('messages')) !!});</script>
    @endif
@endpush