@{
    ViewData["MainNum"] = "1";
    ViewData["SubNum"] = "3";
    ViewData["Title"] = "區域選單管理";
}

<ol class="breadcrumb page-breadcrumb">
    <li class="breadcrumb-item"><a href="javascript:void(0);">首頁</a></li>
    <li class="breadcrumb-item active">區域選單管理</li>
    <li class="position-absolute pos-top pos-right d-none d-sm-block"><span class="js-get-date"></span></li>
</ol>

<div class="row">
    <div class="col-12">
        <div id="panel-5" class="panel">
            <div class="panel-container show">
                <div class="panel-content">
                    <div class="subheader">
                        <h1 class="subheader-title">
                            <span>區域選單設定</span>
                        </h1>
                    </div>
                    <div class="row mb-3 d-flex align-items-center px-3 justify-content-between">
                        <div class="pr-3 ">
                            <div class="btn-group btn-group-md" id="buildlist">
                            </div>
                        </div>

                    </div>
                    <div class="row mb-3 d-flex align-items-center px-3">
                        <div class="pr-3 ">
                            <button type="button" class="btn btn-secondary waves-effect waves-themed mb-2" onclick="AllMainSys()">全選</button>
                        </div>
                        <div class="pr-3 row col">
                            <div class="frame-wrap" id="mainlist">
                            </div>
                        </div>
                        <div class="card border mb-g w-100 mb-5" id="menucard">
                            <div class="card-header bg-fusion-25 py-2 pr-3 d-flex align-items-center flex-wrap justify-content-between">
                                <div class="card-title font-weight-bold">選單</div>
                                <div class="text-right ">
                                    <a href="javascript:;" class="btn btn-sm btn-success ml-auto waves-effect waves-themed" id="addUser-btn" onclick="Addmenu()"><span class="fal fa-plus mr-1"></span>新增</a>
                                </div>
                            </div>
                            <div class="card-body">
                                <div class="w-100">
                                    <div class="col-12">
                                        <table id="buildMenu_table" class="table table-bordered table-hover m-0 text-center">
                                            <thead class="thead-themed">
                                                <tr>
                                                    <th>序</th>
                                                    <th></th>
                                                    <th>系統大類</th>
                                                    <th>系統小類</th>
                                                    <th>左邊預設頁面</th>
                                                    <th>左邊是否顯示<br>平面圖</th>
                                                    <th>左邊昇位圖<br>詳細資料設定</th>
                                                    <th>右邊預設頁面</th>
                                                    <th>右邊是否顯示<br>平面圖</th>
                                                    <th>右邊昇位圖<br>詳細資料設定</th>
                                                    @*<th>昇位圖URL</th>*@
                                                    <th>功能</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card border mb-g w-100 mb-5" id="floorcard">
                            <div class="card-header bg-fusion-25 py-2 pr-3 d-flex align-items-center flex-wrap justify-content-between">
                                <div class="card-title font-weight-bold">樓層設定</div>
                                <div class="text-right ">
                                    <a href="javascript:;" class="btn btn-sm btn-success ml-auto waves-effect waves-themed" id="addUser-btn" onclick="AddFloor()"><span class="fal fa-plus mr-1"></span>新增</a>
                                </div>
                            </div>
                            <div class="card-body">
                                <div class="w-100">
                                    <div class="col-12">
                                        <table id="buildMenu_floor_table" class="table table-bordered table-hover m-0 text-center">
                                            <thead class="thead-themed">
                                                <tr>
                                                    <th>序</th>
                                                    <th>系統大類</th>
                                                    <th>系統小類</th>
                                                    <th>樓層</th>
                                                    <th>功能</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>


