/**
 * [购物流程]结算页
 * @author: xuqi<qi.xu@yoho.cn>
 * @date: 2016/7/8
 */

var $ = require('yoho-jquery'),
    lazyLoad = require('yoho-jquery-lazyload');

var minusPlus = {
    minus: '&#xe630;',
    plus: '&#xe639;'
};

var $coin = $('#input-coin'),
    $coinTip = $('#coin-tip'),
    $coinSure = $('#coin-sure'),
    $coinUsed = $('#coin-used'),
    $coinDeduction = $('#coin-deduction'),
    coinMax = +$coin.data('max'),
    coinStatus = {
        err: '请输入一个正整数',
        max: '您的有货币不足',
        success: '抵扣￥',
        maxUse: '您最多使用',
        muPostfix: '个有货币'
    };
var $balanceCost = $('#balance-cost'),
    $balanceCoin = $('#balance-coin');

require('../plugins/check'); // before 地址和发票

require('./order/address'); // 地址
require('./order/invoice'); // 发票

lazyLoad($('img.lazy'));

// JIT拆单
$('.show-package').click(function() {
    $('.package-list').toggleClass('hide');
});

// 有货币、备注切换显示
$('.coin-ctrl, .remark-ctrl').click(function() {
    var $this = $(this),
        $icon = $this.hasClass('iconfont') ? $this : $this.siblings('.iconfont');

    if ($icon.hasClass('minus')) {

        // hide panel
        $icon.html(minusPlus.plus).removeClass('minus');
    } else {

        // show panel
        $icon.html(minusPlus.minus).addClass('minus');
    }

    $this.parent('.title').siblings('.content').toggleClass('hide');
});

// 使用有货币输入框联动
$coin.on('input', function() {
    var c = $.trim($coin.val());
    var err = true;

    if (c === '') {

        // 输入框为空，确定按钮不可点
        $coinTip.addClass('vhide');
        $coinSure.addClass('disable');
        return;
    } else if (!/^[1-9]\d*$/.test(c)) {

        // 验证输入不为正整数
        $coinTip.text(coinStatus.err);
    } else if (+c > coinMax) {

        // 有货币不足
        $coinTip.text(coinStatus.max);
    } else if (+c > $balanceCost.data('cost') * 100) {

        // 输入的有货币大于订单额度
        $coinTip.text(coinStatus.maxUse + ($balanceCost.data('cost') * 100) + coinStatus.muPostfix);
    } else {
        err = false;
        $coinTip.text(coinStatus.success + (c / 100).toFixed(2));

        // 已使用面板的数据显示更新
        $coinUsed.html(c);
        $coinDeduction.html((c / 100).toFixed(2));
    }

    if (err) {
        $coinSure.addClass('disable');
        $coinTip.removeClass('vhide');
    } else {
        $coinSure.removeClass('disable');
        $coinTip.addClass('vhide');
    }
});

/**
 * 切换使用有货币面板显示
 */
function toggleCoinPanel() {
    $('.using-coin, .used-coin').toggleClass('hide');
}

function compute(coin) {
    $.ajax({
        type: 'GET',
        url: '/shopping/order/compute',
        data: {
            coin: coin
        }
    }).then(function(data) {
        var usedCoin,
            cost;

        if (data.code === 200) {
            usedCoin = data.data.use_yoho_coin;
            cost = data.data.last_order_amount;

            $balanceCost.children('em').text(cost);
            $balanceCoin.text(usedCoin);
        }
    });
}

$coinSure.click(function() {
    var coin;

    if ($coinSure.hasClass('disable')) {
        return;
    }

    // 切换显示
    coin = $coinUsed.text();
    compute(coin === '' ? 0 : parseInt(coin, 10)); // 使用parseInt可以排除异常情况的转化影响

    toggleCoinPanel();
});

$('.used-coin').on('click', '.modify', function() {
    toggleCoinPanel();
}).on('click', '.cancel', function() {
    $coin.val('').trigger('input');

    // reset used coin panel show
    $coinUsed.html('0');
    $coinDeduction.html('0');

    compute(0);

    // 隐藏有货币面板并重置子面板显示
    $('.coin-ctrl.iconfont').trigger('click');
    toggleCoinPanel();
});

// 添加备注-是否打印价格
$('.print-price-radio').check({
    type: 'radio',
    group: 'print-price'
});