@extends('layouts.public')

@section('title') {{trans('seo.title.contact')}} @endsection

@section('content')
<section class="page-title" style="background-image:url(/images/background/bg-2.jpg)">
	<div class="auto-container">
		<h1>Kontakt</h1>
	</div>
</section>

<section class="contact-page-section">
	<div class="auto-container">
		<div class="sec-title-two">
			<h2>Pošaljite upit</h2>
			<div class="text">Slobodno nas kontaktirajte za više informacija o ponudi.</div>
		</div>
		<div class="row clearfix">
			<div class="form-column col-md-7 col-sm-12 col-xs-12">
				<div class="contact-form">
					<form method="POST" action="{{route('public.mail')}}">
						{{ csrf_field() }}
						<div class="row clearfix">
							<div class="col-md-12 col-sm-12 col-xs-12 form-group">
								<input type="text" name="name" placeholder="Vaše ime *" required>
							</div>
							<div class="col-md-6 col-sm-6 col-xs-12 form-group">
								<input type="email" name="email" placeholder="E-mail *" required>
							</div>
							<div class="col-md-6 col-sm-6 col-xs-12 form-group">
								<input type="text" name="phone" placeholder="Telefon *" required>
							</div>
							<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 form-group">
								<textarea name="message" placeholder="Poruka *" required></textarea>
							</div>
							<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 form-group">
								<input type="checkbox" name="gdpr" required> Potvrđujem da sam upoznat s <a href="{{route('public.privacy-policy')}}" target='_blank'>Pravilima o privatnosti</a> i dajem suglasnost da se moji podaci prikupljaju, spremaju i obrađuju.
							</div>
							<div class="check_email">
								<label for="check_email">Email address</label>
								<input class="text" name="check_email" type="text" id="check_email">
							</div>
							<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 form-group">
								<button class="theme-btn btn-style-four" type="submit" name="submit-form">Pošalji</button>
							</div>
						</div>
					</form>
				</div>
			</div>
			<div>
				<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2865.1541198604536!2d15.257968115512353!3d44.10081177910848!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4761faeae6a1b18f%3A0xaded02985d36e8c5!2s%C5%A0AM-COMMERCE%20d.o.o.!5e0!3m2!1sen!2shr!4v1568107136199!5m2!1sen!2shr" height="500" class="map-column col-md-5 col-sm-12 col-xs-12" allowfullscreen=""></iframe>
			</div>
		</div>
	</div>
</section>

<section class="contact-info-section">
	<div class="auto-container">
		<div class="row clearfix">
			<div class="contact-info-block col-md-3 col-sm-6 col-xs-12">
				<div class="inner-box">
					<div class="icon-box">
						<span class="icon flaticon-placeholder-2"></span>
					</div>
					<h3>Adresa</h3>
					<div class="text"><a href="https://goo.gl/maps/Fsj5EpjRx1uBLYg19" target="_blank">Biogradska 56, Zadar</a></div>
				</div>
			</div>
			<div class="contact-info-block col-md-3 col-sm-6 col-xs-12">
				<div class="inner-box">
					<div class="icon-box">
						<span class="icon flaticon-smartphone-1"></span>
					</div>
					<h3>Mobitel</h3>
					<div class="text"><a href="tel:+38598491434">098 491 434</a></div>
				</div>
			</div>
			<div class="contact-info-block col-md-3 col-sm-6 col-xs-12">
				<div class="inner-box">
					<div class="icon-box">
						<span class="icon flaticon-phone-call"></span>
					</div>
					<h3>Telefon</h3>
					<div class="text"><a href="tel:+38523340195">023 340 195</a></div>
				</div>
			</div>
			<div class="contact-info-block col-md-3 col-sm-6 col-xs-12">
				<div class="inner-box">
					<div class="icon-box">
						<span class="icon flaticon-opened-email-outlined-interface-symbol"></span>
					</div>
					<h3>E- mail</h3>
					<div class="text"><a href="mailto:info@sare-ogrjev.com">info@sare-ogrjev.com</a></div>
				</div>
			</div>
		</div>
	</div>
</section>
@endsection