@extends('theme.spade.layouts.main')

@section('title') FAQs @endsection

@section('meta')
<meta name="title" content="{{ $seoSetting['meta_title'] }}" />
    <meta name="description" content="{{ $seoSetting['meta_detail'] }}">
    <meta name="keywords" content="{{ $seoSetting['meta_keywords'] }}" />
@endsection

@section('canonical')
<link ref="canonical" href="https://aroginhealthcare.com/faqs" />
@endsection

@section('content')
    @php
          $breadcrumbData = [
               [
                    'title' => 'FAQs',
                    'link' => route('faqs')
               ],
          ];
    @endphp
    @include('theme.spade.layouts.includes.breadcrumb', $breadcrumbData)

    <section class="privary-policy">
          <div class="auto-container">
               <div class="row">
                    <div class="col-md-12">
                         <div class="blog-area">
                              <div class="post-item">
                                   <div class="post wow fadeInUp animated" style="margin-bottom: 0px; visibility: visible; animation-name: fadeInUp;">
                                        <div class="post-content wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
                                             <h2 style="font-size: 24px; color:#22ad4b;">Frequently Asked Questions</h2>
                                             <div class="my-content">
                                                  @if(count($faqs) > 0)
                                                       @foreach ($faqs as $key => $faq)
                                                            <h4>{{ ++$key . '. ' . $faq->question }}</h4>
                                                            <p>{{ $faq->answer }}</p>
                                                       @endforeach
                                                  @endif
                                             </div>
                                        </div>
                                   </div>
                              </div>
                         </div>
                    </div>
               </div>
          </div>
    </section>
@endsection