@extends('front.layout.app')

@section('seo_title')
{{ $page_two_data->faq_seo_title }}
@endsection
@section('seo_meta_description')
{{ $page_two_data->faq_seo_meta_description	}}
@endsection

@section('main_content')

<!-- Breadcrumb -->
<div class="breadcrumbs overlay" style="background-image:url('{{ asset('uploads/' . ($page_two_data->faq_banner_background)) }}'">
<div class="container">
<div class="row">
<div class="col-12">
<div class="bread-inner">
<!-- Bread Menu -->
<div class="bread-menu">
<ul>
<li><a href="{{ route('home') }}">Home</a></li>
<li><a href="{{ route('faq_show_home') }}">{{ $page_two_data->faq_banner_navtext }}</a></li>
</ul>
</div>
<!-- Bread Title -->
<div class="bread-title"><h2>{{ $page_two_data->faq_banner_title }}</h2></div>
</div>
</div>
</div>
</div>
</div>
<!-- / End Breadcrumb -->





<!-- Faqs -->
<section class="faqs section-space">
<div class="container">
<div class="row">
<div class="col-lg-7 col-md-7 col-12">
<div class="faqs-main m-top-30">
<div class="row">
<div class="col-12">
<div id="accordion" role="tablist">
				
		<!-- Single Faq -->
<div id="accordion">
	@foreach ($faq_data as $item)
		@php
			$collapseId = 'collapse' . $loop->iteration;
			$headingId = 'heading' . $loop->iteration;
		@endphp
		<div class="single-faq">
			<div class="faq-heading" role="tab" id="{{ $headingId }}">
				<h4 class="faq-title">
					<a data-toggle="collapse"
								href="#{{ $collapseId }}"
								aria-expanded="{{ $loop->first ? 'true' : 'false' }}"
								aria-controls="{{ $collapseId }}"
								class="{{ $loop->first ? '' : 'collapsed' }}">
						<i class="fa fa-pencil"></i> {{ $item->title }}
					</a>
				</h4>
			</div>
			<div id="{{ $collapseId }}"
					class="collapse {{ $loop->first ? 'show' : '' }}"
					role="tabpanel"
					aria-labelledby="{{ $headingId }}"
					data-parent="#accordion">
				<div class="faq-body">
					<p>{{ $item->description }}</p>
				</div>
			</div>
		</div>
		<!--/ End Single Faq -->
	@endforeach
</div>

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

<div class="col-lg-5 col-md-5 col-12">
<img src="{{ asset('uploads/' . ($page_two_data->faq_background)) }}" alt="#">
</div>
</div>

@if ($page_two_data->faq_contact_status === 'show')

<div class="row">
<div class="col-lg-6 offset-lg-3 col-md-8 offset-md-2 col-12">
<div class="section-title default text-center">
<div class="section-top">
<h1>@isset($page_two_data->faq_contact_title_highlight)
<span>{{ $page_two_data->faq_contact_title_highlight }}</span>				
@endisset<b>{{ $page_two_data->faq_contact_title }}</b></h1>
</div>
<div class="section-bottom">
<div class="text">
<p>{{ $page_two_data->faq_contact_text }}</p>
</div>
</div>
</div>
</div>
</div>
				
<div class="row">
<div class="col-lg-10 offset-lg-1 col-md-10 offset-md-1 col-12">
<!-- Contact Form -->
<div class="contact-form-area faq-form m-top-30">
<div class="form-inner">
<div class="form-title">
<h4>Get In Touch</h4>
<p>Contact with us if you got any issue!</p>
</div>
<form class="form" action="{{ route('service_contact_store') }}" method="post">
	@csrf
<div class="row">
	<div class="col-12">
		<div class="form-group">
			<div class="icon"><i class="fa fa-user"></i></div>
			<input type="text" name="name" placeholder="Full name">
		</div>
	</div>
	<div class="col-12">
		<div class="form-group">
			<div class="icon"><i class="fa fa-envelope"></i></div>
			<input type="email" name="email" placeholder="Type email">
		</div>
	</div>
	<div class="col-12">
		<div class="form-group">
			<div class="icon"><i class="fa fa-tag"></i></div>
			<input type="text" name="subject" placeholder="Type subject">
		</div>
	</div>
	<div class="col-12">
		<div class="form-group textarea">
			<div class="icon"><i class="fa fa-pencil"></i></div>
			<textarea name="message" type="textarea" placeholder="Your message" rows="5"></textarea>
		</div>
	</div>
	<input type="hidden" name="category" value="faq">
	<div class="col-12">
		<div class="form-group button">
			<button type="submit" class="bizwheel-btn theme-2">Send Now</button>
		</div>
	</div>
</div>
</form>
</div>
</div>
<!--/ End contact Form -->
</div>
</div>
@endif


</div>
</section>	
<!--/ End Faqs -->



<!-- Call To Action -->
@if ($page_two_data->faq_badge_status === 'show')
<section class="call-action overlay" style="background-image:url('{{ asset('uploads/' . $page_data->badge_background_image) }}')">
<div class="container">
<div class="row">
<div class="col-lg-9 col-12">
<div class="call-inner">
<h2>{{ $page_data->badge_title }}</h2>
<p>{{ $page_data->badge_subtitle }}</p>
</div>
</div>
<div class="col-lg-3 col-12">
<div class="button">
<a href="{{ $page_data->badge_button_link }}" class="bizwheel-btn">{{ $page_data->badge_button_text }}</a>
</div>
</div>
</div>
</div>
</section>			
@endif
<!--/ End Call to action -->




@endsection