@extends('frontend.layouts.master')
@section('content')
    <section class="section bg-white border-0 m-0 py-2">
        <div class="container">
            <div class="row">

                <div class="col mt-2">
                    <h2 class="font-weight-normal text-7 mb-2">{{ __('routes.Frequently Ask') }} <strong class="font-weight-extra-bold">{{ __('routes.Questions') }}</strong></h2>
                    <p class="lead">
                        {{ __('routes.Below are frequently asked questions, you may find the answer for yourself.') }}
                    </p>

                    <div class="toggle toggle-primary m-0" data-plugin-toggle="">
                        @foreach($faqs as $key => $faq)
                            <section class="toggle ">
                                <a class="toggle-title">
                                    {{$faq->question}}
                                </a>
                                <div class="toggle-content" style="display: none;">
                                    <p>
                                        {{$faq->answer}}
                                    </p>
                                </div>
                            </section>
                        @endforeach

                    </div>

                </div>
            </div>
        </div>
    </section>
@endsection