@extends('layouts/home/app_new')

@section('title')
{{trans('common.title_index')}}
@endsection

@section('content')
<div id='art-news'>
<div id='com-left' >
{{--	  <h2 class='title'>{{$articles['title']}}</h2>--}}
	{!!$articles['content'] !!}	  
</div>

{{--<div id='com-right'>--}}
{{--	<h3>Related Links</h3>--}}
{{--	<ul>--}}
{{--	@foreach($related as $k=>$v)--}}
{{--	<li><a href='{{$v['id']}}'>{{$v['title']}}</a></li>--}}
{{--	@endforeach--}}
{{--	--}}
{{--	--}}
{{--	</ul>--}}
{{--</div>--}}
{{--  <div style='clear:both'></div>--}}
{{--</div>--}}

	<div id='com-right' >
		<div style='position: fixed;width:300px	'>
			<form role="form" style='margin-top:30px;' >
				<input type='hidden' id='member_id' name='member_id' value='' />
				<input type='hidden' id='id' name='id' value="@if(isset($address)){{$address['id']}} @endif" />
				<input type='hidden' value='' />
				{!! csrf_field() !!}
				<div class="form-group">
					<label for="username">Your Name<span style='color:red'></span></label>
					<input  type="text" class="form-control my-inp" id="username" name='username'
							placeholder="Your Name" style="width:95%" value="">
					<span id="username-notify" class="notify"></span>
				</div>
				<!--<div class="form-group">
                <label for="username">Last Name<span style='color:red'>*</span></label>
                <input  type="text" class="form-control my-inp" id="last_name" name='last_name'
                       placeholder="Last Name" value="" style="width:95%">
                        <span id="username-notify" class="notify"></span>
            </div>  -->
				<!-- <div class="form-group">
                     <label for="username">Your Company Name<span style='color:red'></span></label>
                     <input  type="text" class="form-control my-inp" id="company" name="company"
                            placeholder="Your Company Name" style="width:95%" value="">
                             <span id="username-notify" class="notify"></span>
                 </div> -->
				<div class="form-group">
					<label for="username">Email Address<span style='color:red'></span></label>
					<input  type="text" class="form-control my-inp" id="email" name='email'
							placeholder="Email Address" style="width:95%" value="">
					<span id="username-notify" class="notify"></span>
				</div>
				<div class="form-group">
					<label for="username">Contact Number<span style='color:red'></span></label>
					<input  type="text" class="form-control my-inp" id="mobile" name='mobile'
							placeholder="Contact Number" style="width:95%" value="">
					<span id="username-notify" class="notify"></span>
				</div>

				<div class="form-group">
					<label for="username">Message<span style='color:red'></span></label>
					<textarea rows=3 class="form-control my-inp" id="content" name='content'
							  placeholder="Content" style="width:95%"></textarea>
					<span id="username-notify" class="notify"></span>
				</div>
				<div class="alert alert-danger" style='margin-top:10px;display:none;width:95%'></div>
				<button type="button" id='sub-login' class="btn btn-default btn-lg btn-block" style="width:95%;font-weight: normal;font-family: 'lato', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;">Submit Enquiry</button>

			</form>
			<div>
				<img src='/images/home/gg.png' style='width:95%;height:80px;margin-top:10px' />
			</div>
{{--			<p style='margin-top:20px;color:#000;'>Visit Us</p>--}}
{{--			<div style='position:relative'>--}}
{{--				<img id='wx-pic' src='/images/home/scode.jpg' style='position:absolute;width:100p;max-width:100px;top:-120px;left:80px;display:none'>--}}
{{--				<a href='https://au.linkedin.com/in/campaign-pros-761258122' target='_blank'>--}}
{{--					<img src='/images/home/linkedin.png' style='width:40px;height:40px'>--}}
{{--				</a>--}}
{{--				&nbsp;&nbsp;--}}
{{--				<a href='https://www.facebook.com/Campaignpros-1595361034089879/' target='_blank'>--}}
{{--					<img src='/images/home/facebook.png' style='width:40px;height:40px' >--}}
{{--				</a>--}}
{{--				&nbsp;&nbsp;--}}
{{--				<a href='#' id='wx'>--}}
{{--					<img src='/images/home/wx.png' style='width:40px;height:40px'>--}}
{{--				</a>--}}
{{--			</div>--}}
		</div>

	</div>
	<div style='clear:both'></div>
</div>

<script>
	$('#left li img').mouseover(function(){
		$(this).attr('src','/images/home/after.jpg');
		//$(this).siblings().attr('src','/images/home/before.jpg')
	});

	$('#left li img').mouseout(function(){
		$(this).attr('src','/images/home/before.jpg')
	})


	$('#wx').click(function(e){
		if ( e && e.stopPropagation )
			e.stopPropagation();
		else
			window.event.cancelBubble = true;
		$('#wx-pic').show();

	})
	$('body').click(function(e){

		$('#wx-pic').hide();
	})


	//$('#com-left').find('img').css('width','100%')
	//$('#com-left').find('img').css('height','300px')


	$('#sub-login').click(function(){
		$('.notify').html('')
		$.ajax({
			url:"{{URL('enquirys/store')}}",
			data:$('form').serialize(),
			dataType:"JSON",
			type:"POST",
			success:function(data){
				$('.alert-danger').hide();
				if(!data.success)
				{
					$('#tips').html(data.msg);
				}
				else
				{
					alert('Your message has been sent successfully.');
					location.href="";
				}
			},
			error:function(data){
				var str = '';
				$.each(data.responseJSON, function (key, value) {
					// $("#"+key+"-notify").html(value);
					str=str+value+"<br>";
					$('.alert-danger').show();
					$('.alert-danger').html(str);
				});
			},
		})
	})
</script>

@endsection