@extends('layout.layout')
@section('meta')
    @include('layout.partials.seo', [
        'title' => nova_get_setting_translate('faq_site_title') ?? env('APP_NAME'),
        'description' =>nova_get_setting_translate('faq_site_description') ?? env('APP_NAME'),
        'keywords' => nova_get_setting_translate('faq_site_keywords') ?? env('APP_NAME'),
        'image' => Storage::url(nova_get_setting('faq_banner')),
        'schema' => $settings['faq_schema'] ?? ''
    ])
@endsection

@section('content')
    <main class="main">
        <div class="page-header text-center" style="background-image: url('{{ Storage::url(nova_get_setting('faq_banner')) }}');background-size: cover;background-position: center;background-repeat: no-repeat"
             title="{{nova_get_setting_translate('faq_banner_title')}}"
             aria-label="{{nova_get_setting_translate('faq_banner_alt')}}">
            <div class="container">
                <h1 class="page-title">
                    @isset($settings['faq_title'])
                        {{ json_decode($settings['faq_title'])->{app()->getLocale()} }}
                    @endisset
                    <span>
                        @isset($settings['faq_description'])
                            {!! json_decode($settings['faq_description'])->{app()->getLocale()} !!}
                        @endisset
                </span>
                </h1>
            </div>
        </div>
        <nav aria-label="breadcrumb" class="breadcrumb-nav border-0 mb-0">
            <div class="container">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ route('home') }}">{{ __('general.home') }}</a></li>
                    <li class="breadcrumb-item active" aria-current="page">
                        @isset($settings['faq_title'])
                            {{ json_decode($settings['faq_title'])->{app()->getLocale()} }}
                        @endisset
                    </li>
                </ol>
            </div>
        </nav>
        <div class="mb-2"></div>
        @if(count($FAQs))
        <div class="blog-posts">
            <div class="container">
                <div class="row">
                            <div class="col-lg-8 col-md-12 mb-4">
                                <div class="accrodion-grp faq-accrodion" data-grp-name="faq-accrodion">
                                    @foreach($FAQs as $FAQ)
                                        <div class="accrodion  @if($loop->first) active @endif ">
                                            <div class="accrodion-title">
                                                <h5>{{$FAQ->question}}</h5>
                                            </div>
                                            <div class="accrodion-content" style="display: block;">
                                                <div class="inner">
                                                    <p>
                                                        {!! $FAQ->answer !!}
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                            <div class="col-lg-4 col-md-12">
                                <div class="img--banner-faq">
                                    <img src="{{ Storage::url(nova_get_setting('faq_image')) }}" alt="{{ nova_get_setting_translate('faq_image_title') }}" title="{{ nova_get_setting_translate('faq_image_alt')}}" width="auto" height="auto" />
                                </div>
                            </div>
                        </div>
                    </div>
        </div>
        @endif

    </main>
    @include('layout.partials.news_letter')

@endsection