@extends('admin.layouts.app')
@section('content')
<section class="forms view-content-sec">
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="form-group row col-sm-12">
                                <label class="col-sm-2 form-control-label">Category</label>
                                <div class="col-sm-10 form-control-value">
                                    {!! $faq->category->name ?? "" !!}
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="form-group row col-sm-12">
                                <label class="col-sm-2 form-control-label">Question</label>
                                <div class="col-sm-10 form-control-value">
                                    {!! $faq->question ?? "" !!}
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="form-group row col-sm-12">
                                <label class="col-sm-2 form-control-label">Answer</label>
                                <div class="col-sm-10 form-control-value">
                                    {!! $faq->answer ?? "" !!}
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="form-group row col-sm-12">
                                <label class="col-sm-2 form-control-label">Status</label>
                                <div class="col-sm-10 form-control-value">
                                    {!! $faq->is_active_status !!}
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group row col-sm-12">
                                <label class="col-sm-2 form-control-label">Created At</label>
                                <div class="col-sm-4 form-control-value">
                                    {!! convertUtcToLocal($faq->created_at,config('constants.DISPLAY_DATE_TIME_ZONE_FORMAT')) !!}
                                </div>
                                <label class="col-sm-2 form-control-label">Last Updated At</label>
                                <div class="col-sm-4 form-control-value">
                                    {!! convertUtcToLocal($faq->updated_at,config('constants.DISPLAY_DATE_TIME_ZONE_FORMAT')) !!}
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="form-group row col-sm-12">
                                <label class="col-sm-2 form-control-label">Created By</label>
                                <div class="col-sm-4 form-control-value">
                                    {!! @$faq->createdBy->name !!}
                                </div>
                                @if($faq->updated_by != "")
                                <label class="col-sm-2 form-control-label">Last Updated By</label>
                                <div class="col-sm-4 form-control-value">
                                    {!! $faq->updatedBy->name !!}
                                </div>
                                @endif
                            </div>
                        </div>
                    </div>

                    <div class="card-body">
                        <div class="form-group row">
                            <div class="col-sm-4">
                                <button type="button" onclick="window.location.href='{!! route('admin.'.request()->segment(2).'.index') !!}';" class="btn btn-secondary">Back</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection