<extend name="Public/base" />
<block name="body" >

        <div class="banner">
            <div class="innerwrap clearfix">
            <div class="notice">
                <h1 class="h1"><span>移动游戏开发平台</span><span>与开发者共成长</span></h1>
                <h6 class="h6"><span>高效接入</span><i>·</i><span>快速发布</span><i>·</i><span>实时数据</span><i>·</i><span>稳定结算</span></h6>
            </div>
            <div class="lrwrapper ">
                <div class="lrbox clearfix">
                    <empty name="account">

                <div class="lrpane tab-pane fade active in" id="lr-login">
                    <h4 class="title" style="text-align: center;">&nbsp;登录</h4>
                    <form id="loginForm" class="form-horizontal" method="post" action="" novalidate="novalidate">

                        <div class="form-group clearfix">
                            <div class="input-group input-format">
                                <span class="input-group-addon"><i class="iconfont icon-user" ></i></span>
                                <input type="text" name="account" class="form-control" placeholder="请输入登录账号" aria-describedby="basic-addon1" maxlength="15">
                            </div>
                            <div class="input-status"></div>
                        </div>

                        <div class="form-group clearfix">
                            <div class="input-group input-format ">
                                <span class="input-group-addon"><i class="iconfont icon-lock"></i></span>
                                <input type="password" id="loginPassword" name="password" class="form-control" placeholder="请输入登录密码" aria-describedby="basic-addon1">
                                <input type="password" id="loginTruePassword" name="truePassword" class="hidden">
                            </div>
                            <div class="clearfix"></div>
                            <div class="input-status"></div>
                        </div>
                        <div class="form-group clearfix">
                            <div class="captchabox input-group input-format">
                                <span class="input-group-addon"><i class="iconfont icon-barcode"></i></span>
                                <input class="form-control"  name="code" placeholder="验证码" autocomplete="off">
                            </div>
                            <div class="f-wsn">
                                <img name="changeCaptcha" class="code" src="{:U('Base/verify',['id'=>1])}">
                                <i name="changeCaptcha" class="iconfont icon-redo"></i>
                            </div>
                            <div class="input-status"></div>
                        </div>
                        <div >
                        <input id="loginButton" type="submit" class="btn btn_primary" value="立即登录">
                        </div>
                        <div class="form-group ff tabbtnwrap clearfix">
                            <span class="tabbtn">没有账号?<a href="#lr-register" data-toggle="tab">马上注册</a></span>
                            <!--<a tabindex="-1" target="_blank" href="#lr-forget" class="forget_password right" data-toggle="tab"><span>忘记密码?</span></a>-->
                        </div>
                    </form>

                </div>
                        <else/>
                        <div id="login_box">
                            <h2 style="text-align: center;">开发者平台</h2>
                            <div class="avator"><img src="__IMG__/ico_user.jpg"></div>
                            <div class="info"><span>{$account}</span>
                                <a href="{:U('User/logout')}"  class="admin">[注销]</a></div>
                            <div class="enter"><a href="{:U('Stats/overview')}">进入管理中心</a></div>
                        </div>
                    </empty>

                    <div class="lrpane tab-pane fade" id="lr-register">
                    <h4 class="title" style="text-align: center;">注册</h4>
                    <form id="regForm" class="form-horizontal" action="" method="post" novalidate="novalidate">
                        <div class="form-group clearfix">
                          <div class="input-group input-format">
                            <span class="input-group-addon"><i class="iconfont icon-user" ></i></span>
                            <input type="text" name="account" class="form-control" placeholder="账号必须是6~15位字符串" value="" aria-describedby="basic-addon1" autocomplete="off" maxlength="15">
                          </div>
                          <div class="input-status"></div>
                        </div>
                        <div class="form-group clearfix">
                          <div class="input-group input-format">
                            <span class="input-group-addon"><i class="iconfont icon-lock"></i></span>
                            <input type="password" id="password" name="password" class="form-control" placeholder="请输入登录密码" value="" aria-describedby="basic-addon1">
                            <input type="password" id="truePassword" name="truePassword" class="hidden">
                          </div>
                          <div class="input-status"></div>
                        </div>
                        <div class="form-group clearfix">
                          <div class="input-group input-format">
                            <span class="input-group-addon"><i class="iconfont icon-lock"></i></span>
                            <input type="password" id="confirmPassword" name="confirmPassword" class="form-control" placeholder="请确认您的登录密码" value="" aria-describedby="basic-addon1">
                          </div>
                          <div class="input-status"></div>
                        </div>
                        <div class="form-group clearfix">
                            <div class="captchabox input-group input-format">
                                <span class="input-group-addon"><i class="iconfont icon-barcode"></i></span>
                                <input class="form-control"  name="code" placeholder="验证码" autocomplete="off">
                            </div>
                            <div class="f-wsn">
                                <img name="changeCaptcha" class="code" src="{:U('Base/verify',['id'=>2])}"> <i name="changeCaptcha" class="iconfont icon-redo"></i>
                            </div>
                            <div class="input-status"></div>
                        </div>

                        <div class="form-group clearfix">
                            <div class="input-group input-format">
                                <input type="checkbox" id="remember" name="remember" checked >
                                <span>我已阅读并接受<a href="{:U('Cooperation/remember')}" target="_blank" style="color: #5A90EE;">《用户注册协议》</a></span>
                            </div>
                            <div class="input-status"></div>
                        </div>

                        <div>
                            <input type="submit" class="btn btn_primary" value="立即注册">
                        </div>
                        <div class="form-group ff tabbtnwrap clearfix">
                            <span class="tabbtn right">已有账号?<a href="#lr-login" data-toggle="tab">马上登录</a></span>
                        </div>
                  </form>
                </div>
            
                </div>
            </div>
            </div>
        </div>
        <div class="news">
            <div class="innerwrap clearfix" >
                <i class="iconfont icon-voice"></i>
                <ul>
                    <li class="open_article">
                        <ul>
                            <volist name="open_article" id="data">
                                    <li style="width:100%">
                                        <span>[平台公告]</span><a href="{:U('Notice/detail',['id'=>$data['id'],'active'=>'notice'])}">{$data['title']}</a>
                                    </li>
                            </volist>
                        </ul>
                    </li>
                    <li class="open_inform" style="width:420px;" >
                        <ul>
                            <volist name="open_inform" id="data">
                                    <li style="width:100%">
                                        <span>[平台通知]</span><a href="{:U('Notice/detail',['id'=>$data['id'],'active'=>'inform'])}">{$data['title']}</a>
                                    </li>
                            </volist>
                        </ul>
                    </li>
                    <li  style="width: 32px;height: 39px;"><span><a href="{:U('Notice/index')}" style="color: #5A90EE; font-weight: bold; font-size:20px; width: 32px;height: 39px;"><i class="iconfont icon-angle_right"></i></a></span></li>
                </ul>
            </div>
        </div>
        <div class="bill">
            <div class="innerwrap">
                <div>
                <a class="download" href="{:U('Document/index',['id'=>85,'pid'=>71])}">
                    <p class="img"><img src="__IMG__/home_download.png" ></p>
                    <p class="txt">SDK下载</p>
                    <p class="btn"><img src="__IMG__/home_btn.png" ></p>
                </a>
                <a class="access" href="{:U('Game/add')}">
                    <p class="img"><img src="__IMG__/home_access.png" ></p>
                    <p class="txt">接入</p>
                    <p class="btn btntxt">开始接入</p>
                </a>
                <a class="guide" href="{:U('Document/index',['id'=>66,'pid'=>67])}">
                    <p class="img"><img src="__IMG__/home_guide.png" ></p>
                    <p class="txt">开发者指南</p>
                    <p class="btn"><img src="__IMG__/home_btn.png" ></p>
                </a>
                </div>
            </div>
        </div>
        <div class="step">
            <div class="innerwrap">
            <h2 class="h2">开发者接入步骤</h2>
            <h5 class="h5">全渠道一站式接入,高分成扶持计划</h5>
            <div class="step_process">
                <img src="__IMG__/step.png" >
            </div>
            </div>
        </div>
        <div class="service">
            <div class="innerwrap">
            <h2 class="h2">开发者服务</h2>
            <h5 class="h5">开放共赢,智能化接入的开发者平台</h5>
            <ul>
                <li><p><img src="__IMG__/service01.png" ></p><h4>数据分析</h4><p>多维度精确统计数据<br/>运营数据实时掌握</p></li>
                <li><p><img src="__IMG__/service02.png" ></p><h4>账号系统</h4><p>为游戏提供顺畅的<br/>注册登录体验</p></li>
                <li><p><img src="__IMG__/service03.png" ></p><h4>SDK系统</h4><p>自有SDK系统,整合支付宝、微信等<br/>多种支付渠道,快速、便捷、放心</p></li>
            </ul>
            <ul>
                <li><p><img src="__IMG__/service04.png" ></p><h4>客服服务</h4><p>12小时客服服务,轻松接入<br/>随时随地解决您所遇到的问题</p></li>
                <li><p><img src="__IMG__/service05.png" ></p><h4>灵活对接</h4><p>全渠道一站式接入,高分成扶<br/>持计划</p></li>
                <li><p><img src="__IMG__/service06.png" ></p><h4>丰厚收益</h4><p>零成本轻松获得优质玩家,助<br/>您轻松获得高收益</p></li>
            </ul>
            </div>
        </div>
        <div class="case">
            <div class="innerwrap">
                <h2 class="h2">合作案例</h2>
                <h5 class="h5">他们都在使用----,同时期待你的加入</h5>
                <div class="marquee">
                    <a class="sPrev" href="javascript:void(0)"></a>
                    <div class="piclist">
                        <ul>
                            <volist name="game" id="vo">
                            <li>
                                <div class="pic"><img src="{:get_cover($vo['icon'],'path')}" /></div>
                                <div class="title">{$vo.game_name}</div>
                            </li>
                            </volist>
                        </ul>
                    </div>
                    <a class="sNext" href="javascript:void(0)"></a>                     
                </div>
            </div>
        </div>

    <script src="__JS__/jquery.SuperSlide.2.1.1.js"></script>
    <script>
        jQuery(".marquee").slide({
            mainCell: ".piclist ul",
            vis: 7,
            prevCell: ".sPrev",
            nextCell: ".sNext",
            delayTime: 400,
            autoPlay: true,
            effect: "leftLoop"
        });

        var regLogin = "";
        // 如果登录有错误

        $(document).ready(function () {

            $(".open_article").slide({mainCell:"ul",autoPage:true,effect:"topLoop",autoPlay:true,vis:1});
            $(".open_inform").slide({mainCell:"ul",autoPage:true,effect:"topLoop",autoPlay:true});

            var href = window.location.href;
//            console.log(regLogin);
            if (regLogin.length > 0) {
                $("#" + regLogin + "Box").modal("show"); // 呼起注册
            } else if (href.indexOf("goUrl") != -1) {
                $("#loginBox").modal("show"); // 呼起登录
            }

            /**
             * 新增验证方法
             */
            $.validator.addMethod("numOrLetter", function (value, element) {
                return this.optional(element) || /^[a-zA-Z0-9_\.]+$/.test(value);
            }, '只能是字母或数字');

            // 登录验证
            $("#loginForm").validate({
                //定义规则
                rules: {
                    account: {
                        required: true,
                        rangelength: [6, 15]
                    },
                    password: {
                        required: true,
                        minlength: 6
                    },
                    code: {
                        required: true,
                        minlength: 4
                    }
                },
                //定义错误消息
                messages: {
                    account: {
                        required: "请输入登录账号",
                        rangelength: "----手游账号必须是6~15位字符串"
                    },
                    password: {
                        required: "请输入登录密码",
                        minlength: '登录密码必须大于6位',
                    },
                    code: {
                        required: "请输入验证码",
                        minlength: "验证码大于4位!"
                    }
                },
                submitHandler: function (form) {
                    $(form).ajaxSubmit(
                        $.ajax({
                            url:"{:U('User/login')}",
                            type:"post",
                            dataType:"json",
                            data:$("#loginForm").serializeArray(),
                            success:function (data) {
                                layer.msg(data.info);
                                if(data.status == 1 && data.url != ""){
                                    window.location.href = data.url;
                                }else{
                                    $(".code").click();
                                }
                            }
                        })
                    );
                }
            });

            // 注册验证
            $("#regForm").validate({
                //定义规则
                rules: {
                    account: {
                        required: true,
                        rangelength: [6, 15],
                        numOrLetter: true,
                    },
                    password: {
                        required: true,
                        minlength: 6
                    },
                    confirmPassword: {
                        required: true,
                        minlength: 6,
                        equalTo: "#password"
                    },
                    code: {
                        required: true,
                        minlength: 4,
                    },
                    remember:{
                        required:true,
                    }
                },
                //定义错误消息
                messages: {
                    account: {
                        required: "请输入登录账号",
                        rangelength: "----手游账号必须是6~15位字符串",
                    },
                    password: {
                        required: "密码不能为空",
                        minlength: "登录密码必须大于6位"
                    },
                    confirmPassword: {
                        required: "两次输入密码不一致!",
                        minlength: "登录密码必须大于6位",
                        equalTo: "两次输入密码不一致!"
                    },
                    code: {
                        required: "请输入验证码",
                        minlength: "验证码大于4位!"
                    },
                    remember:{
                        required:"请勾选用户协议",
                    }
                },
                submitHandler: function (form) {
                    
                        $.ajax({
                            url:"{:U('User/register')}",
                            type:"post",
                            dataType:"json",
                            data:$("#regForm").serializeArray(),
                            success:function (data) {
                                layer.msg(data.info);
                                if(data.status == 1 && data.url != ""){																		setTimeout(function(){
                                    window.location.href = data.url;																		},1500);
                                }else{
                                    $(".code").click();
                                }
                            },error:function() {															layer.msg('服务器故障,请稍后再试');														}
                        })
                    return false;
                }
            });
        });

    </script>
</block>