{extend name='user/layout_sidebar'/}

{block name='page_title'}{:lang('withdrawal')}{/block}

{block name='content'}
    <div class="wntheme-cont-right wntheme-tabs-item">
        <div class="wntheme-rb-head wntheme-hidden-xs clearfix">
            <h2 class="wntheme-rb-title">{:lang('withdrawal')}</h2>
        </div>
        <div class="wntheme-rb-head wntheme-head-page clearfix">
            <div class="wntheme-rb-title wntheme-site-tabs wntheme-site-tits wntheme-text-site wntheme-tabs">
                <a class="wntheme-tabs-btn active" href="javascript:void(0)">{:lang('withdrawal_application')}</a>
                <a class="wntheme-tabs-btn" href="javascript:void(0)">{:lang('withdrawal_record')}</a>
            </div>
        </div>
        <div class="wntheme-cont-list wntheme-tabs-box" style="display:block">
            <div class="wntheme-list-wrap">
                <form id="fm" name="fm" method="post" action="">
                    <p><span>{:lang('bank_name')}</span><input type="text" name="cash_bank_name" placeholder="{:lang('bank_name_or_alipay_wechat')}" value=""></p>
                    <p><span>{:lang('bank_account')}</span><input type="text" name="cash_bank_no" placeholder="{:lang('bank_card_number_or_alipay_wechat_account')}" value=""></p>
                    <p><span>{:lang('payee_name')}</span><input type="text" name="cash_payee_name" placeholder="{:lang('payee_name_and_corresponding_account')}" value=""></p>
                    <p><span>{:lang('withdrawal_amount')}</span><input type="text" name="cash_money" placeholder="{:lang('withdrawal_amount')}" value=""></p>
                    <p class="wntheme-text-muted tip">{:lang('note')}: 1{:lang('yuan')} = {$GLOBALS['config']['user']['cash_ratio']}{:lang('points')}，{:lang('minimum_withdrawal_amount')}: {$GLOBALS['config']['user']['cash_min']}{:lang('yuan')}，{:lang('remaining_points')}: {$GLOBALS['user']['user_points']}{:lang('points')}，{:lang('equivalent_to')}: {$GLOBALS['user']['user_points']/$GLOBALS['config']['user']['cash_ratio']}{:lang('yuan')}；{:lang('frozen_points')}: {$GLOBALS['user']['user_points_froze']}{:lang('points')}，{:lang('equivalent_to')}: {$GLOBALS['user']['user_points_froze']/$GLOBALS['config']['user']['cash_ratio']}{:lang('yuan')}；</p>
                    <input type="button" id="btn_submit" class="wntheme-btn-submit wntheme-bg-wntheme" value="{:lang('submit_application')}">
                </form>
            </div>
        </div>
        <div class="wntheme-tabs-box" style="display:none">
            <ul class="wntheme-data-list wntheme-orders-list clearfix">
                {volist name="list" id="vo"}
                <li class="wntheme-data-item">
                    <div class="wntheme-item-content">
                        <p class="wntheme-lc-1">
                            <span class="wntheme-item-watch">{:lang('withdrawal_amount')}：<em class="wntheme-text-wntheme">¥{$vo.cash_money}</em></span><span><i class="wn-iconfont wntheme-icon-jifen"></i>{:lang('points')}：<em class="wntheme-text-wntheme">-{$vo.cash_points}</em></span>
                        </p>
                        <p class="wntheme-lc-1">{:lang('status')}：{if condition="$vo.cash_status eq '1'"}{:lang('approved')}{else/}{:lang('unapproved')}{/if}</p>
                        <p class="wntheme-lc-1">{:lang('time')}：{$vo.cash_time|date='Y-m-d H:i',###}</p>
                    </div>
                    {if($wntheme.allow_delete_user_records)}
                    {if condition="$vo.order_status eq 0"}
                    <a class="wntheme-btn-del wntheme-btn-order wntheme-btn-border" href="javascript:;" onclick="delData({$vo.cash_id},0)">{:lang('delete')}</a>
                    {/if}
                    {/if}
                </li>
                {/volist}
            </ul>
            {if $__PAGING__.record_total==0}
            <div class="wntheme-empty-wrap wntheme-text-center wntheme-col-xs-12">
                <i class="wn-iconfont wntheme-icon-wushuju"></i>
                <p>{:lang('no_record')}</p>
            </div>
            {/if}
            {include file="user/paging"}
        </div>
    </div>
{/block}

{block name='footer_scripts'}
    <script>
        {if ($wntheme.allow_delete_user_records)}
        function delData(ids, all) {
            var msg = "{:lang('delete')}";
            if (all == 1) {
                msg = "{:lang('clear')}";
            }
            if (confirm("{:lang('confirm_delete')} " + msg + " {:lang('record')} ?")) {
                $.post("{:url('user/cash_del')}", {ids: ids, all: all}, function (data) {
                    if (data.code == '1') {
                        alert("{:lang('delete_success')}");
                        location.reload();
                    } else {
                        alert("{:lang('delete_fail')}：" + data.msg);
                    }
                }, 'json')
            }
        }
        {/if}
        $("#btnClear").click(function () {
            delData('', 1);
        });
        $("#btnDel").click(function () {
            var ids = MAC.CheckBox.Ids('ids[]');
            if (ids == '') {
                alert("{:lang('select_data')}");
                return;
            }
            delData(ids, 0);
        });
        $("#btn_submit").click(function () {
            var cash_bank_name = $('input[name="cash_bank_name"]').val();
            if (cash_bank_name == '') {
                alert("{:lang('enter_bank_name')}");
                return;
            }
            var cash_bank_no = $('input[name="cash_bank_no"]').val();
            if (cash_bank_no == '') {
                alert("{:lang('enter_bank_account')}");
                return;
            }
            var cash_payee_name = $('input[name="cash_payee_name"]').val();
            if (cash_payee_name == '') {
                alert("{:lang('enter_payee_name')}");
                return;
            }
            var cash_money = $('input[name="cash_money"]').val();
            if (cash_money == '') {
                alert("{:lang('enter_withdrawal_amount')}");
                return;
            }

            var data = $("#fm").serialize();
            $.ajax({
                url: "{:url('user/cash')}",
                type: "post",
                dataType: "json",
                data: data,
                beforeSend: function () {
                    $("#btn_submit").css("background", "#fd6a6a").val("{:lang('loading')}");
                },
                success: function (r) {
                    alert(r.msg);
                    if (r.code == 1) {
                        location.href = "{:mac_url('user/cash')}";
                    }
                },
                complete: function () {
                    $("#btn_submit").css("background", "#fa4646").val("{:lang('submit')}");
                }
            });
        });
    </script>
{/block}