<div class="modal fade" id="build-menu-modal" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog modal-dialog-centered modal-xl" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">
                    選單基本資料 - 新增
                </h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true"><i class="fal fa-times"></i></span>
                </button>
            </div>
            <div class="modal-body">
                <form id="build-menu-form">
                    <div class="row">
                        <div class="form-group col-6">
                            <label class="form-label" for="build_menu_building_modal"><span class="text-danger">*</span>棟別</label>
                            <select class="form-control" id="build_menu_building_modal">
                            </select>
                        </div>
                        <div class="form-group col-6">
                            <label class="form-label" for="build_menu_main_modal"><span class="text-danger">*</span>大類</label>
                            <select class="form-control" id="build_menu_main_modal">
                            </select>
                        </div>
                        <div class="form-group col-12">
                            <label class="form-label" for="build_menu_sub_modal"><span class="text-danger">*</span>小類</label>
                            <select class="form-control" id="build_menu_sub_modal">
                            </select>
                        </div>

                        <div class="col-12" id="build_menu_position_l_div">
                            <label class="mb-0 t-gray">左邊區塊</label>
                            <hr class="mt-1" />

                            <div class="form-group col-12">
                                <label class="form-label"><span class="text-danger">*</span>預設頁面</label>
                                <div class="row" id="build_menu_drawing_modal">
                                    <div class="col">
                                        <input type="radio" name="drawing" id="drawing_4" value="4" checked>
                                        <label for="drawing_4">
                                            昇位圖
                                        </label>
                                    </div>
                                    <div class="col">
                                        <input type="radio" name="drawing" id="drawing_2" value="2">
                                        <label for="drawing_2">
                                            系統圖
                                        </label>
                                    </div>
                                    <div class="col" id="drawing_1_div" style="display: none;">
                                        <input type="radio" name="drawing" id="drawing_1" value="1">
                                        <label for="drawing_1">
                                            2D
                                        </label>
                                    </div>
                                    <div class="col" id="drawing_3_div" style="display: none;">
                                        <input type="radio" name="drawing" id="drawing_3" value="3">
                                        <label for="drawing_3">
                                            3D
                                        </label>
                                    </div>
                                    <div class="col">
                                        <input type="radio" name="drawing" id="drawing_5" value="5">
                                        <label for="drawing_5">
                                            彈出URL
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group col-12" id="build_menu_planimetric_modal_div" name="drawing_extend" >
                                <div class="col-12 mb-2 custom-control custom-checkbox align-content-center" >
                                    <input type="checkbox" class="custom-control-input" name="planimetric_click" id="planimetric_click" value="1" />
                                    <label class="custom-control-label" for="planimetric_click">是否顯示平面圖</label>
                                </div>
                            </div>
                            <div class="form-group col-12" id="build_menu_systemurl_modal_div" name="drawing_extend">
                                <label class="form-label" for="build_menu_systemurl_modal"><span class="text-danger">*</span>系統圖URL</label>
                                <input type="text" id="build_menu_systemurl_modal" class="form-control" name="build_menu_systemurl_modal">
                            </div>
                            <div class="form-group col-12" id="build_menu_blankurl_modal_div" name="drawing_extend">
                                <label class="form-label" for="build_menu_blankurl_modal"><span class="text-danger">*</span>彈出URL</label>
                                <input type="text" id="build_menu_blankurl_modal" class="form-control" name="build_menu_blankurl_modal">
                            </div>
                            <div class="form-group col-12" id="build_menu_icon_click_onoff_modal_div" name="drawing_extend">
                                <label class="form-label">昇位圖 - 詳細資料設定</label>
                                @*<div class="row">
                                <div class="col">
                                <input type="radio" name="icon_click_onoff" id="icon_click_on" value="1">
                                <label for="icon_click_on">
                                點擊開關
                                </label>
                                </div>
                                <div class="col">
                                <input type="radio" name="icon_click_onoff" id="icon_click_off" value="0" checked>
                                <label for="icon_click_off">
                                彈出視窗
                                </label>
                                </div>
                                </div>*@
                                <div class="row">
                                    <div class="col" style="display:none">
                                        <div class="custom-control custom-checkbox">
                                            <input type="checkbox" class="custom-control-input" name="icon_click[]" id="icon_click_switch" value="2">
                                            <label class="custom-control-label" for="icon_click_switch">點擊開關</label>
                                        </div>
                                    </div>
                                    <div class="col">
                                        <div class="custom-control custom-checkbox">
                                            <input type="checkbox" class="custom-control-input" name="icon_click[]" id="icon_click_url" value="1">
                                            <label class="custom-control-label" for="icon_click_url">顯示詳細資料 - (抓取設備八段路徑呈現詳細資料)</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @*<div class="form-group col-12" id="build_menu_icon_click_url_modal_div" name="drawing_extend">
                                <label class="form-label" for="build_menu_icon_click_url_modal">詳細資料 URL</label><br>
                                <button type="button" class="btn btn-secondary waves-effect waves-themed mb-2" onclick="AddTagIntoClickUrl('device_building_tag', 'l')">+/[device_building_tag]</button>
                                <button type="button" class="btn btn-secondary waves-effect waves-themed mb-2" onclick="AddTagIntoClickUrl('device_system_tag', 'l')">+/[device_system_tag]</button>
                                <button type="button" class="btn btn-secondary waves-effect waves-themed mb-2" onclick="AddTagIntoClickUrl('device_floor_tag', 'l')">+/[device_floor_tag]</button>
                                <button type="button" class="btn btn-secondary waves-effect waves-themed mb-2" onclick="AddTagIntoClickUrl('device_name_tag', 'l')">+/[device_name_tag]</button>
                                <button type="button" class="btn btn-secondary waves-effect waves-themed mb-2" onclick="AddTagIntoClickUrl('device_serial_tag', 'l')">+/[device_serial_tag]</button>
                                <button type="button" class="btn btn-secondary waves-effect waves-themed mb-2" onclick="AddTagIntoClickUrl('tag_name', 'l')">+/[tag_name]</button>
                                <input type="text" id="build_menu_icon_click_url_modal" class="form-control">
                            </div>*@
                            <div class="form-group col-12" id="build_menu_icon_click_url_width_height_modal_div">
                                <label class="form-label">詳細資料 顯示視窗設定</label><br>
                                <div class="row">
                                    <div class="col-6 form-group">
                                        <label class="form-label" for="build_menu_icon_click_url_width_modal">寬(單位：px)</label>
                                        <input type="number" step="1" id="build_menu_icon_click_url_width_modal" class="form-control">
                                    </div>
                                    <div class="col-6 form-group">
                                        <label class="form-label" for="build_menu_icon_click_url_height_modal">高(單位：px)</label>
                                        <input type="number" step="1" id="build_menu_icon_click_url_height_modal" class="form-control">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group col-12" id="build_menu_riser_diagram_url_modal_div" style="display: none">
                                <label class="form-label" for="build_menu_riser_diagram_url_modal">昇位圖 URL</label><br>
                                <input type="text" id="build_menu_riser_diagram_url_modal" class="form-control">
                            </div>
                            <div class="form-group col-6" id="build_menu_planimetric_floor_modal_div">
                                <label class="form-label" for="build_menu_planimetric_floor_modal"><span class="text-danger">*</span>平面圖預設樓層</label>
                                <select class="form-control" id="build_menu_planimetric_floor_modal">
                                </select>
                            </div>

                        </div>

                        <div class="col-12 mt-3" id="build_menu_position_r_div">
                            <label class="mb-0 t-gray">右邊區塊</label>
                            <hr class="mt-1" />

                            <div class="form-group col-12">
                                <label class="form-label"><span class="text-danger">*</span>預設頁面</label>
                                <div class="row" id="build_menu_drawing_modal_r">
                                    <div class="col">
                                        <input type="radio" name="drawing_r" id="drawing_0_r" value="0" checked>
                                        <label for="drawing_0_r">
                                            不顯示
                                        </label>
                                    </div>
                                    <div class="col">
                                        <input type="radio" name="drawing_r" id="drawing_4_r" value="4">
                                        <label for="drawing_4_r">
                                            昇位圖
                                        </label>
                                    </div>
                                    <div class="col">
                                        <input type="radio" name="drawing_r" id="drawing_2_r" value="2">
                                        <label for="drawing_2_r">
                                            系統圖
                                        </label>
                                    </div>
                                    <div class="col" id="drawing_1_div_r" style="display: none;">
                                        <input type="radio" name="drawing_r" id="drawing_1_r" value="1">
                                        <label for="drawing_1_r">
                                            2D
                                        </label>
                                    </div>
                                    <div class="col" id="drawing_3_div_r" style="display: none;">
                                        <input type="radio" name="drawing_r" id="drawing_3_r" value="3">
                                        <label for="drawing_3_r">
                                            3D
                                        </label>
                                    </div>
                                    <div class="col">
                                        <input type="radio" name="drawing_r" id="drawing_5_r" value="5">
                                        <label for="drawing_5_r">
                                            彈出URL
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group col-12" id="build_menu_planimetric_modal_div_r" name="drawing_extend_r">
                                <div class="col-12 mb-2 custom-control custom-checkbox align-content-center">
                                    <input type="checkbox" class="custom-control-input" name="planimetric_click_r" id="planimetric_click_r" value="1" />
                                    <label class="custom-control-label" for="planimetric_click_r">是否顯示平面圖</label>
                                </div>
                            </div>
                            <div class="form-group col-12" id="build_menu_systemurl_modal_div_r" name="drawing_extend">
                                <label class="form-label" for="build_menu_systemurl_modal_r"><span class="text-danger">*</span>系統圖URL</label>
                                <input type="text" id="build_menu_systemurl_modal_r" class="form-control" name="build_menu_systemurl_modal_r">
                            </div>
                            <div class="form-group col-12" id="build_menu_blankurl_modal_div_r" name="drawing_extend_r">
                                <label class="form-label" for="build_menu_blankurl_modal_r"><span class="text-danger">*</span>彈出URL</label>
                                <input type="text" id="build_menu_blankurl_modal_r" class="form-control" name="build_menu_blankurl_modal_r">
                            </div>
                            <div class="form-group col-12" id="build_menu_icon_click_onoff_modal_div_r" name="drawing_extend_r">
                                <label class="form-label">昇位圖 - 詳細資料設定</label>
                                @*<div class="row">
                                <div class="col">
                                <input type="radio" name="icon_click_onoff" id="icon_click_on" value="1">
                                <label for="icon_click_on">
                                點擊開關
                                </label>
                                </div>
                                <div class="col">
                                <input type="radio" name="icon_click_onoff" id="icon_click_off" value="0" checked>
                                <label for="icon_click_off">
                                彈出視窗
                                </label>
                                </div>
                                </div>*@
                                <div class="row">
                                    <div class="col" style="display:none">
                                        <div class="custom-control custom-checkbox">
                                            <input type="checkbox" class="custom-control-input" name="icon_click[]_r" id="icon_click_switch_r" value="2">
                                            <label class="custom-control-label" for="icon_click_switch_r">點擊開關</label>
                                        </div>
                                    </div>
                                    <div class="col">
                                        <div class="custom-control custom-checkbox">
                                            <input type="checkbox" class="custom-control-input" name="icon_click[]_r" id="icon_click_url_r" value="1">
                                            <label class="custom-control-label" for="icon_click_url_r">顯示詳細資料 - (抓取設備八段路徑呈現詳細資料)</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @*<div class="form-group col-12" id="build_menu_icon_click_url_modal_div_r" name="drawing_extend_r">
                                <label class="form-label" for="build_menu_icon_click_url_modal_r">詳細資料 URL</label><br>
                                <button type="button" class="btn btn-secondary waves-effect waves-themed mb-2" onclick="AddTagIntoClickUrl('device_building_tag')">+/[device_building_tag]</button>
                                <button type="button" class="btn btn-secondary waves-effect waves-themed mb-2" onclick="AddTagIntoClickUrl('device_system_tag')">+/[device_system_tag]</button>
                                <button type="button" class="btn btn-secondary waves-effect waves-themed mb-2" onclick="AddTagIntoClickUrl('device_floor_tag')">+/[device_floor_tag]</button>
                                <button type="button" class="btn btn-secondary waves-effect waves-themed mb-2" onclick="AddTagIntoClickUrl('device_name_tag')">+/[device_name_tag]</button>
                                <button type="button" class="btn btn-secondary waves-effect waves-themed mb-2" onclick="AddTagIntoClickUrl('device_serial_tag')">+/[device_serial_tag]</button>
                                <button type="button" class="btn btn-secondary waves-effect waves-themed mb-2" onclick="AddTagIntoClickUrl('tag_name')">+/[tag_name]</button>
                                <input type="text" id="build_menu_icon_click_url_modal_r" class="form-control">
                            </div>*@
                            <div class="form-group col-12" id="build_menu_icon_click_url_width_height_modal_div_r">
                                <label class="form-label">詳細資料 顯示視窗設定</label><br>
                                <div class="row">
                                    <div class="col-6 form-group">
                                        <label class="form-label" for="build_menu_icon_click_url_width_modal_r">寬(單位：px)</label>
                                        <input type="number" step="1" id="build_menu_icon_click_url_width_modal_r" class="form-control">
                                    </div>
                                    <div class="col-6 form-group">
                                        <label class="form-label" for="build_menu_icon_click_url_height_modal_r">高(單位：px)</label>
                                        <input type="number" step="1" id="build_menu_icon_click_url_height_modal_r" class="form-control">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group col-12" id="build_menu_riser_diagram_url_modal_div_r" style="display: none">
                                <label class="form-label" for="build_menu_riser_diagram_url_modal_r">昇位圖 URL</label><br>
                                <input type="text" id="build_menu_riser_diagram_url_modal_r" class="form-control">
                            </div>

                            <div class="form-group col-6" id="build_menu_planimetric_floor_modal_div_r">
                                <label class="form-label" for="build_menu_planimetric_floor_modal_r"><span class="text-danger">*</span>平面圖預設樓層</label>
                                <select class="form-control" id="build_menu_planimetric_floor_modal_r">
                                </select>
                            </div>
                        </div>


                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" onclick="SavebuildMenuModal()">儲存</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="menu-floor-modal" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog modal-dialog-centered " role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">
                    樓層 - 新增
                </h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true"><i class="fal fa-times"></i></span>
                </button>
            </div>
            <div class="modal-body">
                <form id="menu-floor-form">
                    <div class="row">
                        <div class="form-group col-6">
                            <label class="form-label" for="menu_floor_main_modal"><span class="text-danger">*</span>大類</label>
                            <br>
                            <span id="menu_floor_main_modal" class="fw-900"></span>
                            @*<select class="form-control" id="menu_floor_main_modal" disabled>
                            </select>*@
                        </div>
                        <div class="form-group col-6">
                            <label class="form-label" for="menu_floor_sub_modal"><span class="text-danger">*</span>小類</label>
                            <br>
                            <span id="menu_floor_sub_modal" class="fw-900"></span>
                            @*<select class="form-control" id="menu_floor_sub_modal" disabled>
                            </select>*@
                        </div>
                        <div class="form-group col-12">
                            <label class="form-label"><span class="text-danger">*</span>可新增樓層</label>
                            <div class="row ml-2 mr-1" id="floor_check">
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" onclick="SaveFloorMenuModal()">儲存</button>
            </div>
        </div>
    </div>
