@include('layouts.header')

@yield('content')
	<section class="pages_content">
	    <div class="container">
	        <div class="row">
	            <div class="col-xs-12">
	                <h1 class="page_title"> <i class="fa fa-envelope-o"></i> تواصل معنا</h1>
	            </div><!--end col-xs-12-->
	            <div class="clearfix"></div>
	            <div class="col-lg-6 col-md-6 col-xs-12">
	            <!-- contact form -->
		            <form class="form-horizontal" role="form" method="POST" action="{{ url('/contact_us') }}">
	                    {{ csrf_field() }}

	                    <div class="form-group{{ $errors->has('name') ? ' has-error' : '' }}">
			                <div class="form-group">
			                    <input type="text" class="form-control" name="name" placeholder="اسمك الكريم "/>
			                </div><!--end form-group-->
			                @if ($errors->has('name'))
                            <span class="help-block">
                                <strong>{{ $errors->first('name') }}</strong>
                            </span>
                            @endif
		                </div>

						<div class="form-group{{ $errors->has('email') ? ' has-error' : '' }}">
			                <div class="form-group">
			                    <input type="text" class="form-control" name="email" placeholder=" بريدك الإلكترونى "/>
			                    @if ($errors->has('email'))
	                            <span class="help-block">
	                                <strong>{{ $errors->first('email') }}</strong>
	                            </span>
	                            @endif
			                </div><!--end form-group-->
						</div>

						<div class="form-group{{ $errors->has('subject') ? ' has-error' : '' }}">
			                <div class="form-group">
			                    <input type="text" class="form-control" name="subject" placeholder=" الموضوع "/>
			                    @if ($errors->has('subject'))
	                            <span class="help-block">
	                                <strong>{{ $errors->first('subject') }}</strong>
	                            </span>
	                            @endif
			                </div><!--end form-group-->
						</div>

						<div class="form-group{{ $errors->has('message') ? ' has-error' : '' }}">
			                <div class="form-group">
			                    <textarea class="form-control" name="message" placeholder=" رسالتك" rows="6"></textarea>
			                    @if ($errors->has('message'))
	                            <span class="help-block">
	                                <strong>{{ $errors->first('message') }}</strong>
	                            </span>
	                            @endif
			                </div><!--end form-group-->
						</div>

		                <div class="form-group">
		                    <input type="submit" class="btn btn-secondary text-muted" name="submit" value="إرسال"/>
		                </div><!--end form-group-->
		            </form><!-- contact form -->
	            </div><!--end col-lg-6 col-md-6 col-xs-12-->

	            <!-- contact_info-->
	            <div class="col-lg-6 col-md-6 col-xs-12">
	                <div class="row">
	                    <div class="col-lg-6 col-md-12 col-sm-6 col-xs-12">
	                        <div class="contact_det"><i class="fa fa-envelope fa-lg"></i> info@modoee.com</div>
	                    </div>
	                    <div class="col-lg-6 col-md-12 col-sm-6 col-xs-12">
	                        <div class="contact_det"><i class="fa fa-fax fa-lg"></i> 00966112109713</div>
	                    </div><!--end  col-sm-6 col-xs-12-->
	                    <div class="col-lg-6 col-md-12 col-sm-6 col-xs-12">
	                        <div class="contact_det">ص . ب : 242119</div>
	                    </div><!--end  col-sm-6 col-xs-12-->
	                    <div class="col-lg-6 col-md-12 col-sm-6 col-xs-12">
	                        <div class="contact_det"> الرمز البريدي : 11322 </div>
	                    </div><!--end  col-sm-6 col-xs-12-->
	                </div><!--end row-->
	                <div id="map" style="width:100%;height:300px;"></div>
	                <script>
						function initMap() {
							var mapDiv = document.getElementById('map');
							var map = new google.maps.Map(mapDiv, {
							  center: {lat: 24.778715, lng: 46.662812},
							  zoom: 18
							});
						}
				    </script>
				    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC6XV1nwmQu4itLCqfGVtqRqwF9ljMIfAw&amp;callback=initMap" async defer></script>
	    		</div><!-- end contact_info-->
	        </div><!--end row-->
	    </div><!--end container-->
	</section><!--end pages_content -->

@include('layouts.footer')