@extends('layouts.home')
@section('title', '雅菲壁布-奖品领取平台')
@section('style')
    <style>
        .x-body{
            min-height: 500px;
        }
        .input_line{
            border-bottom: 1px solid #000;
            margin-left: 4px;
        }
        .input_line input{
            border:none;
        }
        .x-body .label_wx{
            text-align: left;
        }
        .x-body .layui-form-item .wx_box_input {
            display: block;
            float: none;
            left: -3px;
            width: auto;
            margin: 0 0 0px 96px!important;
        }
        .layui-inpu{
            width: 90% !important;
            margin-left: 20px!important;
            height: 33px!important;
            font-size: 16px!important;
            background: #fff;
            padding-bottom: 7px;
        }
        .text_font{
            height: 45px!important;
            border:none!important;
        }


        .total p{
            color: #000;
        }
    </style>
@endsection
@section('body')
    <div class="x-body">
        <div style="width: 1200px">
            <img src="/images/yf.jpg" alt="" style="position:fixed;
  top: 0;
  left: 0;
  width:100%;
  height:120px">
        </div>
        <div style="height:40px;margin-top: 180px">
            <p style="text-align: center;line-height:40px;">请至雅菲服务台领取</p><br>
            <p style="text-align: center;margin-top: -30px">每微信仅限领取一次</p><br>
            <a onclick="do_out()" href="javascript:void(0)"><p style="text-align: center;color: red">点 击 领 取</p></a>
        </div>
    </div>
    <div style="margin-bottom: 0px;position: fixed;height: 100px;width: 100%;bottom: 0;">
        <p style="text-align: center;color: #999999;font-size: 16px;">
            梦想还是要有的，万一实现了呢<br>
            详细请咨询雅菲壁布展馆服务台
        </p>
    </div>

    <script>
        layui.use(['form','layer'], function(){
            $ = layui.jquery;
            var layer = layui.layer;
            //监听提交
            //执行

        });
        function do_out(){
            layer.confirm('确认领取吗',function(index){
                $.get("/YFTop", function (res) {
                    // 发异步，把数据提交给php
                    if (res) {
                        //发异步把用户状态进行更改
                            location.href = res;
                    } else {
                        layer.alert(res.msg, {icon: 5});
                    }
                });
            });
        }
    </script>

@endsection