<!DOCTYPE html>
<html class="web">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Frequently Asked Questions</title>
    <meta name="twitter:card" content="summary_large_image">
    <link rel="stylesheet" href="{{ asset('users/assets/trade/css/support.css') }}{{$catch}}" >
</head>
@php $faqDatas = getContent(config('settings')->active_template, 'faq.element'); @endphp

<body>
    <div id="app" class="" data-v-app="">
        <div class="service " data-v-470a3d62="" style="margin-bottom: 14rem">
            <div class="van-nav-bar van-hairline--bottom nav-bars" data-v-470a3d62="">
                <div class="van-nav-bar__content" style="margin-bottom:20px">
                    <div class="linkBTN van-nav-bar__left van-haptics-feedback" data-href="{{route('user.profile')}}"><img class="van-badge__wrapper van-icon van-icon-arrow-left van-nav-bar__arrow" src="{{ asset('users/assets/trade/img/arrow-left-thin.svg') }}" style="width:34px" /></div>
                    <div class="van-nav-bar__title van-ellipsis">FAQs</div>
                </div>
            </div><img class="imgser" src="{{ asset('users/jasper/img/faqs.webp') }}" alt="" data-v-470a3d62="">
            <p class="ther" data-v-470a3d62="">&nbsp;</p>
            <p class="mission" data-v-470a3d62="">Find Answers to some of your Questions here and feel free to contact us for more inquiries and we will be glad to answer you.</p>
			<p id="loading"></p>
			
            @foreach($faqDatas as $singleFaq)
            <section class="section-box" data-v-470a3d62="">
                <div class="channel whatsapp" data-v-470a3d62="">
					
                    <div class="topnel " data-v-470a3d62="">
                        <div class="left question" data-v-470a3d62="" data-role="collapse" data-target="question{{ $loop->index }}">
                            <div class="phone" data-v-470a3d62="">
                                <p data-v-470a3d62="" class='title'>{{ __($singleFaq->data_values->question) }}</p>
							</div>
                        </div>
						<div class="phone collapse" id="question{{ $loop->index }}" data-v-470a3d62="">
							<p data-v-470a3d62="" style="font-size:18px;margin-top: 15px;">{!! @$singleFaq->data_values->answer !!}</p>
						</div>
					</div>
                </div>
            </section>
			@endforeach
			
			
        </div>
    </div>

	@include($activeTemplate. 'layouts.menu')

	<script>
		var copiers = document.querySelectorAll(".linkBTN");
		Array.from(copiers).forEach(copier =>
			copier.addEventListener('click', ()=>{
				var target = copier.getAttribute('data-href')
				window.location.href = target;
				document.getElementById('loading').innerHTML = 'Loading..';
			})
		)
		

	var acc = document.getElementsByClassName("question");var i;
	for (i = 0; i < acc.length; i++) {
	  acc[i].addEventListener("click", function() {
		  this.classList.toggle("opened");
		  document.getElementById(this.dataset.target).classList.toggle("collapse");
	  });
	}
</script>

</body>