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

<!-- ==== Breadcame Section Start ==== -->
<section class="breadcame_section top-space">
    <div class="breadcame_area" style="background-image: url({{General::renderImage(FileSystem::getAllSizeImages(ContentManagement::get('faqs_image')), 'medium')}});">
        <div class="breadcame_content_area animated fadeInDown" data-animation-in="fadeInDown" data-delay-in="0ms">
            <div class="header">
                {{ContentManagement::get('faqs_breadcrumb')}}
            </div>
            <div class="description">
                {{ContentManagement::get('faqs_description')}}
            </div>
        </div>
    </div>
</section>
<!-- ==== Breadcame Section End ==== -->


<!-- ==== Faq_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 mx-auto">
                <div class="content_area">
                    <div class="heading">
                        <h4>
                            {{ ContentManagement::get('faqs_title') }}
                        </h4>
                        <div class="search_area product_listing_with_sort">
                            <form method="get" id="filters-form">
                                <div class="form-group">
                                    <input type="text" class="form-control" name="search" value="{{isset($_GET['search']) ? $_GET['search'] : ""}}" placeholder="Find your question" autocomplete="off" />
                                    <div class="search_icon">
                                        <i class="fal fa-search"></i>
                                    </div>
                                    <div class="search_btn">
                                        <button type="submit" class="btn btn-primary">Search</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="list_area product_listing">
                    	<div class="row appendListing">
	                    	@if(isset($listing) && count($listing) > 0)
	                            @include('frontend.faq.listingLoop')
	                         @else
	                            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
	                                <div class="no_image text-center">
	                                    <img src="{{url('assets/frontend/noImage/nodata.png')}}">
	                                </div>
	                            </div>
	                        @endif
	                    </div>
                        @include('frontend.partials.pagination',['pagination' => $listing,'url' => route('faq.index')])
                    </div>
                    <div class="info_area">
                        <h5>
                            {{ ContentManagement::get('faqs_sub_title') }}
                        </h5>
                        <div class="contact_btn">
                            <a href="{{route('contactus.index')}}" class="btn btn-primary">Contact Us <i class=" ps-2 far fa-long-arrow-right"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==== Faq_Section_End === -->

@endsection