<?php
/**
 * 云商城样式模板[商品兑换]
 */

if (!defined('IN_CRONLITE')) die();
$title = '商品购买 - ' . $conf['sitename'];
include 'template/cloud/header.php';
?>
<link href="<?php echo $cdnpublic ?>animate.css/3.7.2/animate.min.css" rel="stylesheet">
<link href="<?php echo $cdnpublic ?>limonte-sweetalert2/7.33.1/sweetalert2.min.css" rel="stylesheet">
<link href="<?= $cdnpublic ?>Swiper/4.5.1/css/swiper.min.css" rel="stylesheet">
<style>
    input, select {
        border: none !important;
        border-bottom: solid #f4f4f4 1px !important;
        outline: none !important)
    }

    .swiper-slide {
        text-align: center;
    }

    .swiper-slide img {
        width: auto;
        max-height: 18em;
    }
</style>
<!-- 兑换界面 -->
<div class="content__inner content__inner--sm">
    <div class="card new-contact">

        <div class="swiper-container" style="width: 100%;max-height: 18em;" >
            <div class="swiper-wrapper" id="picture"></div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
        </div>
        <div class="card-body">
            <div class="form-group">
                <div class="input-group">
                    <label class="col-form-label">当前商品</label>
                    <input type="text" id="gootsp" class="form-control"
                           value="" readonly="readonly"
                           style="border-radius: 0.3em;background-color: #fff;center;color:#32c787;font-weight:bold"/>
                    <i class="form-group__bar"></i>
                </div>
            </div>
            <div class="form-group" id="moneys_os" style="display: none">
                <div class="input-group">
                    <label class="col-form-label" id="level">商品价格</label>
                    <input type="text" class="form-control" id="moneys" value=""
                           readonly="readonly" style="border-radius: 0.3em;background-color: #fff"/>
                    <i class="form-group__bar"></i>
                </div>
            </div>
            <div class="form-group" id="points_os" style="display: none">
                <div class="input-group">
                    <label class="col-form-label">货币价格</label>
                    <input type="text" class="form-control" id="points"
                           value=""
                           readonly="readonly" style="border-radius: 0.3em;background-color: #fff"/>
                    <i class="form-group__bar"></i>
                </div>
            </div>
            <div class="form-group" id="repertory" style="display: none">
                <div class="input-group">
                    <label class="col-form-label">剩余份数</label>
                    <input type="text" id="residue" class="form-control" value="" readonly="readonly"
                           style="border-radius: 0.3em;background-color: #fff"/>
                    <i class="form-group__bar"></i>
                </div>
            </div>
            <div id="input_value"></div>
            <div id="matching_msg"
                 style="display:none;box-shadow: 3px 3px 16px #eee;margin-bottom: 1em;padding: 1em;text-align: center"></div>
            <div id="alert_frame" class="alert alert-warning xiaoxuan-tip"
                 style="display: none;background: linear-gradient(to right, rgba(64,250,174,0.79), rgba(33,226,254,0.89)); font-weight: bold; color: white;"></div>
            <div class="btn-group btn-block" id="submit_ste">
                <button type="submit" id="submit"
                        class="btn btn-success" style="width: 80%;background-color: salmon">提交订单
                </button>
                <button type="text" onclick="template.SharePoster($_GET['gid'])"
                        class="btn btn-danger"style="width: 20%;background-color: dodgerblue">分享
                </button>
            </div>
        </div>
    </div>
</div>

<?php include 'template/cloud/bottom.php'; ?>
<script>logo = "<?=$conf['logo']?>"</script>
<script src="<?php echo $cdnpublic ?>limonte-sweetalert2/7.33.1/sweetalert2.min.js"></script>
<script src="<?= $cdnpublic ?>Swiper/4.5.1/js/swiper.min.js"></script>
<script src="<?php echo $cdnserver; ?>assets/js/main.js?var=<?= $accredit['versions'] ?>"></script>
<script src="/template/cloud/template.js?var=<?= $accredit['versions'] ?>"></script>
<!-- 结束 -->
</body>
</html>
