<%@ page language="C#" masterpagefile="~/Pages/Common/MasterPages/MobileMasterPage.master" autoeventwireup="true" inherits="Pages_Communication_MTodaysBirthdays, App_Web_sqnaqmtm" 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/DatePicker/DatePickerControl.ascx" TagName="DatePickerControl" TagPrefix="Date" %>

<asp:Content ID="Content1" ContentPlaceHolderID="CP" runat="Server">
    <asp:UpdatePanel ID="AssignTaskListSearchUpdatePanel" runat="server">
        <ContentTemplate>
            <style type="text/css">
                @media(max-width:360px){
                    .resp-gridivew{
                        width:90% !important;
                        overflow-y:auto !important;
                    }
                }
            </style>
            <div id="divContentPage" class="padding-top-header">
                <div style="width: 100%; padding: 2px; margin: 2px">
                    <table width="100%" border="0" style="vertical-align: top; margin-top: -1px; border-collapse: collapse;" cellpadding="0" cellspacing="0">
                        <tr>
                            <td style="vertical-align: top;" width="100%" class="whiteboxpaddingleft">
                                <div class="himssuHeader1WireBox whitebox resp-gridivew" style="min-height:250px;">
                                    <div class="himsBoxHeader note note1 box box-danger" id="Div4" runat="server">
                                        <div class="leftdiv">
                                        </div>
                                        <div class="himsBoxTitle">
                                            <div class="headerText fLeft">
                                                <asp:Label ID="Label4" Text="View Birthdays" runat="server"
                                                    meta:resourcekey="Label4Resource1" />
                                            </div>
                                        </div>
                                        <div class="fRight" style="margin-top: -4px">
                                        </div>
                                    </div>
                                    <div class="himsBoxContent">
                                        <asp:Panel ID="DetailPanel" runat="server"
                                            meta:resourcekey="DetailPanelResource1">
                                            <div class="contentHolder">
                                                <div class="himssuHeader6WireBox">
                                                    <div class="himsBoxHeader" id="BirthdaysGridViewPagerDiv" runat="server">
                                                        <div class="leftdiv">
                                                        </div>
                                                        <div class="himsBoxTitle">
                                                           

                                                            <div class="col-md-8 col-md-offset-4" style="padding-bottom:10px">
                                                               
                                                                    <div class="col-md-4" style="padding-bottom:10px">

                                                                        <asp:LinkButton runat="server" ID="ArrowLeftImageButtton" SkinID="AddImageButton" OnClick="ArrowLeftImageButton_Click">
                                                                                <i class="fa fa-arrow-circle-left fa-2x" style="color:black"></i>
                                                                        </asp:LinkButton>
                                                                    
                                                                        <asp:TextBox ID="MonthYearTextBox" runat="server" Onkeydown="return isNumberKey(event)" Height="23px" AutoPostBack="true" Width="168px" OnTextChanged="MonthYearTextBox_TextChanged"></asp:TextBox>
                                                                        <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>
                                                                    
                                                                        <asp:LinkButton ID="ArrowRightImageButton" SkinID="AddImageButton" runat="server"
                                                                            OnClick="ArrowRightImageButton_Click">
                                                                                <i class="fa fa-arrow-circle-right fa-2x" style="color:black"></i>
                                                                        </asp:LinkButton>
                                                                   </div>
                                                                <div class="col-md-3" style="padding-bottom:10px">
                                                                        <asp:LinkButton CssClass="zoomin" ID="GoToCurrentDateLinkButton" runat="server" OnClick="GoToCurrentDateLinkButton_Click" Text="Go To Current Date">
                                                      Go to Current Date &nbsp;<i class="fa fa-undo"></i> 
                                                                        </asp:LinkButton>
                                                                   </div>
                                                                <div class="col-md-3" style="padding-bottom:10px">
                                                                        <asp:CheckBox ID="SearchCheckBox" runat="server"
                                                                            OnCheckedChanged="SearchCheckBox_CheckedChanged" AutoPostBack="true" />
                                                                   
                                                                        <asp:Label ID="SearchLabel" runat="server"
                                                                            Text="All Birthdays In Month"></asp:Label>
                                                                    </div>
                                                                    </div>
                                                                
                                                            </div>
                                                        </div>
                                                    </div>
                                                    
                                                    <div class="himsBoxContent">
                                                        <asp:GridView runat="server" ID="BirthdaysGridView" Width="100%" AutoGenerateColumns="False"
                                                            EmptyDataText="No records available for the seacrh criteria!" OnRowDataBound="BirthdaysGridView_RowDataBound"
                                                            meta:resourcekey="BirthdaysGridViewResource1" DataKeyNames="AcademicId" CssClass="table table-striped table-bordered">
                                                            <Columns>
                                                                <asp:BoundField DataField="CategoryName" HeaderText="Category" meta:resourcekey="BoundFieldResource1">
                                                                    <HeaderStyle HorizontalAlign="Left" />
                                                                    <ItemStyle />
                                                                </asp:BoundField>
                                                                <asp:BoundField DataField="ClassName" HeaderText="Class" meta:resourcekey="BoundFieldResource2">
                                                                    <HeaderStyle HorizontalAlign="Left" />
                                                                    <ItemStyle />
                                                                </asp:BoundField>
                                                                <asp:BoundField DataField="Name" HeaderText="Name" meta:resourcekey="BoundFieldResource3">
                                                                    <HeaderStyle HorizontalAlign="Left" />
                                                                    <ItemStyle />
                                                                </asp:BoundField>
                                                                <asp:BoundField DataField="DateOfBirth" HeaderText="DOB" DataFormatString="{0:MMMM dd,yyyy}" meta:resourcekey="BoundFieldResource4">
                                                                    <HeaderStyle HorizontalAlign="Left" />
                                                                    <ItemStyle />
                                                                </asp:BoundField>
                                                                <asp:TemplateField HeaderText="Photo" HeaderStyle-HorizontalAlign="Center"
                                                                    ItemStyle-HorizontalAlign="Center" ItemStyle-Wrap="true">
                                                                    <ItemTemplate>
                                                                        <asp:Image ID="Photo" runat="server" ImageUrl='<%# Eval("Photo") %>'  Height="60px" Width="60px"/>
                                                                    </ItemTemplate>
                                                                </asp:TemplateField>
                                                            </Columns>
                                                            
                                                        </asp:GridView>
                                                    </div>
                                                </div>
                                                <div class="spacer">
                                                    <asp:Image ID="Image6" runat="server" ImageUrl="~/Images/spacer.gif" meta:resourcekey="Image6Resource1" />
                                                </div>
                                                <div class="leftdiv">
                                                </div>
                                                <div class="spacer">
                                                    <asp:Image ID="Image3" runat="server" ImageUrl="~/Images/spacer.gif" meta:resourcekey="Image7Resource1" />
                                                </div>
                                            </div>
                                        </asp:Panel>
                                    </div>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>
    <script data-main="../../JavaScript/rjs/encrypt/mtodays-birthdays-encrypt" src="../../JavaScript/rjs/require.js"></script>
</asp:Content>