@extends('layouts.frontlayout')
@section('content')

<!-- ==== FAQ's Section Start ==== -->
<section class="faq_section">
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="faq_area">
                    <div class="content_area">
                        <div class="heading_area">
                            <h3>{{ $page->title ?? ''}}</h3>
                        </div>
                        <div class="search_area">
                            <div class="form-group">
                               <input class="form-control listing-search" placeholder="Search" type="text" id="searchInput" data-url="{{ route('faq.index') }}" value="">
 
                                <div class="icon_area">
                                    <i class="far fa-search"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="accordion_parent">
                        <div class="accordion" id="accordionExample">
                            <div class="row" id="faqContainer">
                                @include('frontend.faq.listingLoop')
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==== FAQ's Section End ==== -->
@endsection