@extends('layouts.app')
@section('title_and_meta')
    <title>Faqs | Wishours</title>
    <meta name="description" content="FAQ" />
    <meta name="keywords" content="FAQ" />
@endsection
@section('content')
<div class="banner banner-cat mb-3" style="background-image: url('');">
    <div class="banner-content container">
        <!--<h2 class="banner-subtitle">check out over <span>200+</span></h2>-->
        <h1 class="banner-title">
            Faqs
        </h1>
       <!-- <a href="#" class="btn btn-dark">Shop Now</a>-->
    </div><!-- End .banner-content -->
</div><!-- End .banner -->
  
    <div class="main-container">
        <div class="container">
            <ul class="faq-inner">
                @if(isset($faqs) && count($faqs))
                @foreach($faqs as $key =>$question)
                <li class="{{$key == 0 ? 'open' : ''}}">
                    <h3 class="faq-head">{{$question->question}}<span class="toggle-faq {{$key == 0 ? 'rotated' : ''}}"><i class="fa fa-angle-down"></i></span></h3>

                   <div class="faq-content" style="{{$key != 0 ? 'display: none;' : ''}}"><p>{!!$question->answer!!}</p></div>

                </li>
                @endforeach
                @endif
            </ul>
        </div>  
    </div>
@endsection