@extends('layouts.master')
@section('meta')
    @include('layouts.partials.seo', [
        'title' => nova_get_setting_translate('blog_index_meta_title') ?? env('APP_NAME'),
        'description' => nova_get_setting_translate('blog_index_meta_description') ?? env('APP_NAME'),
        'keywords' => nova_get_setting_translate('blog_index_meta_keywords') ?? env('APP_NAME'),
        'schema' => nova_get_setting('blog_index_meta_other'),
        'image' => Storage::url(nova_get_setting('faq_banner')),
    ])
@endsection
@section('content')
    <section class="rlr-section">
        <div class="rlr-cta rlr-cta--no-button"
            style="background-image: url('{{ Storage::url(nova_get_setting('faq_banner')) }}'); background-size:100%;"
           >
            <h1>{{ nova_get_setting_translate('faq_title') }}</h2>
            {!! nova_get_setting_translate('faq_details_description') !!}
        </div>
    </section>

    <div class="rlr-search-results-page__breadcrumb-section">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-12">
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb rlr-breadcrumb__items">
                            <li class="breadcrumb-item rlr-breadcrumb__item"><a
                                    href="{{ route('home') }}">{{ __('homePage.home') }}</a></li>
                            <li class="breadcrumb-item rlr-breadcrumb__item active" aria-current="page">
                                {{ nova_get_setting_translate('faq_details_title') }}</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>

    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div id="profile-description">
                    <div class="text show-more-height">
                        <div class="page-heading">
                            <p>{{ nova_get_setting_translate('faq_details_subHeader') }}</p>
                            {!! nova_get_setting_translate('faq_details_subDescription') !!}
                        </div><!-- end page-heading -->
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container">

             <div class="row">
                <div class="col-md-9 col-lg-9 col-12">
                    <div class="accordion" id="accordionExample">
                        @foreach ($faqs as $item)
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="heading{{ $loop->iteration }}">
                                    <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                        data-bs-target="#collapse{{ $loop->iteration }}" aria-expanded="true"
                                        aria-controls="collapse{{ $loop->iteration }}">
                                        {{ $item->question }}
                                    </button>
                                </h2>
                                <div id="collapse{{ $loop->iteration }}"
                                    class="accordion-collapse collapse {{ $loop->first ? 'show' : '' }}"
                                    aria-labelledby="heading{{ $loop->iteration }}" data-bs-parent="#accordionExample">
                                    <div class="accordion-body">
                                        {!! $item->answer !!}
                                    </div>
                                </div>
                            </div>
                        @endforeach

                    </div>
                </div>
                <div class="col-md-3 col-lg-3 col-12">
                    <div class="right--block--faq">
                        <div class="for_blog feat_property">
                            <div class="thumb mb-0 thumb_faq ">
                                <img class="img-whp" src="{{ Storage::url(nova_get_setting('faq_image')) }}"
                                    alt="{{ nova_get_setting_translate('faq_image_alt') }}"
                                    title="{{ nova_get_setting_translate('faq_image_title') }}">
                            </div>
                            <div class="details">
                                <div class="tc_content">
                                    <h4>{{ nova_get_setting_translate('faq_title') }}</h4>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

 
    </div>



    @include('layouts.partials.why_choose')
    @include('layouts.partials.customer_gallery')
    @include('layouts.partials.clients_say')
    {{-- @include('layouts.partials.faq') --}}
    @include('layouts.partials.partners')
@endsection