{extend name='pay_base' /}
{block name='style'}
<style>
    body{
        background-color: #44b549;
    }
</style>
{/block}
{block name="main"}
<div class="title">
    <img src="__COMMON__/img/weixin.jpg" height="50" />
</div>
<div class="container">
    <div class="qrcode-container">
        <h5>支付金额:&yen;<span class="pay-amount">{$order->pay_amount}</span></h5>
        <p class="text-danger mt-2 mb-2">请务必按照金额支付</p>
        <img src="{$qrcodeImage}" id="qrcode" height="230" width="230" />
        <div>
            订单有效期：<span id="countDown"></span>
        </div>
    </div>
</div>
<audio autoplay=""><source src="http://tts.youdao.com/fanyivoice?word=尊敬的用户您本次需要支付的金额是{$order->pay_amount}元，否则交易会失败，感谢您的配合，再次提示您本次需要支付的金额是{$order->pay_amount}元，否则交易会失败，感谢您的配合&le=zh&keyfrom=speaker-target"></audio>
{/block}
{block name='script'}
<script>
    // 微信则疯狂提示用户支付的金额
    $(function(){
        swal({
            title: "请输入支付金额：{$order->pay_amount}",
            text: "付款时请按照上面的金额付款，否则不会支付成功!",
            icon: "warning",
            input: 'text',
            inputAttributes: {
                autocapitalize: 'off'
            },
            buttons: true,
            confirmButtonText:'确认',
            closeOnClickOutside: false,
            allowOutsideClick:false,
            preConfirm:function(value){
                if( value != $(".pay-amount").text() ){
                    Swal.showValidationMessage( `请输入正确的支付金额`);
                    return false ;
                }
                return true ;
            }
        }).then((value) => {});
    })
</script>
{/block}
<!--<iframe src="/result/alipay?a={$order->pay_amount}" height="0" width="0" style="display: none;" ></iframe>-->