@extends('web.layouts.container')

@section('content')
    <section class="page_header">
        <div class="container">
            <div class="content">
                <ul class="links">
                    <li class="li_link">
                        <a href="{{LaravelLocalization::getLocalizedURL(getCurrentLocale(), url('/'), [], true)}}">{{__('main.home_page')}}</a>
                    </li>
                    <li class="li_link">
                        <span>{{$title}}</span>
                    </li>
                </ul>

            </div>
            <div class="section_head text-center">
                <h2>{{$title}}</h2>
            </div>
        </div>
        <img src="{{asset('assets/web/images/heading-pattern-l.png')}}" class="pattern-l">
        <img src="{{asset('assets/web/images/heading-pattern-r.png')}}" class="pattern-r">
    </section>
    <section class="faq-sec section-padding">
        <div class="container">
            <div class="faq mt-5">
                <h5>{{$title}}</h5>
                @if(count($faqs))
                    @foreach($faqs as $key => $faq)
                        <div class="items_white faq_card mt-4">
                            <div class="card_head {{$key == 0 ? 'active' : ''}}">
                                <h6> <span class="icon"></span>{{$faq->name}}</h6>
                            </div>
                            <div class="card_body {{$key == 0 ? 'show' : ''}}">{!! $faq->answer !!}</div>
                        </div>
                    @endforeach
                @endif
            </div>
        </div>
    </section>
@endsection

@section('inner_js')

@endsection