<%@ page language="C#" masterpagefile="~/Pages/Common/MasterPages/MainMasterPage_new.master" autoeventwireup="true" inherits="Pages_Communication_TodaysBirthdays, App_Web_3arndfqv" culture="auto" uiculture="auto" meta:resourcekey="PageResource1" enableEventValidation="false" viewStateEncryptionMode="Never" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<%@ 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/DatePickerControl.ascx" TagName="DatePickerControl" TagPrefix="Date" %>

<asp:Content ID="Content1" ContentPlaceHolderID="CP" runat="Server">
    <asp:UpdatePanel ID="AssignTaskListSearchUpdatePanel" runat="server">
        <ContentTemplate>
            <div id="divContentPage" class="divcontentpagemargin">

                <div class="dashBoardLeftCont" runat="server" id="ScreenGroupTableId">
                    <div class="himssuHeader3WireBox">
                        <table>
                            <tr>
                                <td>
                                    <div class="himsBoxContent">
                                        <div class="leftUlMenu">
                                            <ScreenGroup:ScreenGroupControl ID="ScreenGroupControl1" ScreenGroupId="114"
                                                runat="server" />
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div class="whiteboxpaddingleft row">
                    <div class="himssuHeader1WireBox card card-box">
                        <div class="himsBoxHeader card-head" id="Div4" runat="server">

                            <div class="himsBoxTitle">
                                <div class="headerText fLeft">
                                    <header>
                                        <i class="fas fa-list-ul"></i>
                                        <asp:Label ID="Label4" Text="View Birthdays" runat="server"
                                            meta:resourcekey="Label4Resource1" />
                                    </header>
                                </div>
                            </div>

                        </div>
                        <div class="himsBoxContent card-body">
                            <asp:Panel ID="DetailPanel" runat="server"
                                meta:resourcekey="DetailPanelResource1">
                                <div class="contentHolder">
                                    <div class="himssuHeader6WireBox">
                                        <div class="himsBoxHeader" id="BirthdaysGridViewPagerDiv" runat="server">

                                            <div class="himsBoxTitle">
                                                <div class="">
                                                    <uc1:GridViewPager ID="BirthdaysGridViewPager" ParentGridView="BirthdaysGridView"
                                                        Visible="False" runat="server" OnFirstRecordClick="BirthdaysGridViewPager_FirstRecordClick"
                                                        OnLastRecordClick="BirthdaysGridViewPager_LastRecordClick" OnNextRecordClick="BirthdaysGridViewPager_NextRecordClick"
                                                        OnPrevRecordClick="BirthdaysGridViewPager_PrevRecordClick"
                                                        OnTextBoxValueChange="BirthdaysGridViewPager_TextBoxValueChange" />
                                                </div>
                                                <div class="topdisplayContainer col-md-12 pTop5 mb0">
                                                    <div class="col-md-12 pTop10">
                                                        <div class="arrow-cal col-md-4">
                                                            <asp:LinkButton runat="server" ID="ArrowLeftImageButtton" SkinID="AddImageButton"
                                                                OnClick="ArrowLeftImageButton_Click">
                                                         <i class="fa fa-arrow-circle-left fa-2x"  style="color:#607D8B"></i>
                                                            </asp:LinkButton>
                                                            &nbsp;&nbsp;&nbsp;&nbsp;
                                                             <asp:TextBox ID="MonthYearTextBox" runat="server"
                                                                 Onkeydown="return isNumberKey(event)" Height="23px" AutoPostBack="true"
                                                                 OnTextChanged="MonthYearTextBox_TextChanged" Style="font-size: 20px; font-weight: 600; color: #404e65; width: 200px!important"></asp:TextBox>

                                                            &nbsp;&nbsp;&nbsp;&nbsp;
                                                           <asp:LinkButton ID="ArrowRightImageButton" SkinID="AddImageButton" runat="server"
                                                               OnClick="ArrowRightImageButton_Click">
                                                         <i class="fa fa-arrow-circle-right fa-2x"  style="color:#607D8B"></i>
                                                           </asp:LinkButton>

                                                        </div>
                                                        <div class="col-md-8 pTop10">
                                                            <div class="fontsize19 pull-right display-flex">
                                                                <asp:LinkButton ID="GoToCurrentDateLinkButton" Width="300px" runat="server" OnClick="GoToCurrentDateLinkButton_Click" Text="Go To Current Date">
                                                          Go to Current Date &nbsp;<i class="fa fa-undo"></i> 
                                                                </asp:LinkButton>
                                                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                            <asp:CheckBox ID="SearchCheckBox" runat="server"
                                                                OnCheckedChanged="SearchCheckBox_CheckedChanged" AutoPostBack="true" Text="All Birthdays In Month" />

                                                                <%--                                                            <asp:Label ID="SearchLabel" runat="server"
                                                                ></asp:Label>--%>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div style="display: none">
                                                        <asp:ImageButton ID="DateImage" SkinID="CalenderImage" runat="server"
                                                            ImageUrl="~/Images/icons/icon-calender.gif" ToolTip="Calender" />

                                                        <ajaxToolkit:CalendarExtender ID="CalendarExtender" runat="server" CssClass="ajax__calendar" Format="dd MMMM" OnClientShown="calendarShown"
                                                            TargetControlID="MonthYearTextBox" PopupButtonID="DateImage">
                                                        </ajaxToolkit:CalendarExtender>
                                                    </div>


                                                </div>



                                                <div class="himsBoxContent col-md-12 pTop15 table-responsive">
                                                    <asp:GridView runat="server" ID="BirthdaysGridView" AutoGenerateColumns="False"
                                                        EmptyDataText="No records available for the seacrh criteria!" OnRowDataBound="BirthdaysGridView_RowDataBound"
                                                        meta:resourcekey="BirthdaysGridViewResource1" DataKeyNames="AcademicId" CssClass="table table-striped table-bordered table-hover">
                                                        <Columns>
                                                            <asp:BoundField DataField="CategoryName" HeaderText="Category" meta:resourcekey="BoundFieldResource1">
                                                                <HeaderStyle HorizontalAlign="Left" />
                                                                <ItemStyle Width="15%" />
                                                            </asp:BoundField>
                                                            <asp:BoundField DataField="ClassName" HeaderText="Class/Department" meta:resourcekey="BoundFieldResource2">
                                                                <HeaderStyle HorizontalAlign="Left" />
                                                                <ItemStyle Width="15%" />
                                                            </asp:BoundField>
                                                            <asp:BoundField DataField="Name" HeaderText="Name" meta:resourcekey="BoundFieldResource3">
                                                                <HeaderStyle HorizontalAlign="Left" />
                                                                <ItemStyle Width="25%" />
                                                            </asp:BoundField>
                                                            <asp:BoundField DataField="DateOfBirth" HeaderText="DateOfBirth" DataFormatString="{0:MMMM dd,yyyy}" meta:resourcekey="BoundFieldResource4">
                                                                <HeaderStyle HorizontalAlign="Left" />
                                                                <ItemStyle Width="9%" />
                                                            </asp:BoundField>
                                                            <asp:TemplateField HeaderText="Photo" ItemStyle-Width="190px" HeaderStyle-HorizontalAlign="Center"
                                                                ItemStyle-HorizontalAlign="Center" ItemStyle-Wrap="true">
                                                                <ItemTemplate>
                                                                    <asp:Image ID="Photo" Height="60px" Width="60px" runat="server" ImageUrl='<%# Eval("Photo") %>' />
                                                                </ItemTemplate>
                                                            </asp:TemplateField>
                                                        </Columns>
                                                        <PagerSettings Visible="False" />
                                                    </asp:GridView>
                                                </div>
                                            </div>

                                            <div class="leftdiv">
                                            </div>

                                        </div>
                            </asp:Panel>
                        </div>
                    </div>
                </div>
                </tr>
                    </table>
            </div>
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>
    <%-- <script data-main="../../JavaScript/rjs/encrypt/todays-birthdays-encrypt" src="../../JavaScript/rjs/require.js"></script>--%>
    <script data-main='<%=ResolveUrl("~/JavaScript/rjs/todays-birthdays")%>' src='<%=ResolveUrl("~/JavaScript/rjs/require.js")%>'></script>
</asp:Content>