</div>

@section Scripts {
    <script>
        var AllMainList = new Array(0);
        var SelectMainList = new Array(0);
        var buildMenuTable;
        var SelectBuild = "";
        var SelectMainSys = "";
        var SelectSubSys = "";
        var buildMenuFloorTable;
        var selectAllMain = false;
        $(function () {
            $('#floorcard').hide();
            GetBuild();
            GetMainList();
            buildMenuTable = $("#buildMenu_table").DataTable({
                "rowReorder": {
                    "dataSrc": "priority"
                },
                "columns": [
                    {
                        "data": "building_tag",
                        "sortable":false,
                        "render": function (data, type, row, meta) {
                            return meta.row + 1;
                        }
                    },
                    {
                        "data": "priority",
                        "className": "reorder",
                        "sortable":false,
                        "visible": false
                    },
                    {
                        "data": "main_system_guid_name",
                        "sortable":false,
                    },
                    {
                        "data": "sub_system_guid_name",
                        "sortable":false,
                    },
                    {
                        "data": "left_drawing_name",
                        "sortable":false,
                    },
                    {
                        "data": "left_planimetric_click_name",
                        "sortable":false,
                    },
                    {
                        "data": null,
                        "sortable":false,
                        "render": function (data, type, row, meta) {
                            var str = [];
                            if (2 & parseInt(data) > 0) {
                                str.push("點擊開關")
                            }
                            if (1 & parseInt(data) > 0) {
                                str.push("顯示詳細資料 - (抓取設備八段路徑呈現詳細資料)")
                            }
                            return str.join(";");
                        }
                    },
                    //{
                    //    "data": "left_icon_click_url"
                    //},
                    {
                        "data": "right_drawing_name",
                        "sortable":false,
                    },
                    {
                        "data": "right_planimetric_click_name",
                        "sortable":false,
                    },
                    {
                        "data": null,
                        "sortable":false,
                        "render": function (data, type, row, meta) {
                            var str = [];
                            if (2 & parseInt(data) > 0) {
                                str.push("點擊開關")
                            }
                            if (1 & parseInt(data) > 0) {
                                str.push("顯示詳細資料 - (抓取設備八段路徑呈現詳細資料)")
                            }
                            return str.join(";");
                        }
                    },
                    //{
                    //    "data": "right_icon_click_url"
                    //},
                    {
                        "data": null,
                        "sortable": false,
                        "render": function (data, type, row, meta){
                            return '<button bg-guid="'+row.building_tag+'" ms-guid="'+row.main_system_tag+'" ss-guid="'+row.sub_system_tag+'" class="btn btn-primary edit-btn">修改</button> <button class="btn btn-danger del-btn" bg-guid="'+row.building_tag+'" ms-guid="'+row.main_system_tag+'" ss-guid="'+row.sub_system_tag+'" >刪除</button>';
                        }
                    }
                ],
                "order":[],
                'createdRow': function (row, data, dataIndex) {
                    $(row).attr('bg-guid', data.building_tag);
                    $(row).attr('ms-guid', data.main_system_tag);
                    $(row).attr('ss-guid', data.sub_system_tag);
                    $(row).attr('ms-name', data.main_system_guid_name);
                    $(row).attr('ss-name', data.sub_system_guid_name);
                },
                "ajax": {
                    "url": "/BuildMenu/BuildMenuTable",
                    "type": "POST",
                    "data": function (d) {
                        d.building_tag = SelectBuild,
                        d.MainList = SelectMainList
                    },
                    "dataSrc": function (rel) {
                        if (rel.code == "9999") {
                            toast_error(rel.msg);
                            return;
                        }
                        data = rel.data.data;
                        if (data == null || data.length == 0) {

                            this.data = [];
                        } else {
                            $.each(this.data, function (k, rel) {
                                rel.sub_system_guid_name = "<font color='#7c91df'>" + rel.sub_system_guid_name + "</font>"
                                if (rel.left_drawing == 2) {
                                    rel.left_drawing_name = rel.left_drawing_name + "<br>" + '<a href = "' + rel.left_system_url + '" target="_blank" >點擊連結</a >'
                                }
                                if (rel.left_drawing == 1) {
                                    rel.left_drawing_name = rel.left_drawing_name + "<br>" + '[' + rel.floor_guid_name + ']'
                                }
                                if (rel.right_drawing == 2) {
                                    rel.right_drawing_name = rel.right_drawing_name + "<br>" + '<a href = "' + rel.right_system_url + '" target="_blank" >點擊連結</a >'
                                }
                                if (rel.right_drawing == 1) {
                                    rel.right_drawing_name = rel.right_drawing_name + "<br>" + '[' + rel.floor_guid_name + ']'
                                }
                            })
                        }
                        $('#floorcard').hide();
                        return data;
                    }
                }
            });
            buildMenuTable.on("row-reorder",　function(e,node,pos){
                console.log(buildMenuTable.context[0])
            })
            buildMenuTable.on("row-reorder", function (e, diff, edit) {
                if (SelectMainList.length > 1) {
                    toast_warning("只能在單選系統大類時排序系統小類！");
                    return false;
                }

                let allData = buildMenuTable.rows().data().toArray();
                allData.forEach((ad,i) => ad._idx = i);
                let defData = allData.filter(d => 
                    !diff.some(f => {
                        let rowData = buildMenuTable.row(f.node).data();
                        return  d.building_tag == rowData.building_tag && d.main_system_tag == rowData.main_system_tag && d.sub_system_tag == rowData.sub_system_tag
                    }) && d.priority == "0"
                );

                var exchangeList = [];
                for(var rowData of defData){
                    let obj = {
                        building_tag: rowData.building_tag,
                        main_system_tag: rowData.main_system_tag,
                        sub_system_tag: rowData.sub_system_tag,
                        priority: rowData._idx + 1
                    }

                    exchangeList.push(obj);
                }

                
                for (var i = 0, len = diff.length; i < len; i++) {
                    var rowData = buildMenuTable.row(diff[i].node).data();

                    var obj = {
                        building_tag: rowData.building_tag,
                        main_system_tag: rowData.main_system_tag,
                        sub_system_tag: rowData.sub_system_tag,
                        priority: diff[i].newPosition + 1
                    }

                    exchangeList.push(obj);
                }

                var url = "/BuildMenu/ChangeBuildMenuPriority";
                var send_data = {
                    BuildMenuPriorities: exchangeList
                }

                $.post(url, send_data, function (rel) {
                    if (rel.code != "0000") {
                        if (rel.code == "9999") {
                            toast_error(rel.msg);
                        }
                        else {
                            toast_warning(rel.msg);
                        }
                        return;
                    }
                    else {
                        toast_ok(rel.msg);
                        buildMenuTable.ajax.reload(null, false);
                    }
                }, "json");
            });
            buildMenuFloorTable = $("#buildMenu_floor_table").DataTable({
                "columns": [
                    {
                        "data": "sub_system_floor_id",
                        "render": function (data, type, row, meta) {
                            return meta.row + 1;
                        }
                    },
                    {
                        "data": "main_system_guid_name"
                    },
                    {
                        "data": "sub_system_guid_name"
                    },
                    {
                        "data": "floor_guid_name"
                    },
                    {
                        "data": null,
                        "defaultContent": '<button class="btn btn-danger del-btn">刪除</button>'
                    }
                ],
                'createdRow': function (row, data, dataIndex) {
                    $(row).attr('ssf-guid', data.sub_system_floor_id);
                },
                "ajax": {
                    "url": "/BuildMenu/BuildMenuFloorTable",
                    "type": "POST",
                    "data": function (d) {
                        d.building_tag = SelectBuild,
                        d.main_system_tag = SelectMainSys,
                        d.sub_system_tag = SelectSubSys
                    },
                    "dataSrc": function (rel) {
                        if (rel.code == "9999") {
                            toast_error(rel.msg);
                            return;
                        }
                        data = rel.data.data;

                        if (data == null || data.length == 0) {
                            this.data = [];
                        }

                        return data;
                    }
                }
            });

        });
        //#region 取棟別
        function GetBuild() {
            var url = "/BuildMenu/BuildInfoList";
            var send_data = {};
            $.post(url, send_data, function (rel) {
                if (rel.code != "0000") {
                    if (rel.code == "9999") {
                        toast_error(rel.msg);
                    }
                    return;
                }
                else {
                    $('#buildlist').empty();
                    var buildstr = "";
                    $.each(rel.data, function (index, val) {
                        $('#build_menu_building_modal').append($("<option />").val(val.value).text(val.name));
                        if (index == 0) {
                            SelectBuild = val.value;
                            buildstr += '<button type="button" class="btn btn-success waves-effect waves-themed" onclick="SelectBulid(\'' + val.value + '\' ,this)">' + val.name + '</button>';
                        }
                        else {
                            buildstr += '<button type="button" class="btn btn-secondary waves-effect waves-themed" onclick="SelectBulid(\'' + val.value + '\',this)" >' + val.name + '</button>';
                        }
                    });
                    $('#buildlist').append(buildstr);
                    $('#buildlist').find('.btn-success').trigger('click');
                    GetMainlistByBuild(SelectBuild);
                    return;
                }
            }, 'json');
        }
        //#endregion
        //#region 選擇棟別
        function SelectBulid(build, e) {
            SelectBuild = build;
            if ($("#buildlist").find('.btn').hasClass("btn-success")) {
                $("#buildlist").find('.btn').removeClass("btn-success").addClass("btn-secondary");
            }
            $(e).removeClass("btn-secondary").addClass("btn-success");
            $('#menucard').find('.card-title').html(e.innerText + "-選單");

            GetMainlistByBuild(SelectBuild);

        }
        //#endregion
        var submain = new Array(0);
        //#region  以棟別找系統大類
        function GetMainlistByBuild(building_tag) {
            var url = "/BuildMenu/MainListBybuild";
            var send_data = {
                building_tag: building_tag
            };
            $.post(url, send_data, function (rel) {
                if (rel.code != "0000") {
                    if (rel.code == "9999") {
                        toast_error(rel.msg);
                    }
                    return;
                }
                else {
                    $('#mainlist').empty();
                    submain = SelectMainList;
                    SelectMainList = [];
                    selectAllMain = false;
                    var mainliststr = "";
                    AllMainList = [];
                    $.each(rel.data, function (index, val) {
                        AllMainList.push(val.value);
                        mainliststr += '<button type="button" class="btn btn-outline-success waves-effect waves-themed mb-2 mr-2" id="btn-' + val.value + '" onclick="SelectMain(\'' + val.value + '\',this)">' + val.name + '</button>';
                    });
                    $('#mainlist').append(mainliststr);
                    if (submain.length != 0) {
                        $.each(submain, function (ind, va) {
                            $('#btn-' + va).trigger('click');

                        });
                        submain = [];
                    }

                    buildMenuTable.ajax.reload();
                    return;
                }
            }, 'json');
        }
        //#endregion
        //#region 取所有系統大類
        function GetMainList() {
            var url = "/BuildMenu/MainList";
            var send_data = {};
            $.post(url, send_data, function (rel) {
                if (rel.code != "0000") {
                    if (rel.code == "9999") {
                        toast_error(rel.msg);
                    }
                    return;
                }
                else {
                    $('#build_menu_main_modal').empty();
                    $.each(rel.data, function (index, val) {
                        $('#build_menu_main_modal').append($("<option />").val(val.value).text(val.name));
                        if (index == 0) {
                            GetSubList(val.value)
                        }
                    });
                    return;
                }
            }, 'json');
        }
        //#endregion
        //#region 取大類中的小類(還沒新增)
        function GetSubList(main) {
            var url = "/BuildMenu/SubListNotAdd";
            var send_data = {
                main_system_tag: main,
                building_tag: SelectBuild
            };
            $.post(url, send_data, function (rel) {
                if (rel.code != "0000") {
                    if (rel.code == "9999") {
                        toast_error(rel.msg);
                    }
                    return;
                }
                else {
                    $('#build_menu_sub_modal').empty();
                    $.each(rel.data, function (index, val) {
                        $('#build_menu_sub_modal').append($("<option />").val(val.value).text(val.name));
                    });
                    return;
                }
            }, 'json');
        }

        //#endregion
        //#region 選擇系統大類
        function SelectMain(main, e) {

            if ($(e).hasClass("btn-outline-success")) {
                $(e).removeClass("btn-outline-success").addClass("btn-success");
                SelectMainList.push(main);
            } else if ($(e).hasClass("btn-success")) {
                $(e).removeClass("btn-success").addClass("btn-outline-success");
                var a = SelectMainList.filter(function (n, i) {
                    if (n === main) {
                        SelectMainList.splice(i, 1);
                    }
                });
            }
            buildMenuTable.ajax.reload();
        };
        //#endregion
        //#region 新增menu
        function Addmenu() {
            $('.modal-title').html("選單基本資料 - 新增");
            $('#build_menu_building_modal').attr('disabled', false);
            $('#build_menu_main_modal').attr('disabled', false);
            $('#build_menu_sub_modal').attr('disabled', false);
            $("#build-menu-form").trigger("reset");
            $('#build_menu_building_modal').val(SelectBuild);
            $.each($("input[name='icon_click[]']"), function (index, item) {
                $(this).prop("checked", false);
            });
            changebuild_menu_drawing_modal();

            GetSubList($('#build_menu_main_modal').val());
            GetBuildingHas3D();
            $('#planimetric_click').attr("disabled", false);
            $('#build-menu-modal').modal();
        }
        //#endregionplanimetric_click
        //#region 修改選擇顯示頁面總類
        $('#build-menu-form').on("change", "input[name^=drawing]", function () {
            changebuild_menu_drawing_modal(this);
        });
        //#endregion

        // $('#build_menu_icon_click_onoff_modal_div').on("click", "input[type=checkbox]", function () {
        //     if ($(this).prop("checked") && $(this).val() == 1) {
        //         $('#build_menu_icon_click_url_modal_div').show();
        //         $('#build_menu_icon_click_url_width_height_modal_div').show();
        //     } else {
        //         $('#build_menu_icon_click_url_modal_div').hide();
        //         $('#build_menu_icon_click_url_width_height_modal_div').hide();
        //     }
        // });

        $('#build_menu_icon_click_onoff_modal_div_r').on("click", "input[type=checkbox]", function () {
            if ($(this).prop("checked") && $(this).val() == 1) {
                //$('#build_menu_icon_click_url_modal_div_r').show();
                $('#build_menu_icon_click_url_width_height_modal_div_r').show();
            } else {
                //$('#build_menu_icon_click_url_modal_div_r').hide();
                $('#build_menu_icon_click_url_width_height_modal_div_r').hide();
            }
        });

        //#region 更改大類更換小類
        $('#build_menu_main_modal').on("change", function () {
            GetSubList($('#build_menu_main_modal').val());
        });
        //#endregion
        //#region 儲存選單
        function SavebuildMenuModal() {
            if ($('input[name="drawing"]:checked').val() == 2) {
                if ($('#build_menu_systemurl_modal').val().length == 0) {
                    Swal.fire(
                        {
                            title: "儲存失敗",
                            icon: 'warning',
                            html: '系統圖URL不能為空',
                        });
                    return;
                }
            }
            if ($('#build_menu_sub_modal').val() == null) {
                Swal.fire(
                    {
                        title: "儲存失敗",
                        icon: 'warning',
                        html: '沒有小類不能儲存',
                    });
                return;
            }

            var left_icon_click = 0;
            var right_icon_click = 0;
            $.each($("input[name='icon_click[]']"), function (index, item) {
                if (item.checked) {
                    left_icon_click += parseInt(item.value);
                }
            });
            $.each($("input[name='icon_click[]_r']"), function (index, item) {
                if (item.checked) {
                    right_icon_click += parseInt(item.value);
                }
            });

            var url = "/BuildMenu/SavebuildMenuModal";
            var send_data = {
                building_tag: $('#build_menu_building_modal').val(),
                main_system_tag: $('#build_menu_main_modal').val(),
                sub_system_tag: $('#build_menu_sub_modal').val(),
                left_drawing: $('input[name="drawing"]:checked').val(),
                left_system_url: $('#build_menu_systemurl_modal').val(),
                left_icon_click: left_icon_click,
                left_build_menu_blankurl_modal: $("#build_menu_blankurl_modal").val(),
                left_icon_click_url: $('#build_menu_icon_click_url_modal').val(),
                left_icon_click_url_width: $('#build_menu_icon_click_url_width_modal').val(),
                left_icon_click_url_height: $('#build_menu_icon_click_url_height_modal').val(),
                left_planimetric_click: $('input[name="planimetric_click"]:checked').val(),
                left_riser_diagram_url: $('#build_menu_riser_diagram_url_modal').val(),
                left_planimetric_floor_guid: $('#build_menu_planimetric_floor_modal').val(),
                right_drawing: $('input[name="drawing_r"]:checked').val(),
                right_system_url: $('#build_menu_systemurl_modal_r').val(),
                right_icon_click: right_icon_click,
                right_icon_click_url: $('#build_menu_icon_click_url_modal_r').val(),
                right_icon_click_url_width: $('#build_menu_icon_click_url_width_modal_r').val(),
                right_icon_click_url_height: $('#build_menu_icon_click_url_height_modal_r').val(),
                right_planimetric_click: $('input[name="planimetric_click_r"]:checked').val(),
                right_riser_diagram_url: $('#build_menu_riser_diagram_url_modal_r').val(),
                right_planimetric_floor_guid: $('#build_menu_planimetric_floor_modal_r').val()
            };
            $.post(url, send_data, function (rel) {
                if (rel.code != "0000") {
                    toast_error(rel.msg);
                    $('#build-menu-modal').modal('hide');
                }
                else {
                    buildMenuTable.ajax.reload(null, false);
                    $('#build-menu-modal').modal('hide');
                    $('#buildlist').find('.btn-success').trigger('click');
                    toast_ok(rel.msg);
                }
            }, 'json');
        }
        //#endregion
        //#region 修改menu
        $('#buildMenu_table').on("click", "button.edit-btn", function () {
            var url = "/BuildMenu/GetBuildMenu";
            var send_data = {
                building_tag: $(this).attr('bg-guid'),
                main_system_tag: $(this).attr('ms-guid'),
                sub_system_tag: $(this).attr('ss-guid')
            };
            $.post(url, send_data, function (rel) {
                if (rel.code != "0000") {
                    toast_error(rel.msg);
                }
                else {
                    $('#build_menu_building_modal').val(rel.data.building_tag);
                    $('#build_menu_main_modal').val(rel.data.main_system_tag);
                    $('#build_menu_building_modal').attr('disabled', true);
                    $('#build_menu_main_modal').attr('disabled', true);
                    $('#build_menu_sub_modal').attr('disabled', true);
                    $('#build_menu_sub_modal').append($("<option />").val(rel.data.sub_system_tag).text(rel.data.sub_system_guid_name));
                    $('#build_menu_sub_modal').val(rel.data.sub_system_tag);

                    //left
                    $('#build_menu_blankurl_modal').val(rel.data.left_build_menu_blankurl_modal);
                    $("input[name='drawing'][value='" + rel.data.left_drawing + "']").prop("checked", true);
                    if (rel.data.left_planimetric_click == 1) {
                        $('input[name="planimetric_click"]').prop("checked", true)
                    } else {
                        $('input[name="planimetric_click"]').prop("checked", false)
                    }
                    $('#build_menu_systemurl_modal').val(rel.data.left_system_url);
                    $.each($("input[name='icon_click[]']"), function (index, item) {
                        if (parseInt(item.value) & rel.data.left_icon_click > 0) {
                            $(item).prop("checked", true);
                        } else {
                            $(item).prop("checked", false);
                        }
                    });
                    @*$("input[name*='icon_click_onoff'][value='" + rel.data.icon_click + "']").prop("checked", true);*@
                    $('#build_menu_icon_click_url_modal').val(rel.data.left_icon_click_url);
                    if (rel.data.left_icon_click_url_width != undefined && rel.data.left_icon_click_url_width != null && rel.data.left_icon_click_url_width > 0) {
                        $('#build_menu_icon_click_url_width_modal').val(rel.data.left_icon_click_url_width);
                    } else {
                        $('#build_menu_icon_click_url_width_modal').val("");
                    }
                    if (rel.data.left_icon_click_url_height != undefined && rel.data.left_icon_click_url_height != null && rel.data.left_icon_click_url_height > 0) {
                        $('#build_menu_icon_click_url_height_modal').val(rel.data.left_icon_click_url_height);
                    } else {
                        $('#build_menu_icon_click_url_height_modal').val("");
                    }

                    //right
                    $("input[name*='drawing_r'][value='" + rel.data.right_drawing + "']").prop("checked", true);
                    if (rel.data.right_planimetric_click == 1) {
                        $('input[name="planimetric_click_r"]').prop("checked", true)
                    } else {
                        $('input[name="planimetric_click_r"]').prop("checked", false)
                    }
                    $('#build_menu_systemurl_modal_r').val(rel.data.right_system_url);
                    $.each($("input[name='icon_click[]_r']"), function (index, item) {
                        if (parseInt(item.value) & rel.data.left_icon_click > 0) {
                            $(item).prop("checked", true);
                        } else {
                            $(item).prop("checked", false);
                        }
                    });
                     $('#build_menu_icon_click_url_modal_r').val(rel.data.right_icon_click_url);
                    if (rel.data.right_icon_click_url_width != undefined && rel.data.right_icon_click_url_width != null && rel.data.right_icon_click_url_width > 0) {
                        $('#build_menu_icon_click_url_width_modal_r').val(rel.data.right_icon_click_url_width);
                    } else {
                        $('#build_menu_icon_click_url_width_modal_r').val("");
                    }
                    if (rel.data.right_icon_click_url_height != undefined && rel.data.right_icon_click_url_height != null && rel.data.right_icon_click_url_height > 0) {
                        $('#build_menu_icon_click_url_height_modal_r').val(rel.data.right_icon_click_url_height);
                    } else {
                        $('#build_menu_icon_click_url_height_modal_r').val("");
                    }
                    
                    changebuild_menu_drawing_modal();
                    GetBuildingHas3D();
                    GetFloorInSubSystem(rel.data.left_planimetric_floor_guid);
                    GetFloorInSubSystem(rel.data.right_planimetric_floor_guid);
                    $('.modal-title').html("選單基本資料 - 修改");

                    $('#build-menu-modal').modal();
                }
            }, 'json');
        });
        //#endregion

        function changebuild_menu_drawing_modal(selector = "input[name^='drawing']:checked") {
            $(selector).each(function (index, value) {
                let drawingParent = $(value).parents("[id^=build_menu_position]");

                // 重置所有相關的 modal
                $(drawingParent).find('[id^=build_menu_icon_click_onoff_modal_div]').hide();
                $(drawingParent).find('[id^=build_menu_blankurl_modal_div]').hide();
                $(drawingParent).find('[id^=build_menu_icon_click_url_width_height_modal_div]').hide();
                $(drawingParent).find('[id^=build_menu_planimetric_floor_modal_div]').hide();
                $(drawingParent).find('[id^=build_menu_systemurl_modal_div]').hide();
                $(drawingParent).find('[id^=build_menu_planimetric_modal_div]').show();

                // 根據 input 的值設定顯示/隱藏邏輯
                switch ($(value).val()) {
                    case '2':
                        $(drawingParent).find('[id^=planimetric_click]').attr("disabled", false);
                        $(drawingParent).find('[id^=build_menu_systemurl_modal_div]').show();

                        function toggleModalVisibilityCase2() {
                            const planimetricChecked = $(drawingParent).find('#build_menu_planimetric_modal_div input[type=checkbox]').is(":checked");
                            if (planimetricChecked) {
                                $(drawingParent).find('#build_menu_icon_click_url_width_height_modal_div').show();
                            } else {
                                $(drawingParent).find('#build_menu_icon_click_url_width_height_modal_div').hide();
                            }
                        }

                        $(drawingParent).find('#build_menu_planimetric_modal_div').on("click", "input[type=checkbox]", function () {
                            toggleModalVisibilityCase2();
                        });

                        toggleModalVisibilityCase2(); // 初始化時也要檢查一次
                        break;

                    case '4':
                        $(drawingParent).find('[id^=planimetric_click]').attr("disabled", false);
                        $(drawingParent).find('[id^=build_menu_icon_click_onoff_modal_div]').show();

                        function toggleModalVisibilityCase4() {
                            const planimetricChecked = $(drawingParent).find('#build_menu_planimetric_modal_div input[type=checkbox]').is(":checked");
                            const onoffChecked = $(drawingParent).find('#build_menu_icon_click_onoff_modal_div input[type=checkbox]').is(":checked");

                            if (planimetricChecked || onoffChecked) {
                                $(drawingParent).find('#build_menu_icon_click_url_width_height_modal_div').show();
                            } else {
                                $(drawingParent).find('#build_menu_icon_click_url_width_height_modal_div').hide();
                            }
                        }

                        $(drawingParent).find('#build_menu_planimetric_modal_div').on("click", "input[type=checkbox]", function () {
                            toggleModalVisibilityCase4();
                        });

                        $(drawingParent).find('#build_menu_icon_click_onoff_modal_div').on("click", "input[type=checkbox]", function () {
                            toggleModalVisibilityCase4();
                        });

                        toggleModalVisibilityCase4(); // 初始化時也要檢查一次
                        break;

                    case '1':
                        $(drawingParent).find('[id^=planimetric_click]').prop("checked", true).attr("disabled", true);
                        $(drawingParent).find('[id^=build_menu_planimetric_floor_modal_div]').show();
                        break;

                    case '5':
                        $(drawingParent).find('[id^=planimetric_click]').prop("checked", false);
                        $(drawingParent).find('[id^=build_menu_blankurl_modal_div]').show();
                        break;

                    case '3':
                        $(drawingParent).find('[id^=planimetric_click]').prop("checked", false).attr("disabled", true);
                        break;

                    default:
                        $(drawingParent).find('[id^=build_menu_planimetric_modal_div]').hide();
                        break;
                }
            });
        }




        // function changebuild_menu_drawing_modal(selector = "input[name^='drawing']:checked") {

        //     $(selector).each(function (index, value) {
        //         let drawingParent = $(value).parents("[id^=build_menu_position]")
        //         $(drawingParent).find('[id^=build_menu_icon_click_onoff_modal_div]').hide();
        //         $(drawingParent).find('[id^=build_menu_blankurl_modal_div]').hide();
        //         $(drawingParent).find('[id^=build_menu_icon_click_url_modal_div]').hide();
        //         $(drawingParent).find('[id^=build_menu_icon_click_url_width_height_modal_div]').hide();
        //         $(drawingParent).find('[id^=build_menu_planimetric_floor_modal_div]').hide();
        //         $(drawingParent).find('[id^=build_menu_systemurl_modal_div]').hide();
        //         $(drawingParent).find('[id^=build_menu_planimetric_modal_div]').show();
        //         if ($(value).val() == 2) {
        //             $(drawingParent).find('[id^=planimetric_click]').attr("disabled", false);
        //             $(drawingParent).find('[id^=build_menu_systemurl_modal_div]').show();
        //             if ($(drawingParent).find("[id^=planimetric_click]").prop('checked')) {
        //                 $(drawingParent).find('[id^=build_menu_icon_click_url_width_height_modal_div]').show();
        //             }
        //         } else if ($(value).val() == 4) {
        //             $(drawingParent).find('[id^="planimetric_click"]').attr("disabled", false);
        //             $(drawingParent).find('[id^=build_menu_icon_click_onoff_modal_div]').show();
        //             if ($(drawingParent).find("[id^=icon_click_url]").prop('checked')) {
        //                 $(drawingParent).find('[id^=build_menu_icon_click_url_modal_div]').show();
        //                 $(drawingParent).find('[id^=build_menu_icon_click_url_width_height_modal_div]').show();
        //             }
        //         } else if ($(value).val() == 1) {
        //             $(drawingParent).find('[id^=planimetric_click]').prop("checked", true).attr("disabled", true);
        //             $(drawingParent).find('[id^=build_menu_planimetric_floor_modal_div]').show();
        //         } else if ($(value).val() == 5) {
        //             $(drawingParent).find('[id^=planimetric_click]').prop("checked", false);
        //             $(drawingParent).find('[id^=build_menu_blankurl_modal_div]').show();
        //         } else if ($(value).val() == 3) {
        //             $(drawingParent).find('[id^=planimetric_click]').prop("checked", false).attr("disabled", true);
        //         } else {
        //             $(drawingParent).find('[id^=build_menu_planimetric_modal_div]').hide();
        //         }

        //     })


        // }
        $('#buildMenu_table').on("click", "button.del-btn", function () {
            
            var send_data = {
                building_tag: $(this).attr('bg-guid'),
                main_system_tag: $(this).attr('ms-guid'),
                sub_system_tag: $(this).attr('ss-guid')
            };
            Swal.fire(
                {
                    title: "刪除",
                    text: "你確定是否刪除此筆資料?",
                    type: "warning",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonText: "是",
                    cancelButtonText: "否"
                }).then(function (result) {
                    if (result.value) {
                        if ($("#buildMenu_floor_table").find(".dataTables_empty").length != 1) {
                            Swal.fire(
                                {
                                    title: "刪除失敗",
                                    icon: 'warning',
                                    html: '下方樓層設定中尚有樓層正在使用該棟別選單，故無法刪除',
                                    html: '需先刪除所有相關樓層才可進行刪除',
                                });
                            return;
                        }
                        else {
                            var url = "/BuildMenu/DeleteBuildMenu/";
                            $.post(url, send_data, function (rel) {
                                if (rel.code == "9999") {
                                    toast_error(rel.msg);
                                    return;
                                }
                                toast_ok(rel.msg);
                                buildMenuTable.ajax.reload(null, false);
                            }, 'json');
                        }
                    }
                });
        });
        $('#buildMenu_table').on("click", "tbody>tr", function () {
            if ($(this).attr('role'))
            {
                $(this).parents().find('tr').css('background-color', '#fff');
                $(this).css('background-color', '#67B4AC');
                SelectBuild = $(this).attr('bg-guid');
                SelectMainSys = $(this).attr('ms-guid');
                SelectSubSys = $(this).attr('ss-guid');
            @*$('#menu_floor_main_modal').append($("<option />").val($(this).attr('ms-guid')).text($(this).attr('ms-name')));
                $('#menu_floor_sub_modal').append($("<option />").val($(this).attr('ss-guid')).text($(this).attr('ss-name')));*@
                $('#menu_floor_main_modal').html($(this).attr('ms-name'))
                $('#menu_floor_sub_modal').html($(this).attr('ss-name'))
                $('#floorcard').show();
                $('#floorcard').find('.card-title').html($(this).attr('ms-name') + "-" + $(this).attr('ss-name') + "-樓層設定");
                buildMenuFloorTable.ajax.reload(null, false);
            }
        });
        function AddFloor() {
            var send_data = {
                building_tag: SelectBuild,
                main_system_tag: SelectMainSys,
                sub_system_tag: SelectSubSys
            };
            var url = "/BuildMenu/GetNotUsefloor/";
            $.post(url, send_data, function (rel) {
                if (rel.code == "9999") {
                    toast_error(rel.msg);
                    return;
                }
                var checkbox = "";
                $('#floor_check').empty();
                $.each(rel.data, function (index, val) {
                    checkbox += '<div class="col-3 mb-2 custom-control custom-checkbox align-content-center">';
                    checkbox += '<input type="checkbox" class="custom-control-input" name="selectfloor[]"  id="' + val.value + '" value="' + val.name + ' " />';
                    checkbox += '<label class="custom-control-label" for="' + val.value + '">' + val.name + '</label>';
                    checkbox += '</div>';
                });
                $('#floor_check').append(checkbox);
                $('#menu-floor-modal').modal();
                buildMenuFloorTable.ajax.reload(null, false);
            }, 'json');
        }
        function SaveFloorMenuModal() {
            var SelectAddFloor = $("input[name='selectfloor[]']:checked").map(function () {
                return $(this).val();
            }).get();
            if (SelectAddFloor.length == 0) {
                Swal.fire(
                    {
                        title: "儲存失敗",
                        icon: 'warning',
                        html: '沒有選擇樓層不能儲存',
                    });
                return;
            }
            var send_data = {
                building_tag: SelectBuild,
                main_system_tag: SelectMainSys,
                sub_system_tag: SelectSubSys,
                floorlist: SelectAddFloor
            };
            var url = "/BuildMenu/SaveAddsubfloor/";
            $.post(url, send_data, function (rel) {
                if (rel.code == "9999") {
                    toast_error(rel.msg);
                    return;
                }
                toast_ok(rel.msg);
                buildMenuFloorTable.ajax.reload(null, false);
                $('#menu-floor-modal').modal('hide');
            }, 'json');


        }
        $('#buildMenu_floor_table').on("click", "button.del-btn", function () {
            var send_data = {
                sub_system_floor_id: $(this).parents('tr').attr('ssf-guid')
            };
            Swal.fire(
                {
                    title: "刪除",
                    text: "你確定是否刪除此筆資料?",
                    type: "warning",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonText: "是",
                    cancelButtonText: "否"
                }).then(function (result) {
                    if (result.value) {
                        var url = "/BuildMenu/DeleteBuildFloorMenu/";
                        $.post(url, send_data, function (rel) {
                            if (rel.code != "0000") {
                                if (rel.code == "9999") {
                                    toast_error(rel.msg);
                                }
                                else if (rel.code == "9997") {
                                    var htnl = rel.msg + "<br>"
                                    Swal.fire(
                                        {
                                            title: "刪除失敗",
                                            icon: 'warning',
                                            html: htnl,
                                        });
                                }
                                else {
                                    toast_warning(rel.msg);
                                }
                                return;
                            }
                            else {
                                toast_ok(rel.msg);
                                buildMenuFloorTable.ajax.reload(null, false);
                                return;
                            }
                        }, 'json');
                    }
                });
        });
        function AllMainSys() {
            if (selectAllMain) {
                SelectMainList = [];
                $('#mainlist').find('.btn').removeClass('btn-success').addClass("btn-outline-success");
                selectAllMain = false;
            } else {
                SelectMainList = AllMainList;
                $('#mainlist').find('.btn').removeClass('btn-outline-success').addClass("btn-success");
                selectAllMain = true;
            }
            buildMenuTable.ajax.reload();
        }
        function AddTagIntoClickUrl(tag, way) {
            var elem = way == "l" ? $('#build_menu_icon_click_url_modal') : $('#build_menu_icon_click_url_modal_r');
            var a = elem.val();

            switch (tag) {
                case 'device_building_tag':
                    elem.val(a + '/[device_building_tag]');
                    break;
                case 'device_system_tag':
                    elem.val(a + '/[device_system_tag]');
                    break;
                case 'device_floor_tag':
                    elem.val(a + '/[device_floor_tag]');
                    break;
                case 'device_name_tag':
                    elem.val(a + '/[device_name_tag]');
                    break;
                case 'device_serial_tag':
                    elem.val(a + '/[device_serial_tag]');
                    break;
                case 'tag_name':
                    elem.val(a + '/[tag_name]');
                    break;
            }

        }
        function GetFloorInSubSystem(floor = null) {
            var url = "/BuildMenu/GetFloorInSubSystem";
            var send_data = {
                building_tag: $('#build_menu_building_modal').val(),
                main_system_tag: $('#build_menu_main_modal').val(),
                sub_system_tag: $('#build_menu_sub_modal').val(),
            };
            
            $.post(url, send_data, function (rel) {
                if (rel.code != "0000") {
                    toast_error(rel.msg);
                }
                else {
                    if (rel.data.length == 0) {
                        $('[id^=drawing_1_div]').hide();
                        $('[id^=build_menu_planimetric_floor_modal_div]').hide();
                    }
                    else {
                        $('#build_menu_planimetric_floor_modal,#build_menu_planimetric_floor_modal_r').empty();
                        $.each(rel.data, function (index, val) {
                            $('#build_menu_planimetric_floor_modal').append($("<option />").val(val.value).text(val.name));
                            $('#build_menu_planimetric_floor_modal_r').append($("<option />").val(val.value).text(val.name));
                        });
                        if (floor != null) {
                            $('#build_menu_planimetric_floor_modal').val(floor);
                            $('#build_menu_planimetric_floor_modal_r').val(floor);
                        }
                        $('[id^=drawing_1_div]').show();

                        $('[id^=build_menu_planimetric_floor_modal_div]').show();
                        changebuild_menu_drawing_modal();
                    }
                }
            }, 'json');
        }

        function GetBuildingHas3D() {
            var url = "/BuildMenu/GetBuildingHas3D";
            var send_data = {
                building_tag: $('#build_menu_building_modal').val(),
            };

            $.post(url, send_data, function (rel) {
                if (rel.code != "0000") {
                    toast_error(rel.msg);
                }
                else {
                    if (rel.data == 0) {
                        $('[id^=drawing_3_div]').hide();
                    }
                    else {
                        $('[id^=drawing_3_div]').show();
                        changebuild_menu_drawing_modal();
                    }
                }
            }, 'json');
        }
    </script>
}