@extends('website.layout.master')
@section('title', 'الرئيسية')
@section('content')
    <!--  -->
        <div class="container">
            <div class="header">
                <h3>FAQs</h3>
                <ul>
                    <li><a href="{{url('/')}}">Home </a></li>
                    <li>/</li>
                    <li>  FAQs</li>
                </ul>
            </div>
        </div>
    </header>
    <!--  -->
    <div class="body-content">
        <div class="container">

            <div class="row pt-5 mb-5">

                <div class="col-12 col-lg-4">
                    <div class="box-x">
                        <h4 class="title-e">About FRCEM success</h4>
                        <ul class="link-c">
                            @foreach($faq_about as $about)
                                <li class=" {{ (request()->is('faq/'.$about->id)) ? 'active' : '' }}"><a href="{{ url('faq/'.$about->id) }}">{{ $about->title }}</a></li>
                            @endforeach
                        </ul>


                    </div>
                    <div class="box-x">
                        <h4 class="title-e"> For current members    </h4>
                        <ul class="link-c">
                            @foreach($faq_current_member as $member)
                                <li class=" {{ (request()->is('faq/'.$member->id)) ? 'active' : '' }}"><a href="{{ url('faq/'.$member->id) }}" >{{ $member->title }}  </a></li>
                            @endforeach

                        </ul>


                    </div>
                </div>

                <div class="col-12 col-lg-8">
                    <div class="box-x">
                        <div class="membership">
                            <h2> FAQs  </h2>
                            <div class="accordion" id="accordionExample">
                                @foreach($faq_questions as $faq_question)
                                    <div class="card">
                                    <div class="card-header collapsed" id="headingTwo"  type="button" data-toggle="collapse" data-target="#faq{{$faq_question->id}}" aria-expanded="false" aria-controls="collapseTwo">
                                        <h5 class="mb-0">
                                            {{ $faq_question->title }}

                                        </h5>
                                        <img src="{{ asset('web/img/arrow.svg') }}" alt="">

                                    </div>
                                    <div id="faq{{$faq_question->id}}" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
                                        <div class="card-body">
                                            {!! $faq_question->description !!}
                                        </div>
                                    </div>
                                </div>
                                @endforeach

                            </div>
                        </div>
                    </div>
                </div>

            </div>


        </div>
    </div>


    </div>
    </div>
@stop