<%@ Page Title="" Language="C#" MasterPageFile="~/Main.Master" AutoEventWireup="true" CodeBehind="Home.aspx.cs" Inherits="Neclog_3_0.Home" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<%@ Register TagPrefix="obout" Namespace="OboutInc.Flyout2" Assembly="obout_Flyout2_NET" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script src="/App_Include/JavaScript/FCalender.js"></script>
    <link href="/App_Include/StyleSheet/zcCalendar.css" rel="stylesheet" />
    <script type="text/javascript">
        function openModal() {
            $('#myModal').modal('show');
        }

        function closeModal() {
            debugger;
            $('#myModal').modal('hide');
        }
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <div class='divtable'>
        <div class='form-box'>
            <div class="box box-success">
                <div class="form-horizontal">
                    <div class="box-body">
                        <div class="form-group">
                            <div class="box-body">
                                <asp:UpdatePanel runat="server">
                                    <ContentTemplate>
                                        <div class="tab-content no-padding">
                                            <asp:Timer ID="tmrRefreshHomeScreen" runat="server" Interval="5000" ViewStateMode="Enabled" Enabled="false" OnTick="tmrRefreshHomeScreen_Tick"></asp:Timer>
                                            <div class="chart tab-pane active" id="Instrument-Log" style="position: relative; height: 300px;">
                                                <div class="table-responsive">
                                                    <table class="table no-margin">
                                                        <thead>
                                                            <tr>
                                                                <th>Instrument Name</th>
                                                                <th>Data Log</th>
                                                                <th>Alarm Log</th>
                                                                <th>Reviewed Log Date</th>
                                                                <th>Approved Log Date</th>
                                                                <th>Pending Alarms</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody id="tbodyInstrumentStatus" runat="server">
                                                            <tr>
                                                               <%-- <td><a href="pages/examples/invoice.html">OR9842</a></td>
                                                                <td>Call of Duty IV</td>
                                                                <td><span class="label label-success">Shipped</span></td>
                                                                <td>
                                                                    <div class="sparkbar" data-color="#00a65a" data-height="20">90,80,90,-70,61,-83,63</div>
                                                                </td>
                                                                <td></td>--%>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                                <!-- /.table-responsive -->
                                            </div>

                                            <!-- Modal -->
                                            <div class="modal fade" id="myModal" role="dialog">
                                                <div class="modal-dialog">

                                                    <!-- Modal content-->
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <h4 class="modal-title" id="modelHeader" runat="server"></h4>
                                                        </div>
                                                        <div class="modal-body">
                                                            <p id="paraAlarmLog" runat="server">
                                                                <div class="chart tab-pane active" id="Alarm-Log" style="position: relative; height: 300px;">
                                                                    <div class="table-responsive">
                                                                        <table class="table no-margin">
                                                                            <thead>
                                                                                <tr>
                                                                                    <th>Log Date Time</th>
                                                                                    <th>Alarm Desc</th>
                                                                                </tr>
                                                                            </thead>
                                                                            <tbody id="tbodyAlarmLog" runat="server">
                                                                            </tbody>
                                                                        </table>
                                                                    </div>
                                                                </div>
                                                            </p>
                                                        </div>
                                                        <div class="modal-footer">
                                                            <asp:Button Text="Close" ID="btnClose" class="btn btn-default" OnClick="btnClose_Click" OnClientClick="closeModal();" runat="server" />
                                                        </div>
                                                    </div>

                                                </div>
                                            </div>
                                        </div>
                                    </ContentTemplate>
                                    <Triggers>
                                        <asp:AsyncPostBackTrigger ControlID="tmrRefreshHomeScreen" EventName="Tick" />
                                    </Triggers>
                                </asp:UpdatePanel>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</asp:Content>
