@extends('front.layout.master')
@section('meta_tags')
<title>Get the answers about Shipping, Delivery, Return, and Exchange Policy</title>
<meta content="Please read our F.A.Q. 's if you have any queries regarding the product, shipping or returns etc. We have tried to make it easier for you to understand." name="description" />
@endsection
@section('body')
<div class="no-bottom no-top" >
   <section aria-label="section" class="section_mt">
      <div class="container">
         <div class="breadcrumb">
            <div class="container-fluid">
               <div class="breadcrumb-inner">
                  <ul class="bread-crumbs-pdp list-inline list-unstyled d-flex">
                     <li><a href="{{ url('/') }}">{{ __('staticwords.Home') }}</a></li>
                     <li class='active'>{{ __('staticwords.faqs') }}</li>
                  </ul>
               </div>
            </div>
         </div>
         <div class="row">
            <div class="checkout-box faq-page">
               <h1 style="font-size:2rem;">{{ __('staticwords.AllFAQs') }}</h1>
               <div class="row">
                  <div class="col-md-12">
                     <div class="card-group checkout-steps" id="accordion">
                        <div class="card checkout-step-01">
                           @foreach ($faqs as $key => $faq)
                           <div class="card-header p-0">                                            
                              <a data-bs-toggle="collapse" data-parent="#accordion"
                                 href="#faq{{ $faq->id }}" >
                                 <h4 class="unicase-checkout-title m-0  py-3 px-2 text-gold">
                                    <span>{{ $key + 1 }}.</span>&nbsp;                                                        
                                    {{ ucfirst($faq->que) }}
                                    </button>
                                 </h4>
                              </a>
                           </div>
                           <div id="faq{{ $faq->id }}" class="card-collapse collapse">
                              <div class="card-body">
                                 {{ ucfirst($faq->ans) }}
                              </div>
                           </div>
                           @endforeach
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </section>
</div>
</section>
</div>
@endsection