@include('header')


<section>
    <div class="inner-p-tpl-s1 static-p-s1 stools-tpl-s1">
        <div class="mctn-m7">
            <div class="stctn-m7">
                <div class="imgwide-m7" style="background-image: url({{$page->image}})">
                    <div class="container">
                        <div class="row">
                            <div class="col-12">
                                <h1>{{ $page->title }}</h1>

{{--                                <div class="infoblgtxs-tpl-m7 itwht-m7">--}}
{{--                                    <div class="itctn-m7">--}}
{{--                                        <span class="ititm-m7">20 August 2022</span>--}}
{{--                                        <span class="ititm-m7">--}}
{{--		                                	<i class="nf icon-user"></i>--}}
{{--		                                	iranetrade--}}
{{--		                                </span>--}}
{{--                                        <span class="ititm-m7">--}}
{{--		                                	<i class="nf icon-comment"></i>--}}
{{--		                                	 comment--}}
{{--		                                </span>--}}
{{--                                        <span class="ititm-m7">--}}
{{--		                                	<i class="nf icon-clock"></i>--}}
{{--		                                	4 minutes--}}
{{--		                                </span>--}}
{{--                                    </div>--}}
{{--                                </div>--}}

                                <div class="brdcrumb-tpl-m7 bcwht-m7">
                                    <div class="bcctn-n5">
                                        <p>
                                        </p>
                                        <p id="“breadcrumbs”">
                                        	<span>
	                                        	<span>
		                                        	<a href="{{ route('root') }}">Home</a>
		                                        </span>
		                                        » <span class="breadcrumb_last" aria-current="page">
		                                         	<strong>{{ $page->title }}</strong>
		                                        </span>
		                                    </span>
                                        </p>
                                        <p>
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="stin-m7">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="stctn-m7 right-t">
                            <div class="static-s1">

                                {!! $page->content !!}


                                @if($faq)

                                    <div class="faqsec-tpl-m7 qsnewv-m7">
                                        <div class="qsctn-m7">
                                            <div class="row">
                                                <div class="col-12">
                                                    <div class="mheading-tpl-t">
                                                        <div class="hinner-t">
                                                            <h2 class="heading-t">FAQ</h2>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row justify-content-center">
                                                <div class="col-12">
                                                    <div class="qsin-m7">
                                                        <div class="faq-tpl-ew12">
                                                            <div class="in-faq-ew12">
                                                                <div class="qanw-ew12">
                                                                    <div class="in-q-ew12">
                                                                        <div class="acdn-list-ew12">
                                                                            <div class="panel-group-ew12" id="accordion" role="tablist" aria-multiselectable="true">


                                                                                @php
                                                                                    $index = 1;
                                                                                @endphp
                                                                                @foreach($faq as $f)

                                                                                    <div class="card {{ $index == 1 ? 'opencard-m7':'' }}">
                                                                                        <div class="card-header" role="tab" id="heading{{$index}}">
                                                                                            <a class="{{ $index == 1 ? '':'collapsed' }}" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse{{$index}}" aria-expanded="true" aria-controls="collapse{{$index}}">
					                                                                <span class="topctn-s1">
					                                                                    <span class="tx-s1">{{ $f->q }}</span>
					                                                                </span>
                                                                                                <span class="btmctn-s1">
					                                                                    <span class="icnsctn-s1">
					                                                                        <i class="nf icon-plus"></i>
					                                                                        <i class="nf icon-minus"></i>
					                                                                    </span>
					                                                                </span>
                                                                                            </a>
                                                                                        </div>
                                                                                        <div id="collapse{{$index}}" class="collapse {{ $index == 1 ? 'show':'' }}" data-parent="#accordion" role="tabpanel" aria-labelledby="heading{{$index}}">
                                                                                            <div class="card-body">
                                                                                                <div class="context-ew12">
                                                                                                    <p class="context">{{ $f->a }}</p>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>


                                                                                    @php
                                                                                        $index++;
                                                                                    @endphp
                                                                                @endforeach

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


                                @endif


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


@include('footer')