let dom = $('.key');
changeKey(dom.val());
let tagName = 'select';
if (dom.length > 0) {
    dom.off().on("change", function () {
        changeKey($(this).val());
    });
}




/**
 * 用户选择功能
 *
 * @param key
 * @returns {boolean}
 */
function changeKey(key)
{
    // if (!key) {
    //     toastr.error("请选择参数！");
    //     return false;
    // }
    if (key) {
        $.ajax({
            url: "/admin/system-config/"+key,
            type: "get",
            success: function (res) {
                console.log(res);
                let type = res.type;
                // switch (type) {
                //     case 'single_select':
                //         $('.parameter_value').show();
                //         break;
                //     case 'single_multiple_select':
                //         $('.parameter_value').hide();
                //         break;
                // }
                $(".type").val(type);
            }
        });
    } else {
        // $('.parameter_value').hide();
    }
}

/**
 * 展示房屋页面
 */
function showRoomPage(e, id, tenant_id = 0, user_type)
{
    let user_id = $(e).closest('.form-horizontal').find('.user_id').val();
    if (tagName === 'select') {
        user_id = $(e).closest('.form-horizontal').find('.user_id').select2("val");
    }
    // console.log(user_id)
    let msg = "请先选择租客，再添加房间！";
    if (user_type === 'landlord') {
        msg = "请先选择房东，再添加房间！";
    }
    if (!tenant_id && !user_id) {
        toastr.error(msg);
        return false;
    }
    let title = '添加房间';
    if (id) {
        title = '修改房间';
    }
    let url = '/admin/user/room?id='+id +'&user_id='+user_id +"&user_type=" +user_type +"&tenant_id="+tenant_id;
    layer_iframe(url,title,2,0.8,['700px'], true, true)
}

/**
 * 展示人证核验仪弹窗
 */
function showIDReader()
{
    layer_iframe('/admin/IDCard-reader','人证核验',2,0.8,['800px', '400px'], true)
}

/**
 * 显示密码弹窗
 *
 * @param e
 * @param id
 * @param room_id
 * @param user_id
 * @param user_type
 * @returns {boolean}
 */
function showPasswordPage(e, id = 0,room_id, user_id, user_type)
{
    // let user_id = $(e).closest('.form-horizontal').find('.user_id').val();
    // if (!user_id) {
    //     toastr.error("请先选择租客，再设置密码！");
    //     return false;
    // }
    // let room_id = $(e).closest('.has-many-rooms-form').find('.rooms.room_id').val();
    if (!room_id) {
        toastr.error("请先选择房间，再设置密码！");
        return false;
    }

    if (!user_id) {
        toastr.error("请先选择租客，再设置密码！");
        return false;
    }

    let title = '修改密码';
    if (!id) {
        id = 0;
        title = '设置密码';
    }
    let url = '/admin/user/password?id='+id +'&user_id='+user_id + '&room_id='+room_id +"&user_type=" +user_type;

    layer_iframe(url,title,2,0.8,['800px', '400px'], true)
}

/**
 * 删除密码
 *
 * @param e
 * @param id
 * @returns {boolean}
 */
function deletePassword(e, id)
{
    if (!id) {
        toastr.error("删除失败！");
        return false;
    }
    let url =  "/admin/lock-passwords/"+id;
    let options={
        "title":"温馨提示",
        "text":"删除后数据无法恢复，确认删除？",
        "confirm":"确认",
        "cancel":"取消",
        "type":"warning",
        "method":"delete",
        "conBtnColor":"#DC3545"
    };
    myAjax(url,"", options, function (res) {
        let value = res.value;
        let code = value.status;
        let message = value.message;
        if (code === true) {
            $(e).closest('.user-item1').remove();
            toastr.success(message);
        } else {
            toastr.error(message);
        }
    });
    // swal_confirm('温馨提示', '密码删除后无法恢复，确认删除？',function () {
    //     $.ajax({
    //         url: "/admin/lock-passwords/"+id,
    //         type: "DELETE",
    //         success: function (res) {
    //             let code = res.status;
    //             if (code == true) {
    //                 $(e).closest('.user-item1').remove();
    //                 toastr.success("密码删除成功！");
    //             } else {
    //                 toastr.error("密码删除失败！");
    //             }
    //         }
    //     })})
}

/**
 * 展示卡片弹窗
 *
 * @param e
 * @param id
 * @param room_id
 * @param user_id
 * @param user_type
 * @returns {boolean}
 */
function showCardPage(e, id = 0,room_id, user_id, user_type)
{
    // let user_id = $(e).closest('.form-horizontal').find('.user_id').val();
    // if (!user_id) {
    //     toastr.error("请先选择租客，再设置密码！");
    //     return false;
    // }
    // let room_id = $(e).closest('.has-many-rooms-form').find('.rooms.room_id').val();
    if (!room_id) {
        toastr.error("请先选择房间，再设置卡片！");
        return false;
    }

    if (!user_id) {
        toastr.error("请先选择租客，再设置卡片！");
        return false;
    }

    let title = '修改卡片';
    if (!id) {
        id = 0;
        title = '设置卡片';
    }
    let  url = '/admin/user/card-reader?id='+id +'&user_id='+user_id + '&room_id='+room_id +"&user_type=" +user_type;

    layer_iframe(url,title,2,0.8,['800px', '420px'], false)
}
/**
 * 删除卡片
 *
 * @param e
 * @param id
 * @returns {boolean}
 */
function deleteCard(e, id)
{

    if (!id) {
        toastr.error("删除失败！");
        return false;
    }
    let url =  "/admin/lock-cards/"+id;
    let options={
        "title":"温馨提示",
        "text":"删除后数据无法恢复，确认删除？",
        "confirm":"确认",
        "cancel":"取消",
        "type":"warning",
        "method":"delete",
        "conBtnColor":"#DC3545"
    };
    myAjax(url,"", options, function (res) {
        let value = res.value;
        let code = value.status;
        let message = value.message;
        if (code === true) {
            $(e).closest('.user-item1').remove();
            toastr.success(message);
        } else {
            toastr.error(message);
        }
    });

    // swal_confirm('温馨提示', '删除后无法恢复，确认删除？',function () {
    //     $.ajax({
    //         url: "/admin/lock-cards/"+id,
    //         type: "DELETE",
    //         success: function (res) {
    //             let code = res.status;
    //             if (code == true) {
    //                 $(e).closest('.user-item1').remove();
    //                 toastr.success("删除成功！");
    //             } else {
    //                 toastr.error("删除失败！");
    //             }
    //         }
    //     })})
}

$(".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;
}