@php $pageContent = getContent(config('settings')->active_template, 'hiwork.content', true); @endphp
@php $pageDatas = getContent(config('settings')->active_template, 'hiwork.element'); @endphp

@extends($activeTemplate.'layouts.users')

@push('style')
	<link rel="stylesheet" href="{{ asset($activeTemplateTrue.'css/invitation.css') }}{{$catch}}">
@endpush

@section('content')
    <div class="invitation">
        <h1 style="margin-bottom:0.16rem;">{{ @$pageContent->data_values->title }}</h1>
		<div class="wrap">
			<div class="box" style="background-image:url('{{ getImage( 'assets/images/frontend/hiwork/' .@$pageContent->data_values->backgroud, '1024x662') }}');background-size: 100% auto;">
				<div style="height:2.56rem"></div>
				<div>
					<p>&nbsp;</p>
					<h3>&nbsp;</h3>
				</div>
			</div>
			<div class="btncopy" style="font-size: .42rem;">{{ @$pageContent->data_values->caption }}</div>
		</div>
		
		<div style="background: #fff; width: 100%; margin-top: 8px; padding-bottom:10px; height: auto; overflow: hidden; position: relative;margin-bottom: 5px;">
			<div style="width:98%;margin:0 auto;" class=" collapse" id="question" >
				<div style=" text-align:justify; font-size:16px;  border-radius: 10px; width: 95%; color:#666; margin: 0 auto; height: auto; overflow: hidden; margin-top: 10px; position: relative;">
				{!! @$pageContent->data_values->details !!}
				</div>
			</div>
		</div>

		<div style="width: 100%; margin: 0 auto; text-align: center;  position: relative; height: auto; overflow: hidden;">
			<img src="{{ getImage( 'assets/images/frontend/hiwork/' .@$pageContent->data_values->help_image, '1024x662') }}" style=" width:100%;">
		</div>

		<div style="background: #fff; width: 100%; margin: 0 auto; margin-top: 0px;  padding-bottom:10px; height: auto; overflow: hidden; position: relative;margin-bottom: 5px;">
			<div style="padding:25px; color:#000; padding-top:0px; font-size:16px; text-align:justify; " id="kfinfo">
				<p><br></p>
				{!! @$pageContent->data_values->more_help !!}
				<p><br></p>
			</div>
		</div>
    </div>

	<div class="layui-form layui-tab-content" style="width:100%;padding:0px">
		@foreach($pageDatas as $singleFaq)
		<div style="background: #fff; width: 100%; margin: 0 auto; margin-top: 0px;  padding-bottom:10px; height: auto; overflow: hidden; position: relative;margin-bottom: 5px;">
			<div style="padding:15px; padding-bottom:0px; text-align:left;" class="question" data-role="collapse" data-target="question{{ $loop->index }}">
				<div style="color:#000; border-left:3px solid #000;font-size: 18px;">&nbsp;{{ __($singleFaq->data_values->caption) }}</div>
			</div>
			<div style="width:98%;margin:0 auto;" class=" collapse" id="question{{ $loop->index }}" >
				<div style=" text-align:justify; font-size:16px;  border-radius: 10px; width: 95%; color:#666; margin: 0 auto; height: auto; overflow: hidden; margin-top: 10px; position: relative;">
				{!! @$singleFaq->data_values->details !!}
				</div>
			</div>
		</div>
		@endforeach
	</div>
@endsection

@section('menu')
	@include($activeTemplate.'layouts.menu',['activeLink'=>'dashboard'])
@endsection

@push('script')
<script>
	$().ready(function () {
		$(document).on("click", '#btn2', function () {
			var url = document.getElementById("whatgroup").value;
			if (window.android) {
				window.android.callAndroid("open," + url);
				return;
			}
			if (window.webkit && window.webkit.messageHandlers) {
				window.webkit.messageHandlers.nativeExt.postMessage({ msg: 'open,' + url });
				return;
			}
			window.open(url, "_blank")
		});

		$(document).on("click", '#btn3', function () {
			var url = document.getElementById("telgroup").value;
			if (window.android) {
				window.android.callAndroid("open," + url);
				return;
			}
			if (window.webkit && window.webkit.messageHandlers) {
				window.webkit.messageHandlers.nativeExt.postMessage({ msg: 'open,' + url });
				return;
			}
			window.open(url, "_blank")
		});

	});
</script>
@endpush