@extends('frontend.layouts.app')
@section('title', $data['page']->meta_title)
@section('meta_keywords', $data['page']->meta_keywords)
@section('meta_description', $data['page']->meta_description)
@php
    $url = URL::current();
@endphp
@push('head-area')
    <link rel="canonical" href="{{ $url }}" />
    <link rel="amphtml" href="{{ $url }}?amp=1" />
@endpush
@section('content')
    <div class="container">
        <div class="row mb-5 mt-3">
            <div class="col-md-12">
                <h2>Frequently Asked Question's</h2>
            </div>
        </div>
        <div class="row">
            @if($data['faqs'])
                <div class="site-faq-accordion accordion" id="accordion">
                    @foreach($data['faqs'] as $faq)
                        <div class="card">
                            <div class="card-header" id="{{ 'heading'. $faq->id }}">
                                <h5 class="mb-0">
                                    <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#{{ 'collapse'. $faq->id }}" aria-expanded="false" aria-controls="{{ 'collapse'. $faq->id }}">
                                        {{ $faq->question }}
                                    </button>
                                </h5>
                            </div>
                            <div id="{{ 'collapse'.  $faq->id }}" class="collapse " aria-labelledby="{{ 'heading'. $faq->id }}" data-parent="#accordion" style="">
                                <div class="card-body">
                                    {{ $faq->answer }}
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            @else
                <p><strong>Sorry!</strong>, no FAQ's found.</p>
            @endif
        </div>
    </div>
@endsection