@extends('layouts.front-end.app')

@section('title','FAQ')

@push('css_or_js')
    <meta property="og:image" content="{{asset('storage/company')}}/{{$web_config['web_logo']->value}}"/>
    <meta property="og:title" content="FAQ of {{$web_config['name']->value}} "/>
    <meta property="og:url" content="{{env('APP_URL')}}">
    <meta property="og:description" content="{!! substr($web_config['about']->value,0,100) !!}">

    <meta property="twitter:card" content="{{asset('storage/company')}}/{{$web_config['web_logo']->value}}"/>
    <meta property="twitter:title" content="FAQ of {{$web_config['name']->value}}"/>
    <meta property="twitter:url" content="{{env('APP_URL')}}">
    <meta property="twitter:description" content="{!! substr($web_config['about']->value,0,100) !!}">

  @endpush

@section('content')
<!-- Start FAQ Section -->
<section class="cs_accent_light_bg cs_sibling_newsletter">
    <div class="cs_height_150 cs_height_lg_80"></div>
    <div class="container">
        <div class="row">
            <div class="col-lg-5">
                <div class="cs_section_heading cs_style_1">
                    <div class="cs_section_heading_in">
                        <h3 class="cs_section_heading_title cs_fs_54 cs_semibold mb-0 d-flex align-items-center">Got
                            Questions?<br>
                            We've Got <br>Answers!</h3>
                    </div>
                </div>
                <div class="cs_height_60 cs_height_lg_50"></div>
            </div>
            <div class="col-lg-7">
                <div class="cs_accordians cs_style_1 cs_light">
                    @foreach ($helps as $key => $faq)
                    <div class="cs_accordian {{$key == 0? 'active':''}}">
                        <div class="cs_accordian_head">
                            <h3 class="cs_accordian_title cs_primary_color cs_fs_24 fw-medium mb-0">{{$faq->question}}</h3>
                            <span class="cs_accordian_toggle"></span>
                        </div>
                        <div class="cs_accordian_body">
                            <p class="cs_secondary_color cs_font_26 fw-light mb-0">{{$faq->answer}}</p>
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
    <div class="cs_height_150 cs_height_lg_80"></div>
</section>
<!-- End FAQ Section -->
@endsection