@extends('app')

@section('head')
	@parent
	<title>Afana Brothers Co. - Contact</title>
@stop

@section('content')

	<!-- Form Contact -->
	<section class="bg0 p-t-145 p-b-100">
		<div class="container">
			<div class="size-a-1 flex-col-c-m p-b-70">
				<div class="txt-center txt-m-201 cl10 how-pos1-parent m-b-14">
					Get In Touch

					<div class="how-pos1">
						<img src="{{ asset('img/icons/symbol-02.png') }}" alt="IMG">
					</div>
				</div>

				<h3 class="txt-center txt-l-101 cl3 respon1">
					Leave us a message!
				</h3>
			</div>

			@if(Session::has('flash_message'))

			<div class="alert alert-success">
				{{ Session::get('flash_message') }}
			</div>

			@endif

			<form id="contact-form1" class="validate-form" method="post" action="{{ URL::route('contact.store') }}" name="contact">
				{{ csrf_field() }}
				<div class="row">
					<div class="col-sm-6 p-b-30">
						<div class="validate-input" data-validate = "Name is required">
							<input class="txt-s-101 cl3 plh1 size-a-46 bo-all-1 bocl15 focus1 p-rl-20" type="text" name="name" placeholder="Your Full Name *">
						</div>
					</div>

					<div class="col-sm-6 p-b-30">
						<div class="validate-input" data-validate = "Valid email is: ex@abc.xyz">
							<input class="txt-s-101 cl3 plh1 size-a-46 bo-all-1 bocl15 focus1 p-rl-20" type="text" name="email" placeholder="Your Email *">
						</div>
					</div>

					<div class="col-sm-6 p-b-30">
						<div>
							<input class="txt-s-101 cl3 plh1 size-a-46 bo-all-1 bocl15 focus1 p-rl-20" type="text" name="address" placeholder="Your Address">
						</div>
					</div>

					<div class="col-sm-6 p-b-30">
						<div class="validate-input" data-validate = "Phone is required">
							<input class="txt-s-101 cl3 plh1 size-a-46 bo-all-1 bocl15 focus1 p-rl-20" type="text" name="phone" placeholder="Your Phone *">
						</div>
					</div>

					<div class="col-12 p-b-30">
						<div class="validate-input" data-validate = "Message is required">
							<textarea class="txt-s-101 cl3 plh1 size-a-47 bo-all-1 bocl15 focus1 p-rl-20 p-tb-10" name="msg" placeholder="Your Message"></textarea>
						</div>	
					</div>
				</div>

				<div class="flex-c p-t-10">
					<button class="flex-c-m txt-s-103 cl0 bg10 size-a-2 hov-btn2 trans-04">
						Send
					</button>
				</div>
			</form>
		</div>
	</section>

	<!-- Map -->
	<div class="map">
		<!--div class="contact-map size-h-7" id="google_map" data-map-x="31.528547" data-map-y="34.5228013" data-scrollwhell="0" data-draggable="1"  data-zoom="15"></div-->

		<iframe width="100%" height="700" src="https://maps.google.com/maps?width=100%&amp;height=700&amp;hl=en&amp;coord=31.528547,34.5228013&amp;q=Industrial%20Area%2C%20Beit%20Hanoun%2C%20Gaza%2C%20Palestine+(Afana%20Brothers%20Co.)&amp;ie=UTF8&amp;t=&amp;z=15&amp;iwloc=B&amp;output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>

	</div>

	<!-- Ccontact -->
	<section class="container p-t-90 p-b-45">
		<div class="row">
			<div class="col-sm-6 col-lg-3 p-b-50">
				<div class="flex-col-c-m p-rl-25">
					<div class="wrap-pic-max-s p-b-25">
						<img src="{{ asset('img/icons/icon-address.png') }}" alt="IMG">
					</div>

					<h5 class="txt-m-114 cl3 txt-center p-b-9">
						Address
					</h5>

					<span class="txt-s-101 cl6 txt-center">
					P.O. Box 398 Industrial Area,<br/>Beit Hanoun, Gaza, Palestine
					</span>
				</div>
			</div>

			<div class="col-sm-6 col-lg-3 p-b-50">
				<div class="flex-col-c-m p-rl-25">
					<div class="wrap-pic-max-s p-b-25">
						<img src="{{ asset('img/icons/icon-phone-03.png') }}" alt="IMG">
					</div>

					<h5 class="txt-m-114 cl3 txt-center p-b-9">
						Phone
					</h5>

					<span class="txt-s-101 cl6 txt-center">
                        +970 (8) 2458995
					</span>
				</div>
			</div>

			<div class="col-sm-6 col-lg-3 p-b-50">
				<div class="flex-col-c-m p-rl-25">
					<div class="wrap-pic-max-s p-b-25 p-t-5">
						<img src="{{ asset('img/icons/icon-fax-03.png') }}" alt="IMG">
					</div>

					<h5 class="txt-m-114 cl3 txt-center p-b-9">
						Fax
					</h5>

					<span class="txt-s-101 cl6 txt-center">
						+970 (8) 2458994
					</span>
				</div>
			</div>

			<div class="col-sm-6 col-lg-3 p-b-50">
				<div class="flex-col-c-m p-rl-25">
					<div class="wrap-pic-max-s p-b-25 p-t-5">
						<img src="{{ asset('img/icons/icon-mail-03.png') }}" alt="IMG">
					</div>

					<h5 class="txt-m-114 cl3 txt-center p-b-9">
						Email contact
					</h5>

					<span class="txt-s-101 cl6 txt-center">
						info@afana-ltd.com
					</span>
				</div>
			</div>
		</div>
    </section>
@stop