@extends('front.layouts.layout')
@section('meta_title'){{ $index_meta->{'title_' . App::getLocale()} }}@stop
@section('meta_description'){{ $index_meta->{'description_' . App::getLocale()} }}@stop
@section('meta_keywords')
    {{ $index_meta->{'kewords_' . App::getLocale()} }}
@stop
@section('meta')
    <!-- Schema.org markup for Google+ -->
    <meta itemprop="name" content="{{ $index_meta->{'title_' . App::getLocale()} }}">
    <meta itemprop="description" content="{{ $index_meta->{'description_' . App::getLocale()} }}">
    <!-- Twitter Card data -->
    <meta name="twitter:card" content="site">
    <meta name="twitter:site" content="@publisher_handle">
    <meta name="twitter:title" content="{{ $index_meta->{'title_' . App::getLocale()} }}">
    <meta name="twitter:description" content="{{ $index_meta->{'description_' . App::getLocale()} }}">
    <!-- Twitter Card data -->
    <meta name="twitter:creator" content="@author_handle">
    <meta name="twitter:image" content="{{ url($index_meta->{'image_' . App::getLocale()}) }}">
    <!-- Open Graph data -->
    <meta property="og:title" content="{{ $index_meta->{'title_' . App::getLocale()} }}" />
    <meta property="og:description" content="{{ $index_meta->{'description_' . App::getLocale()} }}" />
    <!-- Schema.org markup for Google+ -->
    <meta itemprop="image" content="{{ url($index_meta->{'image_' . App::getLocale()}) }}">
    <!-- Open Graph data -->
    <meta property="og:type" content="og:site">
    <meta property="og:url" content="{{ route('home') }}">
    <meta property="og:image" content="{{ url($index_meta->{'image_' . App::getLocale()}) }}">
    <!-- Schema.org markup for Google+ -->
    <meta itemprop="name" content="{{ $index_meta->{'title_' . App::getLocale()} }}">
    <meta itemprop="description" content="{{ $index_meta->{'description_' . App::getLocale()} }}">
@endsection
@section('content')
    <div class="container head-text-container">
        <div class="row">
            <h1>
                FAQs
            </h1>
            <p class="text fs-5">
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit ad suscipit magnam minima neque reprehenderit
                magni eveniet animi aliquid? Neque,
            </p>
        </div>
    </div>
    <!-- HEADER END -->
    <!-- FAQS CONTAINER START -->
    <section class="container-fluid faqs-container">
        <div class="row">
            <div class="col-lg-8 col-md-10 col-sm-10 col-xs-12 m-auto">
                @forelse ($faqs as $faq)
                    <div class="row question-row">
                        <div class="col-lg-5 col-md-5 col-sm-12 question-wrapper">
                            <p>
                                <i class="bi bi-patch-question-fill"></i> <span>{{ $faq->{'title_' . App::getLocale()} }}</span>
                            </p>
                        </div>
                        <div class="col-lg-1 col-md-1 col-sm-0 empty-col"></div>
                        <div class="col-lg-6 col-md-6 col-sm-12 answer-wrapper">
                            <p>{{ $faq->{'description_' . App::getLocale()} }}</p>
                        </div>
                    </div>
                    <hr />
                @empty

                @endforelse

            </div>
        </div>
    </section>
    <!-- FAQS CONTAINER END -->

@endsection
@section('modal')

@endsection
@section('script')

@endsection