<div class="row mb-5" id="system-main-list">
</div>

<div class="card border mb-g w-100 mb-5" >
    <div class="card-header bg-fusion-25 py-2 pr-3 d-flex align-items-center flex-wrap justify-content-end">
        <div class="text-right ">
            <a href="javascript:;" class="btn btn-success waves-effect waves-themed" id="addSystemSub-btn" onclick="AddSystemSub()"><span class="fal fa-plus mr-1"></span>新增</a>
        </div>
    </div>
    <div class="card-body">
        <div class="w-100">
            <div class="col-12">
                <!-- datatable start -->
                <table id="system_sub_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>功能</th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>


<div class="card border mb-g w-100 mb-5" id="submenucard">
    <div class="card-header bg-fusion-25 py-2 pr-3 d-flex align-items-center flex-wrap justify-content-end">
        <div class="text-right ">
            <a href="javascript:;" class="btn btn-success waves-effect waves-themed" id="adddevice_item-btn" onclick="Adddevice_item()"><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="device_sub_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>是否顯示於昇位圖(僅可擇一顯示)</th>
                            <th>是否加入 - 設備燈號中的點位選單</th>
                            <th>是否為布林值</th>
                            <th>是否與N4同步</th>
                            <th>是否顯示在歷史資料</th>
                            <th>功能</th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<!-- Modal 系統小類資料 -->
<div class="modal fade" id="system-sub-modal" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog modal-dialog-centered modal-sm" 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 class="system-sub-form" id="system-sub-form">
                    <div class="row">
                        <div class="form-group col-12">
                            <label class="form-label" for="system_main_name">大類名稱</label>
                            <h6 id="system_main_name"></h6>
                        </div>
                        <div class="form-group col-12">
                            <label class="form-label" for="system_sub_name_modal"><span class="text-danger">*</span>小類名稱</label>
                            <input type="text" id="system_sub_name_modal" class="form-control" name="system_sub_name_modal">
                        </div>
                        <div class="form-group col-12">
                            <label class="form-label" for="system_sub_code_modal"><span class="text-danger">*</span>代號</label>
                            <input type="text" id="system_sub_code_modal" class="form-control" name="system_sub_code_modal">
                        </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" id="save-system-sub-btn" onclick="SaveSystemSub()">確定</button>
            </div>
        </div>
    </div>
</div>
<!-- /.Modal 系統小類資料 -->


<div class="modal fade" id="device-sub-modal" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog modal-dialog-centered modal-sm" 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 class="device-item-sub-form" id="device-item-sub-form">
                    <div class="row">
                        <div class="form-group col-12">
                            <label class="form-label" for="device_sub_name_modal"><span class="text-danger">*</span>名稱</label>
                            <input type="text" id="device_sub_name_modal" class="form-control" name="device_sub_name_modal">
                        </div>
                        <div class="form-group col-12">
                            <label class="form-label" for="device_sub_points_modal"><span class="text-danger">*</span>點位</label>
                            <input type="text" id="device_sub_points_modal" class="form-control" name="device_sub_points_modal">
                        </div>
                        <div class="form-group col-12">
                            <label class="form-label" for="device_sub_unit_modal">單位</label>
                            <input type="text" id="device_sub_unit_modal" class="form-control" name="device_sub_unit_modal">
                        </div>
                        <div class="form-group col-12">
                            <div class="col-12 mb-2 custom-control custom-checkbox align-content-center">
                                <input type="checkbox" class="custom-control-input" name="is_show" id="is_show" value="1" />
                                <label class="custom-control-label" for="is_show">是否顯示於平面圖</label>
                            </div>
                        </div>
                        <div class="form-group col-12">
                            <div class="col-12 mb-2 custom-control custom-checkbox align-content-center">
                                <input type="checkbox" class="custom-control-input" name="is_show_riserDiagram" id="is_show_riserDiagram" value="1" />
                                <label class="custom-control-label" for="is_show_riserDiagram">是否顯示於昇位圖</label>
                            </div>
                        </div>
                        <div class="form-group col-12">
                            <div class="col-12 mb-2 custom-control custom-checkbox align-content-center">
                                <input type="checkbox" class="custom-control-input" name="is_controll" id="is_controll" value="1" />
                                <label class="custom-control-label" for="is_controll">是否加入 - 設備燈號中的點位選單</label>
                            </div>
                        </div>
                        <div class="form-group col-12">
                            <div class="col-12 mb-2 custom-control custom-checkbox align-content-center">
                                <input type="checkbox" class="custom-control-input" name="is_bool" id="is_bool" value="1" />
                                <label class="custom-control-label" for="is_bool">是否為布林值</label>
                            </div>
                        </div>
                        <div class="form-group col-12">
                            <div class="col-12 mb-2 custom-control custom-checkbox align-content-center">
                                <input type="checkbox" class="custom-control-input" name="is_show_history" id="is_show_history" value="1" />
                                <label class="custom-control-label" for="is_show_history">是否顯示在歷史資料</label>
                            </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" id="save-device-item-btn" onclick="Savedevice_item()">確定</button>
            </div>
        </div>
    </div>
</div>