<%@ page title="" language="C#" masterpagefile="~/Pages/Common/MasterPages/MainMasterPage_new.master" autoeventwireup="true" inherits="Pages_Activity_Calender, App_Web_u2j2ok1c" uiculture="auto" 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" %>
<%@ Register Src="~/UserControls/Common/ScreenGroup/ScreenGroup.ascx" TagName="ScreenGroupControl"
    TagPrefix="ScreenGroup" %>
<asp:Content ID="Content1" ContentPlaceHolderID="CP" runat="Server">
    <%--Add form Mantis Id: 0029605 By Hemali--%>
    <style>
        a:hover, a:active, a:focus {
            outline: none;
            text-decoration: none;
            color: #72afd2 !important;
        }
    </style>
    <asp:UpdatePanel ID="OTQueueListingUpdatePanel" runat="server">
        <ContentTemplate>
            <div id="divContentPage" class="divcontentpagemargin">
                <!-- ContentPlaceHolder Box Starts -->
                <div class="dashBoardLeftCont" valign="top" runat="server" id="ScreenGroupTableId" visible="true">
                    <div class="himssuHeader3WireBox">
                        <%-- <div class="himsBoxHeader">
                                        <div class="leftdiv">
                                        </div>
                                        <div class="himsBoxTitle">
                                            <div class="headerText">
                                            <asp:Label runat="server" ID="ScreenGroupNameLabel"></asp:Label>    
                                            </div>
                                        </div>
                                    </div>--%>
                        <table>
                            <tr>
                                <td>
                                    <div class="himsBoxContent">
                                        <div class="leftUlMenu">
                                            <ScreenGroup:ScreenGroupControl EnableViewState="true" ID="ScreenGroupControl" ScreenGroupId="114"
                                                Visible="true" runat="server" />
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div class="whiteboxpaddingleft row">
                    <div class="card-box card">
                        <div class="card-body">
                            <div class="topdisplayContainer col-md-12 pTop5 mb0">
                                <div class="col-md-12 ">
                                    <span class="arrow-cal col-md-4">
                                        <asp:LinkButton runat="server" ID="ArrowLeftImageButtton" SkinID="AddImageButton"
                                            OnClick="ArrowLeftImageButton_Click">
                                           <i class="fas fa-arrow-circle-left fa-2x" style="color:#607D8B"></i>
                                        </asp:LinkButton>

                                        &nbsp;&nbsp;&nbsp;&nbsp;
                                        <asp:TextBox ID="MonthYearTextBox" Style="font-size: 20px; font-weight: 600; color: #404e65; width: 200px!important"
                                            runat="server" Onkeydown="return isNumberKey(event)" AutoPostBack="true" OnTextChanged="MonthYearTextBox_TextChange"></asp:TextBox>
                                        &nbsp;&nbsp;&nbsp;&nbsp;
                                        <asp:LinkButton ID="ArrowRightImageButton" SkinID="AddImageButton" runat="server"
                                            OnClick="ArrowRightImageButton_Click">
                                         <i class="fal fa-arrow-circle-right fa-2x" style="color:#607D8B"></i>
                                        </asp:LinkButton>
                                    </span>
                                    <div style="display: none">
                                        <asp:ImageButton ID="DateImage" SkinID="0" runat="server" ImageUrl="~/Images/icons/calendar.png" CssClass="position-absolute" ToolTip="Calendar" />
                                        <ajaxToolkit:CalendarExtender ID="CalendarExtender" runat="server" CssClass="ajax__calendar full-cal" Format="MMMM yyyy" OnClientShown="calendarShown"
                                            TargetControlID="MonthYearTextBox" PopupButtonID="DateImage">
                                        </ajaxToolkit:CalendarExtender>
                                    </div>

                                    <div class="col-md-6 pTop10">
                                        <span class="pull-right">
                                            <asp:LinkButton CssClass="fontsize19 " ID="GoToCurrentDateLinkButton" runat="server" OnClick="GoToCurrentDateLinkButton_Click" Text="Go To Current Date">
                                                                                     <b> <i class="fa fa-undo"></i> &nbsp; Go to Current Date </b>
                                            </asp:LinkButton>&nbsp;&nbsp;&nbsp;&nbsp;
                                            <asp:LinkButton CssClass="fontsize19" ID="MyEventListLinkButton" runat="server" OnClick="MyEventListLinkButton_Click" Text="Go to Event List">
                                                     <b> <i class="fa fa-paper-plane"></i>&nbsp; Go to Event List</b>
                                            </asp:LinkButton>&nbsp;&nbsp;&nbsp;&nbsp;
                                            <asp:LinkButton CssClass="fontsize19" ID="AllLinkButton" runat="server" OnClick="AllLinkButton_Click" Text="All">
                                               <b>  <i class="fa fa-list"></i> &nbsp; All</b>
                                            </asp:LinkButton>
                                        </span>
                                    </div>
                                </div>
                            </div>

                            <div class="himsBoxContent col-md-12">
                                <div class="himsBoxContent calendar-new col-md-10">
                                    <div id="EmpGridViewMessageDiv" class="himsBoxContentMsg" runat="server" visible="false">
                                    </div>
                                    <asp:Panel ID="pnl_calendar" runat="server" CssClass="">
                                        <asp:DataList ID="dtlist" runat="server" RepeatColumns="7" CellPadding="0" CellSpacing="12" RepeatDirection="Horizontal"
                                            OnItemDataBound="dtlist_DataBound">

                                            <HeaderTemplate>
                                                <table class="calendarhead">
                                                    <tr>
                                                        <td colspan="2" style="text-align: center">
                                                            <asp:Label ID="MondayLabel1" runat="server" Text="Monday" CssClass="header-cal text-center"></asp:Label>
                                                        </td>
                                                        <td style="text-align: center">
                                                            <asp:Label ID="TuesdayLabel" runat="server" Text="Tuesday" CssClass="header-cal text-center"></asp:Label>
                                                        </td>
                                                        <td colspan="2" style="text-align: center">
                                                            <asp:Label ID="WednesdayLabel" runat="server" Text="Wednesday" CssClass="header-cal text-center"></asp:Label>
                                                        </td>
                                                        <td colspan="2" style="text-align: center">
                                                            <asp:Label ID="ThursdayLable" runat="server" Text="Thursday" CssClass="header-cal text-center"></asp:Label>
                                                        </td>
                                                        <td colspan="2" style="text-align: center">
                                                            <asp:Label ID="FridayLable" runat="server" Text="Friday" CssClass="header-cal text-center"></asp:Label>
                                                        </td>
                                                        <td colspan="2" style="text-align: center">
                                                            <asp:Label ID="Saturdaylable" runat="server" Text="Saturday" CssClass="header-cal text-center"></asp:Label>
                                                        </td>
                                                        <td colspan="2" style="text-align: center">
                                                            <asp:Label ID="SundayLable" runat="server" Text="Sunday" CssClass="header-cal text-center"></asp:Label>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </HeaderTemplate>

                                            <HeaderStyle VerticalAlign="Middle" HorizontalAlign="Center" Height="20px" />
                                            <ItemTemplate>
                                                <asp:Panel ID="pnl_calendarDay" runat="server" CssClass="calendarDay">
                                                    <div id="DayDiv" runat="server">
                                                        <table>
                                                            <tr>
                                                                <td colspan="2" style="text-align: right">
                                                                    <asp:Label ID="MonthLabel" runat="server" Visible="false" Text='<%# Eval("Month") %>'>  </asp:Label>
                                                                    <asp:Label ID="YearLabel" runat="server" Visible="false" Text='<%# Eval("Year") %>'>  </asp:Label>
                                                                    <asp:Label Font-Bold="true" CssClass="fLeft" ID="DayLabel" runat="server" Text='<%# Eval("Day") %>'>  </asp:Label>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td id="HolidayImage" style="padding-right: 5px">
                                                                    <asp:HiddenField runat="server" ID="SelectedDate" Value='<%# Eval("Date","{0:d}") %>' />
                                                                    <asp:ImageButton ID="HolidayImageButton" OnClick="HolidaysImageButton_Click"
                                                                        Visible="false" runat="server" />
                                                                </td>

                                                                <td style="padding-right: 35px">
                                                                    <asp:HiddenField runat="server" ID="Event1TitleHF" />
                                                                    <asp:ImageButton ID="EventImageButton" OnClick="EventImageButton_Click"
                                                                        runat="server" Visible="false" />
                                                                </td>

                                                            </tr>

                                                            <tr>
                                                                <td colspan="2" style="padding-right: 53px">
                                                                    <asp:Image ID="ExaminationImageButton" runat="server" Visible="false" />
                                                                </td>
                                                            </tr>



                                                        </table>
                                                        <div style="margin: 3px -7px 4px -7px; display: grid;">
                                                            <asp:Label ID="EventTitleLabel1" CssClass="fLeft caldaymargin" Font-Size="Small" runat="server"></asp:Label>

                                                            <asp:Label ID="EventTitleLabel2" CssClass="fLeft caldaymargin" Font-Size="Small" runat="server"></asp:Label>

                                                            <asp:Label ID="EventTitleLabel3" Font-Size="Small" CssClass="fLeft caldaymargin" runat="server"></asp:Label>

                                                            <asp:Label ID="EventTitleLabel4" Font-Size="Small" runat="server" CssClass="fLeft caldaymargin"></asp:Label>

                                                            <asp:Label ID="EventTitleLabel5" Font-Size="Small" runat="server" CssClass="fLeft caldaymargin"></asp:Label>
                                                        </div>
                                                    </div>

                                                </asp:Panel>

                                            </ItemTemplate>
                                            <ItemStyle HorizontalAlign="Center"
                                                VerticalAlign="Middle" />
                                        </asp:DataList>
                                    </asp:Panel>



                                </div>
                                <div class="pTop15 col-md-2">

                                    <asp:Repeater ID="PaletteRepeater" runat="server" OnItemDataBound="PaletteRepeater_OnItemDataBound">
                                        <ItemTemplate>
                                            <div class="col-md-12 mt18  padd-0">
                                                <asp:Label CssClass="patch" BackColor='<%# System.Drawing.ColorTranslator.FromHtml( Eval("HighlightColor").ToString()) %>' ID="EventTypeColorButton"
                                                    runat="Server" />

                                                <asp:Label CssClass="paddingright15" Font-Bold="true" ID="EventTypeRepeaterButton" Text='<%# Eval("EventTypeName") %>' runat="Server"
                                                    OnClick="EventTypeRepeater_Click" />
                                            </div>
                                        </ItemTemplate>

                                    </asp:Repeater>
                                    <br />
                                    <div class="col-md-12 padd-0  mt18 ">
                                        <asp:Label runat="server" CssClass="patch" ID="WeekOffsColorLabel"></asp:Label>
                                        <asp:Label Font-Bold="true" ID="WeekOffsTitleLabel" Text="Week Offs" runat="server"></asp:Label>
                                        <asp:Label runat="server" ID="WeekOffsLabel" Visible="false"></asp:Label>
                                    </div>
                                </div>

                            </div>

                            <div id="RemarkDiv" class="col-md-12 pTop5" runat="server">
                                <hr />
                                <asp:DataList ID="HolidayDataList" runat="server" ClientIDMode="Static" RepeatColumns="3" CellPadding="0" CellSpacing="0" RepeatDirection="Horizontal"
                                    OnItemDataBound="Dlitems_ItemDataBound">
                                    <HeaderTemplate>
                                        <i class="fas fa-calendar-plus fa-1x"></i>&nbsp;<asp:Label ID="SelectedMonthLabel" Font-Bold="true" Font-Size="Large" runat="server">
                                   
                                        </asp:Label>
                                    </HeaderTemplate>
                                    <HeaderStyle VerticalAlign="NotSet" HorizontalAlign="Left" />

                                    <ItemTemplate>
                                        <div class="box-header with-border col-md-12">
                                            <div id="EventDiv" class="CalenderEvent tk">
                                                <div class="width-100 border-bottom">
                                                    <%--   <asp:ImageButton ID="EventImage" runat="server" ImageUrl='<%# Eval("ImagePath")%>' />--%>
                                                    <asp:Label Height="10px" Width="15px" BackColor='<%# System.Drawing.ColorTranslator.FromHtml( Eval("HighlightColor").ToString()) %>' ID="ImageButton1" runat="server" />
                                                    <asp:Label ID="EventTitleLabel" Font-Size="Large" runat="server" Font-Bold="true" Text='<%# Eval("Title") %>'></asp:Label>
                                                </div>

                                                <asp:Label ID="FromDateLabel" Font-Size="14px" Font-Bold="true" runat="server" Text="From Date : "></asp:Label>
                                                <asp:Label ID="EventFromDateLabel" Font-Size="14px" runat="server" Text='<%# Eval("FromDate","{0:d}") %>'></asp:Label>
                                                <br />

                                                <asp:Label ID="Label2" Font-Size="14px" runat="server" Font-Bold="true" Text="To Date : "></asp:Label>
                                                <asp:Label ID="Event1TodateLabel" Font-Size="14px" runat="server" Text='<%# Eval("ToDate","{0:d}") %>'></asp:Label>
                                            </div>

                                        </div>
                                    </ItemTemplate>
                                    <ItemStyle HorizontalAlign="NotSet"
                                        VerticalAlign="NotSet" />
                                </asp:DataList>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>
    <%--   <script data-main="../../JavaScript/rjs/encrypt/calender-encrypt" src="../../JavaScript/rjs/require.js"></script>--%>
    <script data-main='<%=ResolveUrl("~/JavaScript/rjs/calender")%>' src='<%=ResolveUrl("~/JavaScript/rjs/require.js")%>'></script>
    <script type="text/javascript">
        function calendarShown(sender, args) {
            var extender = $find('CalendarExtender');
            sender.set_visibleDate(extender._selectedDate);
        }
    </script>
</asp:Content>
