<?php
session_start();
include 'config.php';

// 生成唯一的订单号
$order_id = uniqid();
?>

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>账号充值</title>
    <link rel="stylesheet" href="/static1/css/layui.css">
    <link rel="stylesheet" href="/static1/css/main.css">
    <link rel="shortcut icon" href="/assets/style/favicon.ico" />
    <link href="/static1/css/style.css" type="text/css" rel="stylesheet">
    <script type="text/javascript" src="/static1/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="/static1/js/layui.js"></script>
    <script type="text/javascript">
        $(function () {
            // 刷新验证码
            function refresh() {
                $('.captcha-img').attr('src', '/captcha.php?t=' + Math.random());
            }
            $('.captcha-img').click(refresh);

            // 拦截表单提交事件
            $('form').on('submit', function (e) {
                e.preventDefault(); // 阻止表单默认提交行为

                // 获取表单数据
                var order_id = $('input[name="order_id"]').val();
                var email = $('input[name="email"]').val();
                var zhanghao = $('input[name="zhanghao"]').val();
                var jin = $('input[name="jin"]').val();
                var img_verify_code = $('input[name="img_verify_code"]').val();
                var payway = $('input[name="payway"]').val();

                // 构造URL
                var url = 'dingdan1.php?order_id=' + encodeURIComponent(order_id) +
                           '&email=' + encodeURIComponent(email) +
                           '&zhanghao=' + encodeURIComponent(zhanghao) +
                           '&jin=' + encodeURIComponent(jin) +
                           '&img_verify_code=' + encodeURIComponent(img_verify_code) +
                           '&payway=' + encodeURIComponent(payway);

                // 跳转到dingdan1.php
                window.location.href = url;
            });
        });
    </script>
</head>
<body>
    <div class="top">
        <header></header>
        <ul class="ultop">
            <li><a href="/" class="curr">首页</a></li>
            <li class="ut-item"><a href="/user.php" target="_blank">会员端</a></li>
            <li class="ut-item"><a href="/ag.php" target="_blank">管理端</a></li>
            <li><a href="javascript:;" id="online-service-btn">在线客服</a></li>

<div id="kefu-data" style="display:none;"><?= $web_row['kefu'] ?></div>
        </ul>
    </div>
    <main>
        <div class="main">
            <div class="layui-row">
                <div class="layui-col-md8 layui-col-md-offset2 layui-col-sm-12">
                    <div class="main-box">
                        <form class="layui-form layui-form-pane" action="dingdan1.php" method="post">
                            <input type="hidden" name="order_id" value="<?php echo $order_id; ?>">
                            <div class="layui-col-md8 layui-col-sm-12">
                                <div class="goods-msg">
                                    <div class="goods-name">
                                        <span>账号充值</span>
                                    </div>
                                    <div class="entry">
                                        <span class="l-msg">邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱：</span>
                                        <label class="input">
                                            <input type="text" name="email" required lay-verify="required|email" placeholder="填写你的邮箱">
                                        </label>
                                    </div>
                                    <div class="entry">
                                        <span class="l-msg">初始账户：</span>
                                        <label class="input">
                                            <input type="text" name="zhanghao" required lay-verify="required" placeholder="填写你的初始账户">
                                        </label>
                                    </div>
                                    <div class="entry notSelection">
                                        <span class="l-msg">充值金额：</span>
                                        <label class="input">
                                            <input class="text" name="jin" id="orderNumber" required lay-verify="required|order_number" type="number" placeholder="填写你要充值的金额">
                                        </label>
                                    </div>
                                    <div class="entry code">
                                        <span class="l-msg">验&nbsp;&nbsp;证&nbsp;&nbsp;码：</span>
                                        <label class="input">
                                            <input type="text" name="img_verify_code" required lay-verify="required" placeholder="请输入验证码">
                                        </label>
                                        <img class="captcha-img" src="/captcha.php?t=<?php echo time(); ?>" alt="验证码" onclick="this.src='/captcha.php?t='+Math.random()">
                                    </div>
                                    <div class="pay notSelection">
                                        <input type="hidden" name="payway" lay-verify="payway" value="23">
                                        <div class="pay-type pay-select" data-type="epusdt" data-id="23" data-name="【推荐】USDT[trc20] 汇率6.8">
                                            <span>USDT 支付</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-sm-12 buy" style="text-align: center">
                                <button type="submit" style="width: 80%;border-radius: 3px;background: #19805c;">
                                    <span>下一步</span>
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <div class="main">
            <div class="layui-row">
                <div class="layui-col-md8 layui-col-md-offset-2 layui-col-sm-12">
                    <div class="main-box">
                        <div class="intro" style="word-wrap: break-word;">
                            <p>              <span style="font-size: 14pt;"><strong>注意事项</strong></span></p>
                            <p><span style="font-size: 14pt;"><strong>请务必填写<span style="color: #e03e2d;">初始账号</span>，</strong></span></p>
                            <p><span style="font-size: 14pt;"><strong>不然自动充值会失败。</strong></span></p>
                            <p><span style="font-size: 14pt;"><strong>当前分数为不加成分数</span>，</strong></p>
                            <p><span style="font-size: 14pt;"><strong>加成自动以当前分数计算。</strong></span></p>
                            <p><span style="font-size: 12pt;"><strong>务必使用<span style="color: #e03e2d;">TRC20链名</span>称充值<span style="color: #e03e2d;">USDT</span>，</strong></span></p>
                            <p><span style="font-size: 12pt;"><strong>否则掉失找不回！<br /></strong></span></p>
                            <p><span style="font-size: 12pt;"><strong> </strong></span></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <div class="foothp">如果您下载APP或使用本网站遇到任何问题，<a href="#" target="_blank" rel="nofollow" id="systemreq">请点击帮助</a>。</div>
    <script>let stock = 952026264, limitNum = 0;</script>
    <style>
        body {
            position: inherit !important;
            margin: 0;
            padding: 0;
        }
        body > div.skiptranslate:first-child {
            display: none;
        }
        .goog-te-banner-frame.skiptranslate {
            display: none !important;
        }
        #goog-gt-tt {
            display: none !important;
        }
    </style>
    <script type="text/javascript" src="/static1/js/layui.js"></script>
    <script type="text/javascript" src="/static1/js/main.js"></script>
    <script src="/static1/js/jquery.min.js"></script>
    <script src="/static1/js/gt.js"></script>
    <link rel="stylesheet" href="/static1/css/viewer.min.css">
    <script src="/static1/js/viewer.min.js"></script>
    <script type="text/javascript">
$(document).ready(function() {
    // 监听“在线客服”点击事件
    $('#online-service-btn').on('click', function() {
        // 1. 从隐藏容器中获取后台设置的文字
        var content = $('#kefu-data').text();
        
        if (!content || content.trim() === "") {
            content = "客服维护中，请稍后再试";
        }

        // 2. 调用页面已有的 Layui 组件进行弹窗
        layui.use('layer', function(){
            var layer = layui.layer;
            layer.open({
                title: '联系客服',
                // 将换行符替换为网页的 <br/> 标签，保证格式正确
                content: content.replace(/\n/g, '<br/>'),
                btn: ['我知道了'],
                area: ['300px', 'auto'],
                shadeClose: true, // 点击遮罩层也可以关闭
                skin: 'layui-layer-molv' // 使用自带的墨绿皮肤，更醒目
            });
        });
    });
});
</script>
</body>
</html>