@extends('layout.app')
@section('title') Faq
@endsection
@section('content')
    @php
        if (!empty($get_single_faq_banner_title->content)) {
               $faqdecodedData = json_decode($get_single_faq_banner_title->content, true);
           }
    @endphp
{{--    <section class="innerBan p-0">--}}
{{--        <img src="{{ $homedecodedData['top_banner_image'] ? asset('upload/cms_images/' . $homedecodedData['top_banner_image']) : '' }}--}}
{{--            " class="img-fluid" alt="">--}}
{{--        <div class="container">--}}
{{--            <h2>{{$faqdecodedData['top_title'] ?? ''}}</h2>--}}
{{--        </div>--}}
{{--    </section>--}}
    <section class="heroSection innerBan">
        <div class="main-slider p-0" id="mainSlider">
            <div class="swiper-container homeSlider">
                @if($faqlSlider)
                <div class="swiper-wrapper">
                    @php
                        $get_decode = json_decode($faqlSlider->images);
                    @endphp
                    @foreach($get_decode as $index => $all_images)
                        <div class="swiper-slide">
                            <div class="slide-inner bg-image" data-background="{{ asset('upload/sliders/'.$all_images) }}">
                                <div class="slider-overlay">
                                    <div class="container">
                                        <div class="row no-gutters">
                                            <div class="col-12 mb-5 pb-5">
                                                <div class="heroText">
                                                    <h2 class="">{{$faqdecodedData['top_title'] ?? ''}}</h2>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
                @else
                    <h3 class="text-center text-white mt-5">
                        Images Not Found
                    </h3>

                @endif
            </div>
        </div>
    </section>

    <section class="faqSection">
        <div class="container">
            <div class="col-xl-9">
                <div class="mainHeading innermainHeading mb-lg-5 mb-md-4 mb-3" data-aos="fade-up">
                    <h2 class="text-left" data-aos="fade-up">{{$faqdecodedData['section_title'] ?? ''}}</h2>
                </div>
            </div>

            <div class="accordion" id="accordionExample">

                @foreach($get_all_faqs as $key => $get_all_faq)

                <div class="card">
                    <div class="card-header" id="{{$key}}">

                        <button class="btn btn-link btn-block text-left {{$key == 0 ? 'show' : 'collapsed'}}" type="button" data-toggle="collapse" data-target="#collapseOne{{$key}}" aria-expanded="{{$key == 0 ? 'true' : 'false'}}" aria-controls="{{$key}}">
                            <span>{{ str_pad($key+1, 2, '0', STR_PAD_LEFT) }}</span> {{ $get_all_faq->title ?? '' }}
                        </button>
                    </div>

                    <div id="collapseOne{{$key}}" class="collapse {{$key == 0 ? 'show' : ''}}" aria-labelledby="headingOne{{$key}}" data-parent="#accordionExample">
                        <div class="card-body">
                            {!! $get_all_faq->description ?? '' !!}
                        </div>
                    </div>

                </div>

                @endforeach

            </div>


        </div>
    </section>
@endsection