@extends('layouts/home/logined_new')

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

@section('content')
<div id='art-ads'>
	<div id='com-left' style=''>
{{--	  <h2 style='' class='title'>{{$articles['title']}}</h2>--}}
	{!!$articles['content'] !!}	  
</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