@extends('layout.store')
@section('title','幸运大转盘')
@section('myCss')

<style type="text/css">

.demo {height:1335px;position: relative; width: 751px; background:url(/qximg/bg.jpg) no-repeat 0px 0px;margin:0px auto;}
#disk {background:url("/qximg/disk.png") no-repeat;height:417px;width:417px;margin:0px auto;    position: absolute;
    top: 500px;
    left: 174px;}
#start {    height: 190px;
    left: 300px;
    position: absolute;
    top: 545px;
    width: 163px;}
.xz{
	position: absolute;
    top: 1111px;
    width: 210px;
    left: 130px;
    line-height: 2;
}
.zjlist{
	position: absolute;
    top: 1111px;
    left: 425px;
    line-height: 2;
}

</style>
@endsection
@section('content')

<div class="demo">
    <div id="disk"></div>
    <div id="start"><img id="startbtn" src="/qximg/start.png" style="cursor: pointer; transform: rotate(0deg);"></div>
	<div class="xz">
		<p>只要购买产品就能获得一次官方商城抽奖机会，只要注册后去抽就会中。</p>
	</div>
	<div class="zjlist">
		<ul>
		<marquee direction="up">
		<br />
<font size='1'><table class='xdebug-error xe-notice' dir='ltr' border='1' cellspacing='0' cellpadding='1'>
<tr><th align='left' bgcolor='#f57900' colspan="5"><span style='background-color: #cc0000; color: #fce94f; font-size: x-large;'>( ! )</span> Notice: Undefined variable: list in C:\websoft9\wampserver\www\admin\resources\views\qx\zp.blade.php on line <i>44</i></th></tr>
<tr><th align='left' bgcolor='#e9b96e' colspan='5'>Call Stack</th></tr>
<tr><th align='center' bgcolor='#eeeeec'>#</th><th align='left' bgcolor='#eeeeec'>Time</th><th align='left' bgcolor='#eeeeec'>Memory</th><th align='left' bgcolor='#eeeeec'>Function</th><th align='left' bgcolor='#eeeeec'>Location</th></tr>
<tr><td bgcolor='#eeeeec' align='center'>1</td><td bgcolor='#eeeeec' align='center'>0.0000</td><td bgcolor='#eeeeec' align='right'>239000</td><td bgcolor='#eeeeec'>{main}(  )</td><td title='C:\websoft9\wampserver\www\admin\resources\views\qx\zp.blade.php' bgcolor='#eeeeec'>...\zp.blade.php<b>:</b>0</td></tr>
</table></font>
<br />
<font size='1'><table class='xdebug-error xe-warning' dir='ltr' border='1' cellspacing='0' cellpadding='1'>
<tr><th align='left' bgcolor='#f57900' colspan="5"><span style='background-color: #cc0000; color: #fce94f; font-size: x-large;'>( ! )</span> Warning: Invalid argument supplied for foreach() in C:\websoft9\wampserver\www\admin\resources\views\qx\zp.blade.php on line <i>44</i></th></tr>
<tr><th align='left' bgcolor='#e9b96e' colspan='5'>Call Stack</th></tr>
<tr><th align='center' bgcolor='#eeeeec'>#</th><th align='left' bgcolor='#eeeeec'>Time</th><th align='left' bgcolor='#eeeeec'>Memory</th><th align='left' bgcolor='#eeeeec'>Function</th><th align='left' bgcolor='#eeeeec'>Location</th></tr>
<tr><td bgcolor='#eeeeec' align='center'>1</td><td bgcolor='#eeeeec' align='center'>0.0000</td><td bgcolor='#eeeeec' align='right'>239000</td><td bgcolor='#eeeeec'>{main}(  )</td><td title='C:\websoft9\wampserver\www\admin\resources\views\qx\zp.blade.php' bgcolor='#eeeeec'>...\zp.blade.php<b>:</b>0</td></tr>
</table></font>
		</marquee>
		</ul>
	</div>
</div>
@endsection

@section('myJs')
<script type="text/javascript" src="/qximg/jquery-1.8.3.js"></script>
<script type="text/javascript" src="/qximg/jQueryRotate.2.2.js"></script>
<script type="text/javascript">
$(function(){ 
    $("#startbtn").click(function(){ 
       lottery(); 
   }); 
}); 
function lottery(){ 
   $.ajax({ 
       type: 'get', 
       url: "{{url('/dozp')}}",
       dataType: 'json', 
       cache: false, 
       error: function(){ 
           alert('请确认是否登陆，如果确认登陆，你已经参与过活动了！！'); 
           return false; 
       }, 
       success:function(json){ 
           $("#startbtn").unbind('click').css("cursor","default"); 
           var a = json.angle; //角度 
           var p = json.prize; //奖项 
           $("#startbtn").rotate({ 
               duration:3000, //转动时间 
               angle: 0, 
               animateTo:1800+a, //转动角度 
               easing: $.easing.easeOutSine, 
               callback: function(){ 
                   var con = confirm('恭喜你，中得'+p+'\n还要再来一次吗？'); 
                   if(con){ 
                       lottery(); 
                   }else{ 
                       //再次绑定click事件
                       $("#startbtn").css("cursor","pointer").on("click",function(){
                           lottery();
                       });                       
                       return false; 
                   } 
               } 
           }); 
       } 
   }); 
} 
</script>
@endsection