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

<section class="py-4 content">
    <div class="container">
        <div class="row">
            <div class="col-sm-4">
                <img src="{{url('guests/img/faq.jpg')}}" alt="">
            </div>
            <div class="col-sm-8">
                <div class="row">
                    <div class="col-12">
                        <h2>Frequently Asked Questions</h2>
                    </div>
                </div>
                <div class="row" id="accordion">
                    @if ($result_faqs->total() == 0)
                    <div class="col-sm-12 bg-white px-4 py-3 mt-2">
                        <center>
                            <h4>No FAQs found</h4>
                        </center>
                    </div>
                    @endif
                    @foreach ($result_faqs as $faq)
                    <div class="col-sm-12 bg-white px-4 py-3 mt-2">
                        <h4 class="mt-0 mb-0">
                            <a href="javascript:void(0)" data-toggle="collapse" data-target="#collapse{{$faq->id}}" class="text-dark text-thick">
                                {{$faq->question}}
                            </a>
                        </h4>
                        
                        <div class="collapse" id="collapse{{$faq->id}}" data-parent="#accordion">
                            <p class="mt-2 text-black">
                                @php echo $faq->answer @endphp
                            </p>
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
</section>
@endsection