@extends('layouts.app')

@section('head')
	<title>{{ trans('contact.contact') }} | {{ env('APP_NAME') }}</title>
	<meta name="description" content="">

	<meta property="og:type" content="article" />
	<meta property="og:url" content="{{ route(trans('url.contact')) }}" />
	<meta property="og:title" content="{{ trans('contact.contact') }}" />
	<meta property="og:image" content="{{ url('/img/uploads/letter.jpg') }}" />
	<meta property="og:description" content="{{ trans('contact.shipments') }}" />
@endsection

@section('content')
<div class="container" style="margin-top: 40px;margin-bottom: 30px;">
	<div class="row">
		<div class="col text-center">
			<h4><strong>{{ trans('contact.shipments') }}</strong></h4>
		</div>
	</div>
	<div style="background-color: #e9ae42; font-size: 14px;padding: 30px 15px;margin-top: 20px">
		<div class="row">
			<div class="col-md-3">
				<div style="display: flex;align-items: center; padding: 0px 20px">
					<div style="flex: 2;text-align: left;"><img src="/img/icon-location.jpg" class="img-fluid"></div>
					<div style="flex: 10;text-align: left;color: black; padding-left: 15px"><span>{{ trans('contact.location') }}</span><br><span style="color: white">CANCUN Q.ROO</span></div>
				</div>
			</div>
			<div class="col-md-3" style="border-left: 1px solid black;border-right: 1px solid black">
				<div style="display: flex;align-items: center; padding: 0px 20px">
					<div style="flex: 2;text-align: left;"><img src="/img/icon-email.jpg" class="img-fluid"></div>
					<div style="flex: 10;text-align: left;color: black; padding-left: 15px"><span>e-Mail.</span><br><span style="color: white">{{env('APP_EMAIL')}}</span></div>
				</div>
			</div>
			<div class="col-md-3" style="border-right: 1px solid black">
				<div style="display: flex;align-items: center; padding: 0px 20px">
					<div style="flex: 2;text-align: left;"><img src="/img/icon-phone.jpg" class="img-fluid"></div>
					<div style="flex: 10;text-align: left;color: black; padding-left: 15px"><span>{{ trans('contact.phone') }}</span><br><span style="color: white">+52 (998) 886 2937</span></div>
				</div>
			</div>
			<div class="col-md-3">
				<div style="display: flex;align-items: center; padding: 0px 20px">
					<div style="flex: 2;text-align: left;"><img src="/img/icon-whatsapp.jpg" class="img-fluid"></div>
					<div style="flex: 10;text-align: left;color: black; padding-left: 15px"><span>Whatsapp.</span><br><span><a style="color: white" href="https://wa.me/529988862937">{{ trans('contact.click') }}</a></span></div>
				</div>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col">
			<div style="font-size: 16px; margin: 20px 0px">
				{{ trans('contact.idea') }}
			</div>
		</div>
	</div>
	@if (session()->has('error'))
		<div class="alert alert-danger">
			{{ session('error') }}
		</div>
	@endif
	<form action="{{ route('inquires.store') }}" method="POST">
		<div class="row">
			<div class="col-md-4">
				<input name="first_name" type="text" class="form-control" required placeholder="{{ trans('contact.name') }}" style="border-radius: 0px; margin-bottom: 35px; font-size: 14px; height: 50px">
			</div>
			<div class="col-md-4">
				<input name="company_name" type="text" class="form-control" required placeholder="{{ trans('contact.business') }}" style="border-radius: 0px; margin-bottom: 35px; font-size: 14px; height: 50px">
			</div>
			<div class="col-md-4">
				<input name="phone" type="text" class="form-control" required placeholder="e-Mail" style="border-radius: 0px; margin-bottom: 35px; font-size: 14px; height: 50px">
			</div>
		</div>
		<div class="row">
			<div class="col-md-4">
				<input name="email" type="text" class="form-control" required placeholder="{{ trans('contact.phone') }}" style="border-radius: 0px; margin-bottom: 35px; font-size: 14px; height: 50px">
			</div>
			<div class="col-md-4">
				<input name="event" type="text" class="form-control" required placeholder="{{ trans('contact.project') }}" style="border-radius: 0px; margin-bottom: 35px; font-size: 14px; height: 50px">
			</div>
			<div class="col-md-4">
				<input name="comments" type="text" class="form-control" required placeholder="{{ trans('contact.message') }}" style="border-radius: 0px; margin-bottom: 35px; font-size: 14px; height: 50px">
			</div>
		</div>
		{{-- <div class="row" style="margin-bottom: 25px">
			<div class="col">
				<div class="text-left">
					<div style="margin: 0 auto;display: inline-block;" class="g-recaptcha" data-sitekey="6Lev9KYUAAAAAHfGplxc7-o2DxN0ULG5Wg3rEKXx"></div>
				</div>
			</div>
		</div> --}}
		<div class="row">
			<div class="col">
				{{ csrf_field() }}
				<input type="hidden" name="language" value="{{ App::getLocale() }}">
				<input type="hidden" name="referral_url" value="{{ Request::url() }}">
				<button type="submit" style="margin-bottom: 30px" class="btn btn-yellow w-100">{{ trans('contact.send_message') }}</button>
			</div>
		</div>
	</form>
</div>
@endsection

@section('scripts')
	<script src='https://www.google.com/recaptcha/api.js'></script>
@endsection