@extends('web.layouts.master')

@section('title', 'Contact page')

@section('content')
<div class="contact-hero" style="background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url({{ asset('images/web/bg/contact_us.jpg') }});">
	<!-- <h2>Kontakt</h2> -->
	<p class="animated fadeInDown delay-1s">{{ __('translation.our-contact') }}</p>
</div>
<!-- <div class="contact-hero">
	<h2>Kontakt</h2>
	<p>Informacije o našem restoranu</p>
</div> -->
<div class="contact-wrapper">
		<div class="container contact">
			<div class="row">
				<div class="col-12 col-lg-3 contact-info">
					<div>
                        <span>
                            <i class="far fa-clock"></i>
                            {{ __('translation.working-hours') }}
                        </span>
                        <p>08:15 - 00:00</p>
					</div>
					<div>
                        <span>
                            <i class="fas fa-phone-alt"></i>
                            {{ __('translation.phone') }}
                        </span>
                        <a href="tel:+38130421600">
                            <p>030/421-600</p>
                        </a>
                        <a href="tel:+381646488624">
                            <p style='margin-bottom: 0'>064/64-88-624</p>
                        </a>
                        <a href="tel:+38163402059">
                            <p style='margin-bottom: 0'>063/40-20-59</p>
                        </a>
					</div>
					<div>
                        <span>
                            <i class="fas fa-map-marker-alt"></i>
                            {{ __('translation.address') }}
                        </span>
                        <p>Nikole Pašića 62, Bor</p>
					</div>
				</div>
				<div class="col-12 col-lg-9">
					<div class="map">
                        <iframe style="width: 100%; height: 450px; border:0" src="https://www.google.com/maps/embed/v1/place?q=place_id:ChIJVVVVVVL4U0cReMaP0i_uN1A&key=AIzaSyDsW4WgZDxpK2OnOjBLyE5xZVVtUZuctW8" allowfullscreen></iframe>
					</div>
				</div>
			</div>
		</div> <!-- container -->
</div>
@endsection