@extends('front.app')
@section('meta')
<x-meta :meta="$meta"/>
@if($parent_menu->children->isNotEmpty())
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
        @foreach($parent_menu->children as $one_item)
            {
            "@type": "Question",
            "name": "{{ $one_item->name }}",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "{!! $one_item->body ? htmlentities(strip_tags($one_item->body), ENT_QUOTES) : '' !!}"
                }
            }
            @if(!$loop->last)
            ,
            @endif
        @endforeach
    ]
}
</script>
@endif


@stop

@section('container')

    <div class="page-content">

        <div class="inner-page-head">
            @include('front.templates.background-header')
        </div>

        <div class="inner-page faq">
            @include('front.templates.background-inner-page')
            <div class="container">
                <div class="inner-page-content pt-0">
                    <div class="breadcrumbs-wrapper">
                        @if($parent_menu->itemByLang)
                            {{ Breadcrumbs::render($parent_menu->alias, $parent_menu) }}
                        @endif
                    </div>

                    <h1 class="h2">{{ $parent_menu->name ?? '' }}</h1>

                    @if($parent_menu->children->isNotEmpty())
                        <div class="faq-inner">
                            @foreach($parent_menu->children as $one_item)
                                <div class="faq-item">
                                    <button type="button" class="faq-head">{{ $one_item->name ?? '' }}
                                    </button>
                                    <div class="faq-content">
                                        {!! $one_item->body ?? '' !!}
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    @endif
                </div>
            </div>
        </div>

        @include('front.templates.background-bottom')

    </div>

@stop