@extends('public_layouts.layout')
@section('title', __('messages.faq'))
@section('description', '')
@section('seo')
@section('content')

<div id="site-main" class="site-main">
	<div id="main-content" class="main-content">
		<div id="primary" class="content-area">
			<div id="title" class="page-title mb-5 mb-lg-0">
				<img class="page-title__bg" src="{{ locale_storage('images/'. $banners['faq']) }}" alt="{{__('messages.faq')}} Banner" title="{{__('messages.faq')}} Banner">
				<div class="section-container">
					<div class="content-title-heading">
						<h1 class="text-title-heading">
							{{__('messages.faq')}}	
						</h1>
					</div>
				</div>
			</div>

			<div id="content" class="site-content mx-2 mx-lg-0" role="main">
				<div class="section-padding p-t-70 p-b-70">
					<div class="section-container p-l-r">
						<div class="page-faq">
							<div class="row">
								@foreach($faq_layers as $faq_layer)
								<div class="col-md-12">
									<div class="faq-section">
										<div class="section-title">
											<h2>{{str_pad($loop->iteration, 2, '0', STR_PAD_LEFT)}}. {{$faq_layer->name}}</h2>
										</div>
										<div class="section-content">
											@foreach ($faq_layer->faqs as $faq)
											<div class="faq-item">
												<div class="faq-question">
													Q：{{$faq->title}}
												</div>
												<div class="faq-answer">
													A：{!! strip_tags(nl2br($faq->content), '<br>') !!}
												</div>
											</div>
											@endforeach
										</div>
									</div>
								</div>
								@endforeach
							</div>
						</div>
					</div>
				</div>
			</div><!-- #content -->
		</div><!-- #primary -->
	</div><!-- #main-content -->
</div>

@endsection