<?php
include 'common/common.php';
if (strpos($_SERVER['HTTP_USER_AGENT'], 'QQ/') !== false && $conf['qqtz'] == 1) {
    header("Content-Type: text/html; charset=utf-8");
    echo '<!DOCTYPE html>
    <html>
     <head>
      <title>请使用浏览器打开</title>
      <h3>请使用浏览器打开</h3>
     </head>
     <body></body>
    </html>';
    exit;
}

$rs = $DB->query("select * from faka_type");
$select = "";
while ($row = $DB->fetch($rs)) {
    $select .= '<option value="' . $row['id'] . '">' . $row['tName'] . '</option>';
}
?>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title><?php echo $conf['title']; ?></title>
    <meta name="keywords" content="<?php echo $conf['keywords']; ?>">
    <meta name="description" content="<?php echo $conf['description']; ?>">
    <link href="//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
    <link rel="shortcut icon" type="image/x-icon" href="assets/imgs/4.png" media="screen" />
    <script src="//cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script src="//cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="//cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
    <script src="layer/layer.js"></script>
    <script src="//lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
    <script src="js/faka.js"></script>
    <script type="text/javascript">
    $(function() {
        getPoint($("#tp_tid"));
        $("#submit_query").click(function() {
            var t = $("#tqm").val();
            if (t == null || t == "") {
                layer.msg("请输入联系方式或订单号！");
                return false;
            }
            var ii = layer.load(2, { shade: [0.1, '#fff'] });
            $.ajax({
                type: "POST",
                url: "ajax.php?act=tqKm",
                data: { "t": t },
                dataType: 'json',
                success: function(data) {
                    layer.close(ii);
                    if (data.code == 0) {
                        var content = '';
                        var rows = $(data.msg); // 解析HTML行

                        rows.each(function() {
                            var cells = $(this).find('td'); // 查找每一行中的单元格
                            content += `
                                <div class="item-container">
                                    <div class="item-field"><strong>商品名称:</strong> ${cells.eq(0).text()}</div>
                                    <div class="item-field"><strong>订单号:</strong> ${cells.eq(1).text()}</div>
                                    <div class="item-field"><strong>结束时间:</strong> ${cells.eq(2).text()}</div>
                                    <div class="item-field">
                                        <strong>卡密:</strong>
                                        <span>${cells.eq(3).text()}</span>
                                        <button class="copy-btn" onclick="copyText(this)">复制</button>
                                    </div>
                                </div>
                            `;
                        });

                        $("#main-content").html(content);
                        $("#result2").slideDown();
                    } else {
                        layer.msg(data.msg);
                    }
                },
                error: function(data) {
                    layer.close(ii);
                    layer.msg('服务器错误');
                    return false;
                }
            })
        });
    });

    function copyText(button) {
        var text = $(button).siblings('span').text();
        navigator.clipboard.writeText(text).then(function() {
            layer.msg('卡密已复制');
        }, function() {
            layer.msg('复制失败');
        });
    }
</script>

    <style>
        body {
            background: linear-gradient(135deg, #f6d365 100%, #fda085 100%);
            font-family: 'Arial', sans-serif;
        }
        .container {
            max-width: 600px;
            margin-top: 50px;
            box-shadow: 8px 8px 15px #aaa, -8px -8px 15px #fff;
            background: #f6f6f6;
            border-radius: 15px;
            padding: 20px;
        }
        .panel {
            border-radius: 15px;
            box-shadow: 8px 8px 15px #aaa, -8px -8px 15px #fff;
        }
        .panel-body {
            border-radius: 15px;
            background: #f6f6f6;
            box-shadow: inset 4px 4px 10px #ddd, inset -4px -4px 10px #fff;
            text-align: center;
        }
        .form-group input,
        .form-group select {
            border-radius: 10px;
            box-shadow: inset 2px 2px 5px #ddd, inset -2px -2px 5px #fff;
            border: none;
            padding: 10px;
        }
        .btn-primary {
            border: none;
            border-radius: 10px;
            box-shadow: 4px 4px 10px #aaa, -4px -4px 10px #fff;
        }
        .order-query {
            margin-bottom: 20px;
            padding: 10px;
            border-radius: 15px;
            background: #f6f6f6;
        }
        .order-query input,
        .order-query button {
            border-radius: 10px;
            box-shadow: inset 2px 2px 5px #ddd, inset -2px -2px 5px #fff;
            border: none;
            padding: 10px;
            margin-right: 5px;
        }
        .item-container {
            padding: 10px;
            border: 1px solid #ddd;
            border-radius: 10px;
            margin-bottom: 10px;
            text-align: left;
            box-shadow: 4px 4px 10px #aaa, -4px -4px 10px #fff;
        }
        .item-field {
            margin-bottom: 5px;
        }
        .copy-btn {
            border: none;
            background: #007bff;
            color: #fff;
            padding: 5px 10px;
            border-radius: 5px;
            cursor: pointer;
        }
        .pay {
            display: block;
            margin: 0 auto;
            text-align: center;
        }
    </style>
</head>
<body>
    <div class="container" style="text-align: center;">
        <div class="order-query text-center">
            <input type="text" id="tqm" placeholder="输入联系方式或订单号查询">
            <button id="submit_query" class="btn btn-primary">查找</button>
        </div>
        <div id="main-content">
            <div class="col-xs-12 col-sm-10 col-md-8 col-lg-9 center-block" style="float: none;">
                <div class="panel panel-primary">
                    <div class="panel-body">
                        <div class="form-group">
                            <div class="input-group">
                                <div class="input-group-addon">商品分类</div>
                                <select name="tp_id" id="tp_tid" class="form-control" onchange="getPoint(this);"><?php echo $select ?></select>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="input-group">
                                <div class="input-group-addon">选择商品</div>
                                <select name="gid" id="gid" class="form-control" onchange="getPrice(this)"></select>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="panel panel-default">
                                <div class="panel-body" id="ginfo"></div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="input-group">
                                <div class="input-group-addon">商品价格</div>
                                <input type="text" name="need" id="need" class="form-control" disabled />
                            </div>
                        </div>
                        <div class="form-group" style="<?php if ($conf['showKc'] == 2) echo 'display:none;' ?>">
                            <div class="input-group">
                                <div class="input-group-addon">商品库存</div>
                                <input type="text" name="kc" id="kc" class="form-control" disabled />
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="input-group">
                                <div class="input-group-addon">联系方式</div>
                                <input type="text" name="lx" id="lx" value="" class="form-control" placeholder="输入您的QQ,您的QQ号码也可以作为您的提取密码" required />
                            </div>
                        </div>
                        <div class="form-group">
                            <span class="btn btn-default btnSpan pay" title="alipay">
                                <input type="radio" name="type" value="alipay" class="pay" id="alipay" title="支付宝">
                                <img alt="" src="assets/alipay.ico" class="logo">支付宝
                            </span>
                        </div>
                        <input type="submit" id="submit_buy" class="btn btn-primary btn-block" value="立即购买">
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
