<%@ page language="C#" masterpagefile="~/Pages/Common/MasterPages/MainMasterPage_new.master" autoeventwireup="true" inherits="Pages_Hostel_HostelSummaryDashboard, App_Web_kux14qts" enableEventValidation="false" viewStateEncryptionMode="Never" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<%@ Register Src="~/UserControls/GridViewPager/GridViewPager.ascx" TagName="GridViewPager" TagPrefix="uc1" %>
<%@ Register Src="~/UserControls/Common/ScreenGroup/ScreenGroup.ascx" TagName="ScreenGroupControl" TagPrefix="ScreenGroup" %>
<%@ Register Src="~/UserControls/DatePicker/DatePickerAutoPostBackControl.ascx" TagName="DatePickerControl" TagPrefix="Date" %>
<%@ Register Src="~/UserControls/Common/Hostel/HostelDetailBoxControl.ascx" TagName="HostelControl" TagPrefix="Hostel" %>
<asp:Content ID="Content1" ContentPlaceHolderID="CP" runat="Server">
    <link href="../../App_Themes/jquery-ui.css" rel="stylesheet" />
    <link href="../../App_Themes/newTheme/css/inner-db.css" rel="stylesheet" />
    <script src="../../App_Themes/newTheme/js/Chart.min.js"></script>
    <script src="../../App_Themes/newTheme/js/utils.js"></script>
    <asp:UpdatePanel ID="ResonMasterUpdatePanel" runat="server" UpdateMode="Always">
        <ContentTemplate>
            <div id="divContentPage" class="divcontentpagemargin">
                <div class="dashBoardLeftCont">
                    <div class="himssuHeader3WireBox">
                        <table>
                            <tr>
                                <td>
                                    <div class="leftUlMenu">
                                        <ScreenGroup:ScreenGroupControl EnableViewState="true" ID="ScreenGroupControl" ScreenGroupId="175"
                                            Visible="true" runat="server" />
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            <%--Here--%>
            <div class="whiteboxpaddingleft row">
                <Hostel:HostelControl ID="HostelUserControl" runat="server" Visible="true" />
                <div class="himssuHeader5WireBox card card-box" id="StudentSearchDiv" runat="server">
                    <div class="himsBoxHeader card-head">
                        <div class="himsBoxTitle">
                            <div class="headerText">
                                <header>
                                    <i class="fas fa-level-up-alt"></i>
                                    <asp:Label ID="ReasonMasterDetailLabel" runat="server" Text="Hostel Dashboard "></asp:Label>
                                </header>
                            </div>
                        </div>
                    </div>
                    <div class="himsBoxContent card-body">
                        <div class="contentHolder">
                            <div class="row mlr14 center-block">
                                <div class="col-md-6 col-lg-3 col-xl-3 p3">
                                    <div class="card card-inverse gradient-1 hover-expand-effect">
                                        <div class="box">
                                            <div class="icon">
                                                <i class="icon-home"></i>
                                            </div>
                                            <div class="count">
                                                <h1 id="TotalRoomLabel" class="font-light text-white" runat="server"></h1>
                                                <h6 class="text-white">Total Room</h6>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6 col-lg-3 col-xl-3 p3">
                                    <div class="card card-inverse gradient-2  hover-expand-effect">
                                        <div class="box">
                                            <div class="icon">
                                                <i class="icon-home"></i>
                                            </div>
                                            <div class="count">
                                                <h1 id="FullRoomLabel" class="font-light text-white" runat="server"></h1>
                                                <h6 class="text-white">Full Room</h6>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6 col-lg-3 col-xl-3 p3">
                                    <div class="card card-inverse gradient-3 hover-expand-effect">
                                        <div class="box">
                                            <div class="icon">
                                                <i class="icon-home"></i>
                                            </div>
                                            <div class="count">
                                                <h1 id="AvailableRoomLabel" class="font-light text-white" runat="server"></h1>
                                                <h6 class="text-white">Available Room</h6>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6 col-lg-3 col-xl-3 p3">
                                    <div class="card card-inverse gradient-4 hover-expand-effect">
                                        <div class="box">
                                            <div class="icon">
                                                <i class="icon-home"></i>
                                            </div>
                                            <div class="count">
                                                <h1 id="EmptyRoomLabel" class="font-light text-white" runat="server"></h1>
                                                <h6 class="text-white">Empty Room </h6>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="himsBoxHeader  card-head inner">
                                <div class="himsBoxTitle">
                                    <div class="headerText fLeft">
                                        <header>
                                            <asp:Label ID="NoofStudent_Label" runat="server" Text="Gate Pass Based Students' Details" Font-Bold="true"></asp:Label>
                                        </header>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="outerBox pTop5 col-md-3">
                            <div class="controlLabelWidth">
                                <asp:Label ID="DateLabel" runat="server" Text="Date" SkinID="MandatoryLabel"></asp:Label>
                            </div>
                            <div class="fLeft pRight5">
                                <Date:DatePickerControl ID="DatePickerControl" runat="server" DisplayDatePicker="true" OnTextChanged="DatePickerControl_TextChanged" />
                                <%--<Date:DatePickerControl DisplayDatePicker="true" ID="DatePickerControl" runat="server" OnTextChanged="DatePickerControl_TextChanged" />--%>
                            </div>
                        </div>
                        <%-- <div class="alignCenter pTop5 col-md-12">
                            <asp:Button ID="Search" runat="server" CssClass="btn-search btn fas" Text="&#xf002; Search" OnClick="Search_Click" />
                        </div>--%>
                        <div id="HotelGate" class="himssuHeader1WireBox col-md-12 ptop15" runat="server" visible="false">
                            <asp:GridView ID="HostelGatePassGridview" runat="server" AutoGenerateColumns="False"
                                Width="100%" CssClass="table table-striped table-bordered table-hover"
                                ShowHeader="True" EmptyDataText="No Area Available">
                                <Columns>
                                    <asp:TemplateField HeaderText="Total Students" HeaderStyle-HorizontalAlign="Left">
                                        <ItemTemplate>
                                            <asp:LinkButton ID="TotalStudentsLinkButton" runat="server" CommandName="Select"
                                                Text='<%# Bind("TotalStudents") %>' CausesValidation="false" OnClick="TotalStudentsLinkButton_Click"></asp:LinkButton>                                            
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                    <asp:TemplateField HeaderText="Out Students" HeaderStyle-HorizontalAlign="Left">
                                        <ItemTemplate>
                                            <asp:LinkButton ID="OutCountLinkButton" runat="server" CommandName="Select"
                                                Text='<%# Bind("OutCount") %>' CausesValidation="false" OnClick="OutCountLinkButton_Click"></asp:LinkButton>                                            
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                    <asp:TemplateField HeaderText="In Students" HeaderStyle-HorizontalAlign="Left">
                                        <ItemTemplate>
                                            <asp:LinkButton ID="InCountLinkButton" runat="server" CommandName="Select"
                                                Text='<%# Bind("InCount") %>' CausesValidation="false" OnClick="InCountLinkButton_Click"></asp:LinkButton>
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                </Columns>
                            </asp:GridView>
                        </div>
                        <div class="col-md-12">
                            <div class="himsBoxHeader  card-head inner">
                                <div class="himsBoxTitle">
                                    <div class="headerText fLeft">
                                        <header>
                                            <asp:Label ID="AttendanceTypeLabel" runat="server" Text="AttendanceType Based Students' Details" Font-Bold="true"></asp:Label>
                                        </header>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="outerBox pTop5 col-md-12">
                            <asp:Panel ID="Panel3" runat="server">
                                <div class="outerBox pTop5 col-md-3">
                                    <div class="controlLabelWidth">
                                        <asp:Label ID="AttendanceDateLabel" runat="server" SkinID="MandatoryLabel" Text="Attendance Date"></asp:Label>
                                    </div>
                                    <div class="fLeft pRight5">
                                        <Date:DatePickerControl ID="AttendanceDatePickerControl" runat="server" DisplayDatePicker="true" OnTextChanged="AttendanceDatePickerControl_TextChanged" />
                                    </div>
                                </div>
                                <div class="outerBox pTop5 col-md-3">
                                    <div class="controlLabelWidth">
                                        <asp:Label ID="AttendanceTypeDropDownLabel" runat="server" SkinID="MandatoryLabel" Text="Attendance Type"></asp:Label>
                                    </div>
                                    <div class="fLeft pRight5">
                                        <asp:DropDownList ID="HostelAttendanceTypeIdDropDownList" runat="server" CssClass="form-control" onmouseenter="showHideTooltip()" onmouseleave="showHideTooltip()" SkinID="CustomWidthDropDownList" AutoPostBack="true" OnSelectedIndexChanged="HostelAttendanceTypeIdDropDownList_SelectedIndexChanged1">
                                            <asp:ListItem Enabled="true" Value="0" Text="-Select-" runat="server"></asp:ListItem>
                                        </asp:DropDownList>
                                    </div>
                                </div>
                            </asp:Panel>
                        </div>
                        <div class="alignCenter pTop5 col-md-12">
                            <%-- <asp:Button ID="ApplyButton" runat="server" CssClass="btn-search btn fas" Text="&#xf002; Search" OnClick="ApplyButton_Click" />--%>
                        </div>
                        <div class="outerBox pTop5 col-md-12">
                            <div runat="server" class="table-responsive">
                                <asp:GridView ID="HostelAttendanceTypeGridview" runat="server" AutoGenerateColumns="False"
                                    Width="100%" CssClass="table table-striped table-bordered table-hover"
                                    ShowHeader="True" EmptyDataText="No Area Available">
                                    <Columns>
                                        <asp:TemplateField HeaderText="Total Students" HeaderStyle-HorizontalAlign="Left">
                                            <ItemTemplate>
                                                <asp:Label ID="TotalStudents" runat="server" CssClass="boxEllips" Width="200px" Text='<%# Bind("TotalStudents") %>'>
                                                </asp:Label>
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                        <asp:TemplateField HeaderText="Present Count" HeaderStyle-HorizontalAlign="Left">
                                            <ItemTemplate>
                                                <asp:Label ID="PresentCount" runat="server" CssClass="boxEllips" Width="200px" Text='<%# Bind("PresentCount") %>'>
                                                </asp:Label>
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                        <asp:TemplateField HeaderText="Absent Count" HeaderStyle-HorizontalAlign="Left">
                                            <ItemTemplate>
                                                <asp:Label ID="AbsentCount" runat="server" CssClass="boxEllips" Width="200px" Text='<%# Bind("AbsentCount") %>'>
                                                </asp:Label>
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                        <asp:TemplateField HeaderText="Pending Count" HeaderStyle-HorizontalAlign="Left">
                                            <ItemTemplate>
                                                <asp:Label ID="PendingCount" runat="server" CssClass="boxEllips" Width="200px" Text='<%# Bind("PendingCount") %>'>
                                                </asp:Label>
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                    </Columns>
                                </asp:GridView>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>
    <cc1:ModalPopupExtender ID="ViewFeeDetailsModalPopupExtender" runat="server" TargetControlID="HidenButton" PopupControlID="ModalPopUpPanel" BackgroundCssClass="modalBackground"
        Drag="True" PopupDragHandleControlID="dragPanel" Enabled="True" />
    <asp:LinkButton runat="server" ID="HidenButton" meta:resourcekey="HidenButtonResource1" />

    <asp:Panel ID="ModalPopUpPanel" runat="server" CssClass="dragControl" Width="900px" DefaultButton="HidenButton" meta:resourcekey="ModalPopUpPanelResource1">

        <div class="messagebox card card-box">

            <asp:Panel ID="dragPanel" runat="server" CssClass="dragMePanel" Width="100%" meta:resourcekey="dragPanelResource1">
                <div id="dragMe1" class="dragMe card-head" style="cursor: move">
                    <div class="himsPopupWireBox">
                        <div class="himsBoxTopper headerFont">
                            <div class="himsBoxTopper text-center headerFont card-head">
                                <div class="headerText">
                                    <asp:UpdatePanel ID="UpdatePanel3" runat="server" RenderMode="Inline">
                                        <ContentTemplate>
                                            <header>
                                                <asp:Label ID="DialogHeaderLabel" runat="server" meta:resourcekey="DialogHeaderLabelResource1" Text="Gate Pass Details"></asp:Label>
                                            </header>
                                            <span class="pull-right">
                                                <asp:ImageButton ID="ImageButtonClose" runat="server" Height="20PX" Width="20PX" ImageUrl="~/Images/closebox.png" OnClick="ImageButtonClose_Click" />
                                            </span>
                                        </ContentTemplate>
                                    </asp:UpdatePanel>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </asp:Panel>
            <asp:UpdatePanel ID="CircularViewUpdatePanel" runat="server"
                RenderMode="Inline">
                <ContentTemplate>

                    <div id="bodyContainer" class="card-body">
                        <div class="himsPopupWireBox">

                            <div class="himsBoxContentmain" style="overflow: hidden">
                                <div id="divContentPage1">
                                    <div class="spacer">
                                        <asp:Image ID="Image2" runat="server" ImageUrl="~/Images/spacer.gif"
                                            meta:resourcekey="Image1Resource1" />
                                    </div>
                                    <div>
                                        <div class="himssuHeader5WireBox">
                                            <div class="himsBoxHeader">
                                                <div class="himsBoxHeader card-head">
                                                    <asp:Panel ID="ViewAssignmentHeaderPanel" runat="server" meta:resourcekey="ViewAssignmentPanelResource1">
                                                        <div class="leftdiv">
                                                        </div>
                                                        <div class="himsBoxTitle">
                                                            <div class="headerText">
                                                                <header>
                                                                    <asp:Label ID="ViewAssignmentLabel" runat="server" Text="Gate Pass Details"></asp:Label>
                                                                </header>
                                                            </div>
                                                        </div>
                                                    </asp:Panel>
                                                </div>
                                            </div>
                                            <div class="himsBoxContent col-md-12">
                                                <asp:Panel ID="Panel4" runat="server" meta:resourcekey="DetailPanelResource1">
                                                    <div class="contentHolder table-responsive">
                                                        <asp:Panel ID="Panel5" runat="server" meta:resourcekey="SearchCriteriaPanelResource1">
                                                            <div class="contentHolder">
                                                                <asp:UpdatePanel ID="CircularDetailUpdatePanel" runat="server" UpdateMode="Always">
                                                                    <ContentTemplate>
                                                                        <div id="Div13" runat="server" visible="True">
                                                                            <div id="Div14" runat="server" class="table-responsive">
                                                                                <div class="col-md-12">
                                                                                    <asp:GridView ID="GatePassDetailsGridView" runat="server" Width="100%" AutoGenerateColumns="False"
                                                                                        CssClass="table table-striped table-bordered table-hover"
                                                                                        AllowPaging="false" PageSize="10" SkinID="" ShowHeader="True" EmptyDataText="No Records Available">
                                                                                        <Columns>
                                                                                            <asp:TemplateField HeaderStyle-HorizontalAlign="Center" HeaderText="Id" ItemStyle-Width="10%">
                                                                                                <ItemStyle HorizontalAlign="Center" />
                                                                                                <ItemTemplate>
                                                                                                    <asp:Label ID="CodeLabel" runat="server" Text='<%#Eval("Code") %>'></asp:Label>
                                                                                                </ItemTemplate>
                                                                                            </asp:TemplateField>
                                                                                            <asp:TemplateField HeaderStyle-HorizontalAlign="Center" HeaderText="Roll No" ItemStyle-Width="10%">
                                                                                                <ItemStyle HorizontalAlign="Center" />
                                                                                                <ItemTemplate>
                                                                                                    <asp:Label ID="RollNoLabel" runat="server" Text='<%#Eval("RollNo") %>'></asp:Label>
                                                                                                </ItemTemplate>
                                                                                            </asp:TemplateField>
                                                                                            <asp:TemplateField HeaderStyle-HorizontalAlign="Center" HeaderText="Student Name" ItemStyle-Width="30%">
                                                                                                <ItemStyle HorizontalAlign="Center" />
                                                                                                <ItemTemplate>
                                                                                                    <asp:Label ID="StudentNameLabel" runat="server" Text='<%#Eval("Name") %>'></asp:Label>
                                                                                                </ItemTemplate>
                                                                                            </asp:TemplateField>                                                                                            
                                                                                        </Columns>
                                                                                    </asp:GridView>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </ContentTemplate>
                                                                </asp:UpdatePanel>
                                                            </div>
                                                        </asp:Panel>
                                                    </div>
                                                </asp:Panel>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="himsmainBoxBottom">
                            </div>
                            <div class="himsmainBoxFooter">
                                <div>
                                    <table>
                                        <tr>
                                            <td>&nbsp
                                            </td>
                                        </tr>

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

                        </div>
                    </div>

                    <asp:UpdateProgress ID="MainUpdateProgress" runat="server" DisplayAfter="200">
                        <ProgressTemplate>
                            <div style="position: absolute; top: 50%; left: 45%; font-size: 20px">
                                <asp:Image ID="LoadingImage4" runat="server" ImageUrl="~/Images/Loading.gif"
                                    meta:resourcekey="Image3Resource1" />
                            </div>
                        </ProgressTemplate>
                    </asp:UpdateProgress>
                </ContentTemplate>
            </asp:UpdatePanel>

        </div>
    </asp:Panel>
    <%--<script src='<%=ResolveUrl("~/JavaScript/rjs/require.js")%>'></script>--%>
        <script data-main='<%=ResolveUrl("~/JavaScript/rjs/hostel-summary-dashboard")%>' src='<%=ResolveUrl("~/JavaScript/rjs/require.js")%>'></script>

</asp:Content>


