// let category_dom = $(".category_id");
// console.log(category_dom);
// if (category_dom.length > 0) {
//     category_dom.off().on("change",function () {
//         changeUser($(this).val());
//     })
// }

let dom = $('.specification_id');
let tagName = 'select';
if (dom.length > 0) {
    tagName = dom[0].tagName.toLowerCase();
    if (tagName === 'select') {
        dom.off().on("change",function () {
            getGoodsSpecificationItems($(this).val());
        });
    }
}

/**
 * 获取规格明细
 *
 * @param specification_id
 * @returns {boolean}
 */
function getGoodsSpecificationItems(specification_id)
{
    let type = $(".user_type").val();
    $.ajax({
        url: "/api/goods-specifications/"+specification_id +"/items",
        type: "get",
        success: function (res) {
            // console.log(res)
            let code = res.code;
            if (code == 0) {
                let data = res.data;
                console.log(data);
                let html  = '';
                let td_html = '';
                $(data).each(function (i, e) {
                    html += '<th>'+ e.attribute_name+'（'+e.attribute_description+'）</th>';
                    let value = e.attribute_values;
                    td_html += '<td><select class="form-control attribute_value" name="attribute_value[]" placeholder="输入 价格" required="1">';
                    $(value).each(function (j, v) {
                        td_html += '<option value="'+v.id+'">'+v.value+'</option>';
                    });
                    td_html +='</select></td>';
                })
                console.log(td_html);
                // 重新渲染房间列表
                $('#sku_thead_tr').prepend(html);
                $('#sku_tbody_tr_1').prepend(td_html);
            }
        }
    });
}

$(".has-many-rooms-form").each(function (i, e) {
    let dom_room = $(e).find('.room_id');
    changeUserRoom(dom_room);

});

$(document).on('change', '.room_id',function () {
    changeUserRoom($(this));
});

/**
 *
 * @param dom
 * @returns {boolean}
 */
function changeUserRoom(dom)
{
    let room_id = dom.val();
    console.log("room_id:" + room_id);
    if (!room_id) {
        return false;
    }

    $.ajax({
        url: "/api/rooms/"+room_id + '/lock',
        type: "get",
        success: function (res) {
            let code = res.code;
            if (code == 0) {
                let data = res.data;
                dom.closest('.has-many-rooms-form').find('.form-control-plaintext').text(data.unlock_way_zh)

                let unlock_way = data.unlock_way;

                // 判断是否有 密码和卡片开锁的方式，如果有则显示，没有怎不展示
                let query = false;
                if (in_array(1, unlock_way)) {
                    dom.closest('.has-many-rooms-form').find('.password-show').closest('.form-group ').show();
                    query = true;
                } else {
                    dom.closest('.has-many-rooms-form').find('.password-show').closest('.form-group ').hide();
                }

                if (in_array(3, unlock_way)) {
                    dom.closest('.has-many-rooms-form').find('.card-show').closest('.form-group ').show();
                    query = true;
                } else {
                    dom.closest('.has-many-rooms-form').find('.card-show').closest('.form-group ').hide();
                }

                if (query === true) {
                    // 获取用户的id
                    let user_id = $('.user_id').val();
                    getPasswordsAndCards(dom, user_id, room_id)
                }

                // console.log(data)
                //
                // let unlock_way_password = data.unlock_way_password;
                // if (unlock_way_password == 1) {
                //
                // }
                // console.log(data)
            }
        }
    });
}

/**
 * 获取密码和卡片信息
 */
function getPasswordsAndCards(dom, user_id, room_id)
{
    $.ajax({
        url: "/admin/user/lock?room_id="+room_id + '&user_id='+user_id,
        type: "get",
        success: function (res) {
            let status = res.status;
            if (status == 0) {
                let passwords = res.passwords;
                // console.log(passwords)
                let html_password = '';
                if (passwords && passwords.length > 0) {
                    $(passwords).each(function (ii, password) {
                        html_password += '<div class="user-item" id="password_'+password.id +'">';
                        html_password += createPassword(password);
                        html_password += '</div>';
                    });
                } else {
                    html_password = "<a class='btn btn-sm btn-success' href='javascript:;' onClick='showPasswordPage(this, 0)'>设置密码</a>";
                }
                // if (!passwords || passwords.length < 2) {
                //     html_password += "<a class='btn btn-sm btn-success' href='javascript:;' onClick='showPasswordPage(this, 0)'>设置密码</a>";
                // }
                console.log(html_password)
                dom.closest('.has-many-rooms-form').find('.password-show').html(html_password)

                let cards = res.cards;
                let html_card = '';
                if (cards && cards.length > 0) {
                    $(cards).each(function (iii, card) {
                        // console.log(card);
                        html_card += '<div class="user-item" id="card_'+card.id +'">';
                        html_card += createCard(card);
                        html_card += '</div>';
                    });
                } else {
                    html_card = "<a class='btn btn-sm btn-success' href='javascript:;' onClick='showCard(this, 0)'>设置卡片</a>";
                }
                // if (!cards || cards.length < 2) {
                //     html_card += "<a class='btn btn-sm btn-success' href='javascript:;' onClick='showCard(this, 0)'>设置卡片</a>";
                // }
                dom.closest('.has-many-rooms-form').find('.card-show').html(html_card)

                //
                // let unlock_way_password = data.unlock_way_password;
                // if (unlock_way_password == 1) {
                //
                // }
                // console.log(data)
            }
        }
    });
}

function createPassword(password)
{
    let html = '<div><label>密码类型：</label><span>'+password.type_zh+'</span></div>';
    html += '<div><label>密码：</label><span>******<a href="javascript:;" class="ml-2" onclick="showPasswordPage(this, '+password.id+')"> 修改 </a></span></div>';
    html += '<div style="white-space: nowrap"><label>有效期：</label><span style="white-space: nowrap">'+password.enabled_at_show+' 到 ' + password.expired_at_show + '</span></div>';
    html += '<div><label>状态：</label><span>'+password.status_zh_color+'</span></div>';
    return html;
}

function createCard(card)
{
    let html = '<div><label>卡片类型：</label><span>'+card.type_zh+'</span></div>';
    html += '<div><label>卡号：</label><span>'+card.card_number+'<a href="javascript:;" class="ml-2" onclick="showCard(this, '+card.id+')"> 修改 </a></span></div>';
    html += '<div style="white-space: nowrap"><label>有效期：</label><span style="white-space: nowrap">'+card.enabled_at+' 到 ' + card.expired_at + '</span></div>';
    html += '<div><label>状态：</label><span>'+card.status_zh_color+'</span></div>';
    return html;
}