@extends(view_path('master'))

@section('additional_head_tags')
<script type="application/ld+json">
{
	"@context": "http://schema.org",
	"@type": "WebPage",
	"image": "{{ $meta_data->image }}",
	"name": "{{ $meta_data->title }}",
  "url": "{{ $meta_data->url }}",
  "description": "Frequently asked questions and support."
}
</script>
@endsection

@section('body')

	<div class="ui one column shadowless celled grid my-0" id="support">
		<div class="column">

			<div class="title-wrapper">
				<h1>{{ __('Support') }}</h1>
				<div class="ui big breadcrumb">
					<a href="/" class="section">{{ __('Home') }}</a>
					<i class="right chevron icon divider"></i>
					<span class="active section">Support</span>
				</div>
			</div>

			<div class="faq p-2">
				<div class="title">{{ __('Frequently asked questions') }}</div>
				<div class="content">
					<div class="ui borderless segments">
					@foreach($faqs as $faq)
				  <div class="ui borderless segment">
				    <p><i class="minus icon"></i>{{ $faq->question }}</p>
				    <div>
				    	{!! $faq->answer !!}
				    </div>
				  </div>
				  @endforeach
				</div>	
				</div>
			</div>

			<div class="contact p-2">
				<div class="border top"></div>

				<div class="title">{{ __('Contact us') }}</div>

				@if($errors->any())
			    @foreach ($errors->all() as $error)
					<div class="ui negative fluid small circular bold message">
						<i class="close icon"></i>
						{{ $error }}
					</div>
			    @endforeach
				@endif

				@if(session('support_response'))
				<div class="ui fluid small bold positive message">
					{{ session('support_response') }}
				</div>
				@endif

				<form action="{{ route('home.support') }}" method="post" class="ui large form">
					@csrf

					<div class="field">
						<label>{{ __('Email') }}</label>
						<input type="email" value="{{ old('email', request()->user()->email ?? '') }}" name="email" placeholder="Your email..." required>
					</div>

					<div class="field">
						<label>{{ __('Subjet') }}</label>
						<input type="text" name="subject" value="{{ old('subject') }}" placeholder="..." required>
					</div>

					<div class="field">
						<label>{{ __('Question') }}</label>
						<textarea name="message" cols="30" rows="10" placeholder="..." required>{{ old('message') }}</textarea>
					</div>

					<div class="field">
						<button class="ui circular big yellow button" type="submit">{{ __('Submit') }}</button>
					</div>
				</form>
			</div>
		</div>

	</div>

@endsection