@extends('template.master')

@section('content')
<!--==================================
=            Feature Grid            =
===================================-->
<section class="faq section pt-5">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="section-title">
                    <h2>Frequently Asked Questions</h2>
                </div>
            </div>
            <div class="col-lg-5 ml-auto justify-content-center">
                <!-- Feature Mockup -->
                <div class="image-content" data-aos="fade-right">
                    <img class="img-fluid" src="{{ env('ASSET_URL') }}images/feature/feature-new-01.jpg" alt="iphone">
                </div>
            </div>
            <div class="col-lg-7 m-auto">
                <div class="block shadow">
                    <div class="faq-item">
                        <!-- <div class="faq-item-title"></div> -->
                        <div id="gstAccordion" data-children=".item">
                            <!-- Accordion Item 01 -->
                            <!-- <div class="item">
                                <div class="item-link">
                                    <a data-toggle="collapse" data-parent="#gstAccordion" href="#gstAccordion1">
                                        Which material types can you work with ?
                                    </a>
                                </div>
                                <div id="gstAccordion1" class="collapse show accordion-block">
                                    <p>
                                        Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Vivamus suscipit tortor eget felis porttitor volutpat. Proin eget tortor risus. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Curabitur aliquet quam id dui posuere blandit. Sed porttitor lectus nibh. Nulla quis lorem ut libero malesuada feugiat. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a.
                                    </p>
                                </div>
                            </div> -->
                            @foreach ($req as $key => $data)
                            <div class="item">
                                <div class="item-link">
                                    <a data-toggle="collapse" data-parent="#gstAccordion" href="#gstAccordion{{$key + 1}}">
                                        {{ $data['faq_title'] }}
                                    </a>
                                </div>
                                @if($key == 0)
                                <div id="gstAccordion{{$key + 1}}" class="collapse show accordion-block">
                                    @else
                                    <div id="gstAccordion{{$key + 1}}" class="collapse accordion-block">
                                        @endif
                                        <p>
                                            {{ $data['faq_description'] }}
                                        </p>
                                    </div>
                                </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
</section>


@include('template.contact_information')

@endsection