@extends('frontLayout.frontlayout')
@section('content')
<!-- ==== Breadcame Section Start ==== -->
<div class="breadcrumb_area" style="background-image:url('frontend/images/Frame.png')">
    <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="title_area">
                    <h4>
                        {{ __('faq.title') }}
                    </h4>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- ==== Breadcame Section End ==== -->

<!-- ==== Faq_Section_Start === -->
<section class="faq_section">
    <div class="container">
        <div class="row">
            <div class="col-xxl-10 col-xl-10 col-lg-10 col-md-12 col-sm-12 col-12 mx-auto">
                <div class="content_area">
                    <div class="list_area">
                        <div class="accordion" id="accordionFaq">
                            @foreach($faqs as $k => $f)
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="heading-{{$k}}">
                                    <button class="accordion-button {{ $k == 0 ? "" : "collapsed"}}" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-{{$k}}" aria-expanded="true" aria-controls="collapse-{{$k}}">
                                        {{ __dl($f, 'title') }}
                                    </button>
                                </h2>
                                <div id="collapse-{{$k}}" class="accordion-collapse collapse {{ $k == 0 ? "show" : ""}}" aria-labelledby="heading-{{$k}}" data-bs-parent="#accordionFaq">
                                    <div class="accordion-body">
                                        <p>{{__dl($f, 'description')}}</p>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==== Faq_Section_End === -->


@endsection