@extends('front.layout.app')

@section('seo_title')
{{ $page_two_data->contact_seo_title }}
@endsection
@section('seo_meta_description')
{{ $page_two_data->contact_seo_meta_description	 }}
@endsection

@section('main_content')


<!-- Breadcrumb -->
<div class="breadcrumbs overlay" style="background-image:url('{{ asset('uploads/' . ($page_two_data->contact_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('contact_show_home') }}">{{ $page_two_data->contact_banner_navtext }}</a></li>
</ul>
</div>
<!-- Bread Title -->
<div class="bread-title"><h2>{{ $page_two_data->contact_banner_title }}</h2></div>
</div>
</div>
</div>
</div>
</div>
<!-- / End Breadcrumb -->





		<!-- Contact Us -->
		<section class="contact-us section-space">
			<div class="container">
				<div class="row">
					<div class="col-lg-7 col-md-7 col-12">
						<!-- Contact Form -->
						<div class="contact-form-area m-top-30">
							<h4>Get In Touch</h4>
							<form class="form" method="post" action="{{ route('service_contact_store') }}">
								@csrf
								<div class="row">
									<div class="col-lg-6 col-md-6 col-12">
										<div class="form-group">
											<div class="icon"><i class="fa fa-user"></i></div>
											<input type="text" name="name" placeholder="First Name">
										</div>
									</div>
									<div class="col-lg-6 col-md-6 col-12">
										<div class="form-group">
											<div class="icon"><i class="fa fa-user"></i></div>
											<input type="text" name="last_name" placeholder="Last Name">
										</div>
									</div>
									<div class="col-lg-6 col-md-6 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-lg-6 col-md-6 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 type="textarea" name="message" rows="5"></textarea>
										</div>
									</div>
									<input type="hidden" name="category" value="contact">
									<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>
						<!--/ End contact Form -->
					</div>

					<div class="col-lg-5 col-md-5 col-12">
						<div class="contact-box-main m-top-30">
							<div class="contact-title">
								<h2>{{ $page_two_data->contact_contact_title }}</h2>
								<p>{{ $page_two_data->contact_title_text }}</p>
							</div>

							@for ($i = 1; $i <= 3; $i++)
								@if (!empty($page_two_data->{'contact_icon'.$i}) && !empty($page_two_data->{'contact_info'.$i}))
								<div class="single-contact-box">
									<div class="c-icon">
										<i class="{{ $page_two_data->{'contact_icon'.$i} }}"></i>
									</div>
									<div class="c-text">
										<p>{!! $page_two_data->{'contact_info'.$i} !!}</p>
									</div>
								</div>
								@endif
							@endfor

							@if (!empty($page_two_data->contact_button) && !empty($page_two_data->contact_button_url))
								<div class="button">
									<a href="{{ $page_two_data->contact_button_url }}" class="bizwheel-btn theme-1">
										{{ $page_two_data->contact_button }} <i class="fa fa-angle-right"></i>
									</a>
								</div>
							@endif
						</div>
					</div>

				</div>
			</div>
		</section>	
		<!--/ End Contact Us -->

				<!-- Google Map -->
		<div class="contact-map">
			<div id="myMap" class="map">

				<iframe 
    width="100%" 
    height="450" 
    style="border:0;" 
    loading="lazy" 
    allowfullscreen 
    referrerpolicy="no-referrer-when-downgrade"
    src="https://www.google.com/maps?q={{ $page_two_data->map_lat ?? '51.507351' }},{{ $page_two_data->map_lng ?? '-0.127758' }}&hl=es;z=14&output=embed">
</iframe>
			</div>
		</div>
		<!--/ End Google Map -->			


@endsection