@extends('layouts/home/logined')

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

@section('content')
<div id='main' >
	<img src='/images/home/user.jpg' style='width:100%;height:74%'>
</div>

	<div id='zz' style='color:#fff;position: absolute;width:100%;height:35%;opacity:0.2;background:black;z-index:200;left:0px;top:30%'>
		
	</div>
	
	<div id='zzc'  style='padding-left:40%;color:#fff;position: absolute;width:100%;height:35%;z-index:200;left:0px;top:30%'>
		<div class='' style='font-size:30px;margin-top:10px;'>
			<span style='font-family:comic sans ms;'>call <span style='font-size:34px;font-weight:bold'>8005 0068 </span> to get started</span>
			<br>
			<span  style='font-size:16px;'>or email <span style='font-weight: bold'>booking@toucinmedia.com.au</span></span>
			<div class='rg1' style='margin-top:25px;'>
			<ul class='nav navbar-nav ' style='margin:0px;padding:0px;font-size:14px;'>
				<li class="login-h btn btn-light"><a href="http://tcm.com/passport/login" style="">Current Campaign</a></li>
				<li class="login-h btn btn-light"><a href="http://tcm.com/passport/login" style=""> &nbsp;&nbsp;Past Campaign&nbsp;&nbsp; </a></li>
			</ul>
			
			</div>
			<div>	
			
			</div >
			<div style='clear:both;height:15px;'></div>
			<div style='clear:both;width:55%;'>
			  <div class="input-group" style=''>
               <input type="text" id='find_prj' name='find_prj' class="form-control" placeholder='Find a Campaign'>
               <span class="input-group-btn">
                  <button class="btn btn-default btn-primary find-c" type="button">
                     >
                  </button>
               </span>
            </div><!-- /input-group -->
			</div>
			
			<div style='text-align:right;width:55%;font-size:12px;fong-weight:normal;margin-top:5px'>
				to start a signboard or Printing Only campaign <span id='click-h' style='cursor:pointer;color:#fff;font-weight:bold;font-size:14px;text-decoration:underline'>Click Here</span>
			</div>
		</div>
	</div>
	
	
			<!-- 模态框（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">
	            		  添加新项目
	            </h4>
	         </div>
	         <div class="modal-body">
	          <form role="form" style=''>
	          	{!! csrf_field() !!}
	         	  <div class="form-group">
      <label for="name">项目名称</label>
      <input type="text" class="form-control" id="name" name='name'
         placeholder="请输入名称">
   </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">关闭
	            </button>
	            <button type="button" id='sub-prj' class="btn btn-primary">
	             		  提交
	            </button>
	         </div>
	      </div><!-- /.modal-content -->
	   	</div><!-- /.modal-dialog -->
	</div><!-- /.modal -->

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

$('#sub-prj').click(function(){

	$.ajax({
	   url:"{{URL('project/create')}}",
       data:$('form').serialize(),
       dataType:"JSON",
       type:"POST",
       success: function(data){
    	   location.href='{{URL("service/appointment")}}/'+data.id;
      			
       },
       error: function(data){
         var str = '';
      	 $.each(data.responseJSON, function (key, value) {
       		str=str+value+"<br>";
            $('.alert-danger').show();
            $('.alert-danger').html(str);
           });
       },
	});
})


/*$('#video').click(function(){
	playPause();
})

var myVideo=document.getElementById("video1"); 

myVideo.addEventListener("play", function () {
   $('#start').hide() 
}, false);

myVideo.addEventListener("pause", function () {
   $('#start').show() 
}, false);

function playPause()
{ 
if (myVideo.paused)
{
  myVideo.play(); 
  $('#start').hide()
}
else 
{
  myVideo.pause(); 
  $('#start').show()
}
} 

function makeBig()
{ 
	myVideo.width=560; 
} 

function makeSmall()
{ 
	myVideo.width=320; 
} 

function makeNormal()
{ 
	myVideo.width=420; 
} 

$('#start').click(function(){
	 myVideo.play();
	playPause();
	
})*/


</script>

@endsection