@extends('layouts.guest.master')

@section('content')
    @php
        $locale = session()->get('locale') ? session()->get('locale') : App\Helpers\ConstantHelper::ENGLISH;
    @endphp
    <section class="pay-booking py-4 py-sm-5">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="top-head">
                        <h2>{{ __('static.frequently_asked_questions') }}</h2>
                        <p class="top-sub-ttile mb-0"></p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="py-2 py-sm-4">
        <div class="container">
            <div class="row faq-accordians">
                @forelse($faqCategories as $faqCategory)
                    <div class="col-md-6">
                        <div class="personal-detailstext mb-4 faq-head">
                            @if($locale == App\Helpers\ConstantHelper::ARABIC)
                                <h3>{{ isset($faqCategory->category_ar) ? $faqCategory->category_ar : '' }}</h3>
                            @else
                                <h3>{{ isset($faqCategory->category_en) ? $faqCategory->category_en : '' }}</h3>
                            @endif
                        </div>
                        <div id="accordion{{ $faqCategory->id }}" class="pay-bookingaccord">
                            @forelse($faqCategory->faqs as $key => $faq)
                                <div class="card">
                                    <div class="card-header" id="heading{{ $faq->id }}">
                                        <h5 class="mb-0">
                                            <button class="btn btn-link payment-label" data-toggle="collapse"
                                                data-target="#collapse{{ $faq->id }}" aria-expanded="true" aria-controls="collapseOne">
                                                {{ $locale == App\Helpers\ConstantHelper::ARABIC ? $faq->question_ar : $faq->question_en }}
                                            </button>
                                        </h5>
                                    </div>

                                    <div id="collapse{{ $faq->id }}" class="collapse {{ $key === 0 ? ' show' : '' }}" aria-labelledby="heading{{ $faq->id }}"
                                        data-parent="#accordion{{ $faqCategory->id }}">
                                        <div class="card-body">
                                           {{ $locale == App\Helpers\ConstantHelper::ARABIC ? $faq->answer_ar : $faq->answer_en }}
                                        </div>
                                    </div>
                                </div>
                            @empty
                            @endforelse
                        </div>
                    </div>
                @empty
                @endforelse
            </div>
        </div>
    </section>
@endsection