@extends('layouts.public')

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

@section('content')
<div class="main-contents">
	<section class="banner contact">
		<div class="container">
			<div class="morepage-banner">
				<h2 class="title">Kontakt</h2>
				<ol class="breadcrumb">
					<li><a href="{{route('public.index')}}" class="link">Naslovna</a></li>
					<li class="active"><a href="#" class="link">Kontakt</a></li>
				</ol>
			</div>
		</div>
	</section>
	<div class="page-main padding-top-100 padding-bottom-100">
		<div class="container">
			<div class="row">
				<div class="col-xs-12">
					<div class="row contact-method padding-bottom-100">
						<div class="col-sm-4 col-xs-12">
							<div class="method-item"><i class="fa fa-map-marker"></i>
								<p class="sub">Adresa</p>
								<div class="detail">
									<p>23000 Zadar</p>
								</div>
							</div>
						</div>
						<div class="col-sm-4 col-xs-12">
							<div class="method-item"><i class="fa fa-phone"></i>
								<p class="sub">Telefon</p>
								<div class="detail">
									<p>+385 23 000 000</p>
								</div>
							</div>
						</div>
						<div class="col-sm-4 col-xs-12">
							<div class="method-item"><i class="fa fa-envelope"></i>
								<p class="sub">Email</p>
								<div class="detail">
									<p>info@zona-zadar.hr</p>
								</div>
							</div>
						</div>
					</div>
					{!! Form::open(['route' => 'public.mail', 'class' => 'contact-form']) !!}
					<div class="row">
						<div class="col-sm-12">
							<div class="form-group">
								<label class="form-label">Ime i prezime <span class="highlight">*</span></label>
								<input id="name" type="text" required="required" class="form-control">
							</div>
						</div>
						<div class="col-sm-6">
							<div class="form-group">
								<label class="form-label">Email <span class="highlight">*</span></label>
								<input id="email" type="email" required="required" class="form-control">
							</div>
						</div>
						<div class="col-sm-6">
							<div class="form-group">
								<label class="form-label">Telefon</label>
								<input id="phone" type="text" class="form-control">
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-sm-12">
							<div class="form-group">
								<label class="form-label">Poruka <span class="highlight">*</span></label>
								<textarea id="message" required="required"  class="form-control form-textarea"></textarea>
							</div>
						</div>
					</div>
					<div id="success" class="margin-top-50"></div><button type="submit" class="btn btn-maincolor">Pošalji </button>
					{!! Form::close() !!}
				</div>
			</div>
		</div>
	</div>
	<div class="contact-map">
		<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d91631.80898964047!2d15.178863787192352!3d44.13505746062846!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4761fa62d2c0b88f%3A0x12323e1c13f40784!2sZadar!5e0!3m2!1shr!2shr!4v1564427133618!5m2!1shr!2shr" width="100%" height="480" frameborder="0" style="border:0" allowfullscreen></iframe>
	</div>
</div>
@endsection