    @extends('site.index')   
@section('content')
<title>{{trans('admin.FAQ')}}</title>
@php
use App\Models\MainEComDesign;
use App\Models\SupPagesEComDesign;
$main=MainEComDesign::orderBy('id','desc')->first();
$sub=SupPagesEComDesign::orderBy('id','desc')->first();
@endphp

 <style>
.page-title-area {
    background-color: {{$main->Breadcumb_BG_Color}} !important;
}
     
    .faqs-area {
      background-color: {{$main->Sub_Page_BG_Color}} !important;
} 
     
     
     .faq-accordion .accordion .accordion-title.active i::before{
         
         color: {{$sub->Faq_A_Line_Color}} !important;
     }
     
     
     .faq-accordion .accordion .accordion-content {

    border: 1px solid {{$sub->Faq_A_Line_Color}} !important;
         
     }
     
     
     .faq-accordion .accordion .accordion-title {
         
        border: 1px solid {{$sub->Faq_A_Line_Color}} !important
         
     }
     
  
</style>

        <!-- Start Faq Area -->
        <section class="faqs-area ptb-50">
            <div class="container">
                <div class="section-title">
                    <h2 style="color: {{$sub->Faq_Title_Color}} !important" >{{trans('admin.FAQ')}}</h2>
                </div>

                <div class="tab faqs-list-tab">
                    <div class="tab_content">
                        <div class="tabs_item">
                            <div class="faq-accordion">
                                <ul class="accordion">
                                    
                                           @foreach($FAQs as $faq)   
                                    <li class="accordion-item">
                                        <a style="background: {{$sub->Faq_Q_BG_Color}} !important; color: {{$sub->Faq_Q_Txt_Color}} !important; "  class="accordion-title" href="javascript:void(0)">
                                            <i style="color: {{$sub->Faq_A_Line_Color}} !important;" class='bx bx-plus'></i>
                                        {{app()->getLocale() == 'ar' ?$faq->Arabic_Question :$faq->English_Question}}   
                                        </a>
            
                                        <p class="accordion-content" style="background: {{$sub->Faq_A_BG_Color}} !important; color: {{$sub->Faq_A_Txt_Color}} !important; ">
                                      {{app()->getLocale() == 'ar' ?$faq->Arabic_Answer :$faq->English_Answer}}        
                                        </p>
                                    </li>
                                              @endforeach
                                   
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

              
            </div>
        </section>
        <!-- End Faq Area -->


@endsection 