@extends('layouts/home/logined_new')

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

@section('content')
<style>
#zzc{padding-left:38%;}
@media screen and (max-width:1508px) {
	#zzc{padding-left:28%;}
}
</style>
<div id='main' >
	<img src='{{$image['pic_url']}}' style='width:100%;min-height:1000px'>
</div>

	<div id='zz' style='color:#fff;position: absolute;width:100%;height:100px;opacity:0.4;filter:alpha(opacity=40);background:black;z-index:200;left:0px;top:380px'>
		
	</div>
	<!--<img src='/images/home/yh.png' style='position:absolute;top:280px;left:65%;width:230px;max-width:100%;z-index:300;cursor:pointer' id='yh'>-->
	<div id='zzc'  style='color:#fff;position: absolute;width:100%;height:100px;z-index:200;left:0px;top:380px'>
		<div class='' style='font-size:32px;margin-top:30px;width:600px'>

			<ul class='btn-list' style='margin:0px;padding:0px;font-size:14px;'>
				<li class="spec_btn"><a href="{{URL('users/calculator/all')}}" style=""> &nbsp;&nbsp;&nbsp;&nbsp;My Bookings&nbsp;&nbsp; &nbsp;&nbsp;</a></li>
				<li class="spec_btn"><a href="{{URL('project/list/current')}}" style="">&nbsp;&nbsp;&nbsp;&nbsp;MY PROJECTS&nbsp;&nbsp; &nbsp;&nbsp;</a></li>

			</ul>
			
			</div>
			<div>	
			
			</div >


		</div>
	</div>
	@if(!empty($notify_ads['pic_url']))
	<div style="position:absolute; top:580px;width:465px;heigh:400px;padding-left:38%">
		<img style="width:465px" src="{{$notify_ads['pic_url']}}">
	</div>
	@endif
			<!-- 模态框（Modal） -->
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" 
   		aria-labelledby="myModalLabel" aria-hidden="true">
	   <div class="modal-dialog">
	      <div class="modal-content">
	         <div class="modal-header">
	            <button type="button" class="close" data-dismiss="modal" 
	               aria-hidden="true">×
	            </button>
	            <h4 class="modal-title" id="myModalLabel">
	            		{{trans('common.user_create_project')}}
	            </h4>
	         </div>
	         <div class="modal-body">
	          <form role="form" style=''>
	          	{!! csrf_field() !!}
	         	  <div class="form-group">
      <label for="name">{{trans('common.user_project_name')}}</label>
      <input type="text" class="form-control" id="name" name='name'
         placeholder="{{trans('common.user_input_project_name')}}">
		 <br>
		 <span id='name-notice' style='color:red'></span>
   </div>
   </form>
   <div class="alert alert-danger" style='margin-top:10px;display:none'></div>
	         </div>
	         <div class="modal-footer">
	            <button type="button" class="btn btn-default" 
	               data-dismiss="modal">{{trans('common.btn_close')}}
	            </button>
	            <button type="button" id='sub-prj' class="btn btn-primary">
	             		  {{trans('common.btn_sub')}}
	            </button>
				
	         </div>
	      </div><!-- /.modal-content -->
	   	</div><!-- /.modal-dialog -->
	</div><!-- /.modal -->

<script>
$('#click-h').click(function(){
	$('#myModal').modal({
	      keyboard: true
	   });
})

$('#sub-prj').click(function(){
	if($('#name').val() =='')
	{
		$('#name-notice').html('Campaign Name required');
		return false;
	}
	$.ajax({
	   url:"{{URL('project/create')}}",
       data:$('form').serialize(),
       dataType:"JSON",
       type:"POST",
       success: function(data){
    	   location.href='{{URL("project/detail")}}/'+data.id;
      			
       },
       error: function(data){
         var str = '';
      	 $.each(data.responseJSON, function (key, value) {
       		str=str+value+"<br>";
            $('.alert-danger').show();
            $('.alert-danger').html(str);
           });
       },
	});
})

$('#yh').click(function(){
	window.open("special-offers");
})
</script>

@endsection