@extends('layouts.newbloglayout', ['title' => 'Contact Us', 'desc' => 'MySeaTime Contact Us', 'detailurl' => Config::get('site.url')."/contactus"])
@section('class_act_contactus')
active
@endsection

@section('content')
<div class="contact-form-in proxima text-center">		
	<div class="b_container">
		<div class="contact-us">
			<div class="contact-form">
				<div class="c_message">
					<h2 class="text-left">Get in Touch</h2>
					
					<div class="form-content">
						{{ Form::open(array('id'=>'contact-form','class'=>'form')) }}
						<div class="row">
							<div class="col-md-12 col-xs-12">
								<fieldset class="form-row">
									<label for="name">Name</label>
									{{ Form::text('contact-name', '', array('class'=>'text-field contact-name','placeholder'=>'Name')) }}										
								</fieldset>
							</div>
							<div class="col-md-12 col-xs-12">
								<fieldset class="form-row">
									<label for="Email">Email Address</label>
									{{ Form::text('contact-email', '', array('class'=>'text-field contact-email','placeholder'=>'Email')) }}												
								</fieldset>
							</div>
							<div class="col-md-12 col-xs-12">
								<fieldset class="form-row">
									<label for="Number *">Subject</label>
									<div class="selectbox">		
										{{ Form::select('subject',$subjectlist, '' , array('class'=>'subject selectpicker', 'id'=>'subject')) }}
									</div>
								</fieldset>
							</div>
							<div class="col-md-12 col-xs-12">
								<fieldset class="form-row">
									<label for="message">Message</label>										
									{{ Form::textarea('contact-msg','', array('class'=>'text-field contact-msg','placeholder'=>'Message', 'rows'=>'3')) }}
								</fieldset>
							</div>
							<div class="col-md-12 col-xs-12">
								<fieldset class="form-row">
									<input type="button" value="submit" class="submitbtn btn-green fr"  id="submitContactForm">
									<div id="resultmsg"></div>
								</fieldset>
							</div>								
						</div>
						<div class="showloader"></div>
						{{ Form::close() }}
					</div>

				</div>
				<div class="con_info">
					<h2>Contact us</h2>
					<div class="info-row address">
						<span><img src="{{ asset('assets/images/myseatime/pin-small.png') }}" alt="Contact Address"></span><label>404 Mayfair, Sector 70, Mohali 160071</label>
					</div>
					<div class="info-row mobile">
						<span><img src="{{ asset('assets/images/myseatime/mobile-icon.png') }}" alt="Contact Number"></span><label><a href="tel:(0172) 4020731">(0172) 4020731</a></label>
					</div>
					<div class="info-row email-ad">
						<span><img src="{{ asset('assets/images/myseatime/message-img.png') }}" alt="Contact Email"></span><label><a href="mailto:support@myseatime.com">support@myseatime.com</a></label>
					</div>
					<div class="social-icon-contact">
						<ul class="w-100">
							<li class="fb w-auto"><a href="https://www.facebook.com/myseatime" target="_blank"></a></li>
							<li class="twit w-auto"><a href="https://www.twitter.com/myseatime" target="_blank"></a></li>
							<li class="inn w-auto"><a href="https://www.linkedin.com/company/my-sea-time" target="_blank"></a></li>
							<li class="f-plus w-auto"><a href="https://plus.google.com/115421335061692667021/about" target="_blank"></a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<div id="myseatime_loader" style="display: none;">
	<div class="double">
		<span class="ouro ouro3">
			<span class="left"><span class="anim"></span></span>
			<span class="right"><span class="anim"></span></span>
		</span>
	</div>
</div>
@stop

@section('addthisscript')
<script>
//custom function for liking and disliking Post counter
	$(document).on( 'click', '#submitContactForm', function( event ) {
		$('#resultmsg').html();
		var name = $('.contact-name').val();
		var email = $('.contact-email').val();
		var message = $('.contact-msg').val();
		var subject = $('#subject').val();
		var loadr = $('#myseatime_loader').html();
		$('.showloader').html(loadr);	
	//ajax request
		$.ajax({
			type: 'post',
			url: 'contactus', 
			data: { 'name':	name, 'email':	email, 'message':message, 'subject':subject },
			headers: {
				'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
			},
			success: function(resultJSON) {
					//console.log(resultJSON);
				$('.showloader').html('');	
				if(resultJSON.success == false) {
					if(resultJSON.errors.name != undefined) {
						$('#resultmsg').html("<div class='errormsg'>" + resultJSON.errors.name + "</div>");
					} else if(resultJSON.errors.email != undefined) {
						$('#resultmsg').html("<div class='errormsg'>" + resultJSON.errors.email + "</div>");
					} else if(resultJSON.errors.subject != undefined) {
						$('#resultmsg').html("<div class='errormsg'>" + resultJSON.errors.subject + "</div>");
					}else {
						$('#resultmsg').html("<div class='errormsg'>" + resultJSON.errors.message + "</div>");
					}
					return false;
				} else {
					$('#resultmsg').html("<div class='sucesmsg'>Your message has been sent successfully</div>");
					$('.text-field').val('');
				}
				return false;
			}
		});	

	});

</script>

@stop