<%@ page language="C#" autoeventwireup="true" inherits="admin_Room_Room_Details, ALL" enableEventValidation="false" %>

<%@ Register Src="~/admin/MyHeader.ascx" TagPrefix="uc1" TagName="MyHeader" %>
<%@ Register Src="~/admin/MyFooter.ascx" TagPrefix="uc1" TagName="MyFooter" %>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>会议室预约系统</title>
    <link href="/control/plugin/bootstrap3/css/bootstrap.min.css" rel="stylesheet" />
    <link href="/admin/css/style.css?v=201721" rel="stylesheet" />
    <script src="/control/js/jquery.js"></script>
    <script src="/control/plugin/bootstrap3/js/bootstrap.min.js"></script>
    <link href="/control/css/msgbox.css" rel="stylesheet" />
    <script src="/control/js/msgbox.js"></script>
    <style type="text/css">
        .ditem {
            font-size: 18px;
            color: brown;
        }

        img {
            max-width: 100%;
        }
    </style>
</head>
<body>
    <uc1:MyHeader runat="server" ID="MyHeader1" />
    <div class=" container-fluid">

        <div class="row">
            <div class="col-lg-12">
                <!-- Nav tabs -->
                <ul class="nav nav-tabs" role="tablist">
                    <li role="presentation" class="active"><a href="#home">会议室描述</a></li>
                    <li role="presentation"><a href="Room_Meeting.aspx?id=<%=Request["id"] %>">预约情况</a></li>
                    <%--      <li role="presentation"><a href="Room_User.aspx?id=<%=Request["id"] %>">允许预约用户</a></li>--%>
                </ul>
                <!-- Tab panes -->
                <div class="tab-content">
                    <div class="panel">

                        <div class="panel-body">
                            <div class="row">

                                <div class="col-lg-6">
                                    <h3 class="page-header">会议室设备详细 <small>当前会议室各个设备详细介绍</small></h3>
                                    <div class="form-group">
                                        <label class=" control-label">
                                            会议室名称<span class='rd'>*</span>：  
                                        </label>
                                        <div>
                                            <asp:Label ID="txtr_name" runat="server" MaxLength="50" CssClass="ditem"></asp:Label>

                                                <asp:Label ID="labdisable" runat="server" CssClass="label label-danger " Text="禁止预订" ></asp:Label>
                                                <asp:Label ID="labbespeak" runat="server" CssClass="label label-warning" Text="只允许专员预订" ></asp:Label>

                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class=" control-label">
                                            面积<span class='rd'>*</span>： 
                                        </label>
                                        <div>
                                            <asp:Label ID="txtr_size" runat="server" MaxLength="8" CssClass="ditem"></asp:Label>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class=" control-label">
                                            可容纳人数<span class='rd'>*</span>：    
                                        </label>
                                        <div>
                                            <asp:Label ID="txtr_maxNumber" runat="server" MaxLength="8" CssClass="ditem"></asp:Label>
                                        </div>
                                    </div>
                                   
                                    <div class="form-group">
                                        <label class=" control-label">
                                            所在位置<span class='rd'>*</span>：  
                                        </label>
                                        <div>
                                            <asp:Label ID="txtr_position" runat="server" MaxLength="255" CssClass="ditem"></asp:Label>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class=" control-label">
                                            会议室介绍<span class='rd'>*</span>：  
                                        </label>
                                        <div>
                                            <asp:Label ID="txtr_note" runat="server" MaxLength="255" CssClass="ditem"></asp:Label>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class=" control-label">
                                            会议室照片<span class='rd'>*</span>：
                                        </label>
                                        <div>
                                            <asp:Image ID="imgr_photo" runat="server" Style="max-width: 100%" />
                                        </div>
                                    </div>
                                </div>

                                <div class="col-lg-6">

                                    <h3 class="page-header">会议室设备详细 <small>当前会议室各个设备详细介绍</small></h3>
                                    <div class="list-group">
                                        <asp:Repeater ID="rptEquipment" runat="server">
                                            <ItemTemplate>
                                                <div class="list-group-item">
                                                    <h4 class="list-group-item-heading"><%#Eval("rr_name") %></h4>
                                                    
                                                
                                                  
                                         
                                                   
                                                </div>
                                            </ItemTemplate>
                                        </asp:Repeater>
                                    </div>
                                </div>
                            </div>
                            <!-- Add.aspx -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <uc1:MyFooter runat="server" ID="MyFooter1" />

    <script type="text/javascript">

        function add() {
            $("#iframeContent").hide();
            $("#iframeContent").attr("src", "/admin/Room/Room_Add.aspx");
            $("#OperDialog").modal({ backdrop: false });
            $("#operTitle").text("添加");
        }
        function edit(id) {

            $("#iframeContent").hide();
            $("#iframeContent").attr("src", "/admin/Room/Room_Edit.aspx?id=" + id);
            $("#OperDialog").modal({ backdrop: false });
            $("#operTitle").text("编辑");
        }
        function reload() {
            window.location.reload();
        }
        function ShowDialog() {
            $("#iframeContent").show();
        }
        function rd(key) {
            if (confirm('确定删除该项！')) {
                ZENG.msgbox.show('删除中...', 6);
                $.ajax({
                    type: "POST",
                    dataType: "json",
                    data: { "did": key },
                    success: function (result) {
                        ZENG.msgbox._hide();
                        if (result.state == 1) {
                            location.reload();
                        } else {
                            alert(result.data);
                        }
                    }
                });
            }
        }
    </script>
    <div class="modal" id="OperDialog" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
        <div class="modal-dialog  " role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="operTitle"></h4>
                </div>
                <div class="modal-body">
                    <div style="height: 545px">
                        <iframe id="iframeContent" width="100%" height="540" frameborder="0" style="display: none"></iframe>
                    </div>
                    <!-- Table -->
                </div>
            </div>
        </div>
    </div>

</body>
</html>
