@extends('layout.index')

@section('content')

	@include('includes.tittle')

	<!--Office Section-->
	<section class="office-section">
		<div class="auto-container">
			<div class="inner-container">
				<!--Title Box-->
				<div class="title-box">
					<h2>Kontakt info</h2>
				</div>
				<div class="row clearfix">
					
					<!--Office Block-->
					<div class="office-block col-lg-4 col-md-6 col-sm-12">
						<div class="inner-box">
							<div class="icon-box">
								<span class="icon flaticon-question"></span>
							</div>
							<h3>Tel.</h3>
							<div class="text">+421 905 430 492 <br> 031 552 43 49</div>
						</div>
					</div>
					
					<!--Office Block-->
					<div class="office-block col-lg-4 col-md-6 col-sm-12">
						<div class="inner-box">
							<div class="icon-box">
								<span class="icon flaticon-question"></span>
							</div>
							<h3>Naro Group s.r.o.</h3>
							<div class="text">Email: <br> <img src="{{ asset('images/email.png') }}" alt="Naro Group s.r.o." /></div>
							<div class="text">Web: <br> www.naro.sk</div>
						</div>
					</div>

					<!--Office Block-->
					<div class="office-block col-lg-4 col-md-6 col-sm-12">
						<div class="inner-box">
							<div class="icon-box">
								<span class="icon flaticon-place"></span>
							</div>
							<h3>Vzorková predajňa</h3>
							<div class="text">ul. I. Gyurcsóa 24<br> 929 01 Dunajská Streda</div>
							
						</div>
					</div>
					
				</div>
			</div>
		</div>
	</section>
	<!--End Office Section-->

	<!--Map Section-->
    <section class="map-section">
    	<!--Map Outer-->
        <div class="map-outer">
            <div class="google-map"
                id="contact-google-map" 
                data-map-lat="48.169267" 
                data-map-lng="17.156571" 
                data-icon-path="images/icons/map-marker.png" 
                data-map-title="Slovakia" 
                data-map-zoom="20000" 
                data-markers='{
                	"marker-1": [48.003125, 17.617858, "<h4>Vzorková predajňa</h4><p>ul. I. Gyurcsóa 24,929 01 Dunajská Streda</p>"]
                }'>

    		</div>
        </div>
    </section>
	<!--End Map Section-->

	
	<section class="contact-form-section" style="background-image: url(images/background/pattern-2.png); background-repeat: repeat-x;">
		<div class="auto-container">
			<div class="row clearfix">
			
				
				<div class="title-column col-lg-4 col-md-12 col-sm-12">
					<div class="inner-column">
						<h3 class="mb20">Poslať správu</h3>
						<div class="text">V prípade záujmu alebo akýchkoľvek otázok nás neváhajte kontaktovať telefonicky, emailom alebo prostredníctvom kontaktného formulára.</div>
					</div>
				</div>
				
				
				<div class="form-column col-lg-8 col-md-12 col-sm-12">
					<div class="inner-column">
						
						<div class="contact-form">

							
                            <div id="message-box">
                                <div id="success1" class="message alert alert-success">
                                    <ul class="form-errors">
                    
                                    </ul>
                                </div>
                                    
                                <div id="error_msg1" class="error_msg alert alert-danger">
                                    <ul class="form-errors">
                    
                                    </ul>
                                </div>
                            </div>
                            

							<form method="post" action="sendmessage" id="contactForm">
								<input type="hidden" name="_token" value="{{ csrf_token() }}">
								<div class="row clearfix">
									<div class="form-group col-lg-6 col-md-6 col-sm-12">
										<input type="text" id="meno" name="meno" value="" placeholder="Meno" >
									</div>
									<div class="form-group col-lg-6 col-md-6 col-sm-12">
										<input type="text" id="tel" name="tel" value="" placeholder="Tel." >
									</div>
									<div class="form-group col-lg-12 col-md-12 col-sm-12">
										<input type="email" id="email" name="email" value="" placeholder="Email" >
									</div>
									<div class="form-group col-lg-12 col-md-12 col-sm-12">
										<textarea name="sprava" id="sprava" placeholder="Správa..."></textarea>
									</div>
									<div class="form-group" style="display: none;">
									 	<label for="faxonly">Fax Only
									  		<input type="checkbox" name="faxonly" id="faxonly" />
									 	</label>
									</div>
									<div class="form-group col-lg-12 col-md-12 col-sm-12">
										<!-- <button type="submit" class="theme-btn btn-style-four"><span class="arrow flaticon-right-arrow-4"></span>Poslať</button> -->
										<button class="theme-btn btn-style-four g-recaptcha" data-sitekey="6LeaOOwUAAAAAHC5n3ib61G4W9nCXLjb90ng4QkF" data-callback='onSubmit'><span class="arrow flaticon-right-arrow-4"></span>Poslať</button>

                                    </div>
								</div>
							</form>

						</div>
						
					</div>
				</div>
				
			</div>
		</div>
	</section>




@endsection