@extends('frontend.layouts.app')
@section('page_content')
<div class="inner_page_without_banner">
    <section class="breadcrumb_sec header-width">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{route('index')}}">Home</a></li>
            <li class="breadcrumb-item active">FAQ's</li>  
        </ol>
    </section>
    <section class="main_content">
        <div class="container mb-3">
            <div class="row justify-content-center">
                <div class="col-lg-6 col-md-9 text-center">
                    <h2 class="fs-50 mb-0 fw-s-bold">FAQs</h2>
                </div>
            </div>
        </div>
        <div class="container mb-5 ">
            <div class="row">
                <div class="col-12">
                    <div class="mb-5">
                        @if(count($faqs) > 0)
                            <div id="faq_accordian" class="faq_accordian">
                                @foreach($faqs as $key => $faq)
                                    <div class="card">
                                        <div class="card-header collapsed" data-toggle="collapse"
                                            data-parent="#faq_accordian" href="#faqs_{{$faq->id}}">
                                            <a class="card-title">
                                                {{LangTranslate::translate($faq->title ?? '',$faq->ar_title ?? '')}}
                                            </a>
                                        </div>
                                        <div id="faqs_{{$faq->id}}" class="collapse" data-parent="#faq_accordian">
                                            <div class="card-body">
                                                {!! LangTranslate::translate($faq->description ?? '',$faq->ar_description ?? '') !!}
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        @else
                            @include('frontend.nodata_found')
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>  
@endsection