@extends('frontend.layouts.master')
@section('content')


<section class="contact-section">
    @if($pages->title == 'FAQ')
    <div class="contact-container">
        <!-- Title with Icon -->
        <div class="contact-title d-flex align-items-center justify-content-center">
            <h2 class="contact-heading">{{ isset($pages) ? $pages->title : '' }}</h2>
        </div>
        <!-- Row for Card -->
        @foreach(\App\Models\FAQModel::all() as $faq)
            <div class="row contact-row">
                <div class="col-12">
                <h2 class="contact-heading">Q. {{ isset($pages) ? $faq->question : '' }}</h2>
                    <div class="contact-card">
                        <div class="contact-card-body">
                            <div class="row contact-info-row">
                                <div class="col-12 col-md-12 contact-info">
                                    Ans. {!! $faq->answer ?? '' !!}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endforeach
    </div>
    @else
    <div class="contact-container">
        <!-- Title with Icon -->
        <div class="contact-title d-flex align-items-center justify-content-center">
            <h2 class="contact-heading">{{ isset($pages) ? $pages->title : '' }}</h2>
        </div>
        <!-- Row for Card -->
        <div class="row contact-row">
            <div class="col-12">
                <div class="contact-card">
                    <div class="contact-card-body">
                        <div class="row contact-info-row">
                            <div class="col-12 col-md-12 contact-info">
                                {!! $pages->content ?? '' !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endif
</section>

@endsection