<%@ page title="" language="C#" masterpagefile="~/Pages/Common/MasterPages/MobileMasterPage.master" autoeventwireup="true" inherits="Pages_Activity_MCalendar, App_Web_u2j2ok1c" 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="DoctorScheduleUpdatePanel" runat="server">
        <ContentTemplate>
            
             <%-- following javascript is for calendar extender. --%>
            

            <style type="text/css">
                /*.whitebox{
                    overflow-y:auto !important;
                }*/

                @media (max-width:926px){
                    .scrollable-calendar{
                        width:40%;
                        overflow:auto;
                    }
                }
            </style>
            
               <div id="divContentPage" class="padding-top-header">
                <!-- ContentPlaceHolder Box Starts -->
                <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>
                           <%--<div class="col-md-3" style="visibility:hidden;display:none">
                        <section class="content-header" style="margin-bottom: 5px; margin-right: 0px; padding-right: 0px !important; padding-left: 0px;">
                             <div style="padding-right:0;">
                                 <asp:Label runat="server" ID="ScreenNamelabel" Text="" Font-Bold="true" CssClass="screennamelabel"/>
                             </div>
                        </section>
                    </div>--%>
                             <div class="himsBoxHeader note note1 box box-danger">
                                        <div class="leftdiv">
                                        </div>
                                        <div class="himsBoxTitle">
                                            <div class="headerText">
                                                <asp:Label ID="EventTypeMasterlLabel" runat="server" Text="Calendar"></asp:Label>
                                            </div>
                                        </div>

                                    </div>
                            <td style="vertical-align: top;" width="100%;" class="whiteboxpaddingleft whitebox">
                               <%-- <table class="fRight" style="margin-right: 45px">
                                  
                                    <tr>
                                        <td>
                                            
                                            </div>

                                        </td>
                                    </tr>
                                </table>--%>









                                <div class="topdisplayContainer" style="width: 100%; padding-top: 1%">
                                    <table width="100%" cellpadding="0" cellspacing="0">
                                        <tr>
                                            <td width="100%" valign="top">
                                                <div class="himsDisplayBox">
                                                    <div style="margin-top: 1px">
                                                    </div>
                                                    <div class="himsBoxContent messageMessage">
                                                        <div class="topdisplayContainer">
                                                              <div class="col-md-12" 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-2" style="padding-bottom:10px">


                                                   
                                                    <asp:LinkButton CssClass="zoomin" ID="MyEventListLinkButton" runat="server" OnClick="MyEventListLinkButton_Click" Text="Go to Event List">
                                                            <i class="fa fa-paper-plane"></i>&nbsp; Go to Event List
                                                    </asp:LinkButton>
                                            </div>
                                                                  <div class="col-md-2" style="padding-bottom:10px">
                                                    <asp:LinkButton CssClass="zoomin" ID="AllLinkButton" runat="server" OnClick="AllLinkButton_Click" Text="All">
                                                            <i class="fa fa-list"></i> &nbsp; All
                                                    </asp:LinkButton>
                                                </div>


                                                                  
                                                               
                                                                    </div>
                                                            <div class="cBoth">
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                                <table style="width: 100%; vertical-align: top">
                                    <tr>
                                        <td style="vertical-align: top; width: 70%; padding-bottom: 40px;">
                                            <div class="himsBoxContent">
                                                <div class="ContentHolder">
                                                    <div class="himssuHeader1WireBox">
                                                        <%-- <div class="himsBoxHeader" id="Div1" runat="server" visible="True">
                                                    <div class="leftdiv">
                                                    </div>
                                                    <div class="himsBoxTitle">
                                                        <div class="gridHeaderText fLeft">
                                                            <asp:Label ID="Label1" Text="Calender" runat="server"
                                                                Font-Bold="True"  ForeColor="White"/>
                                                        </div>
                                                        <div class="fRight">
                                           
                                                        </div>
                                                    </div>
                                                </div>--%>

                                                        <%--<div class="himsBoxContent" style="overflow-y:auto;width:40%">--%>
                                                        <div class="himsBoxContent scrollable-calendar">
                                                            <div id="EmpGridViewMessageDiv" class="himsBoxContentMsg" runat="server" visible="false">
                                                            </div>
                                                            <asp:Panel ID="pnl_calendar" runat="server" CssClass="pTop5 note1 whitebox">
                                                                <asp:DataList ID="dtlist" runat="server" RepeatColumns="7" CellPadding="0" CellSpacing="5" RepeatDirection="Horizontal"
                                                                    OnItemDataBound="dtlist_DataBound">

                                                                    <HeaderTemplate>
                                                                       
                                                                        <asp:Label ID="MondayLabel1" runat="server" Text="Monday" Width="100" Height="15px"></asp:Label>
                                                                        <asp:Label ID="TuesdayLabel" runat="server" Text="Tuesday" Width="100" Height="15px"></asp:Label>
                                                                        <asp:Label ID="WednesdayLabel" runat="server" Text="Wednesday" Width="100" Height="15px"></asp:Label>
                                                                        <asp:Label ID="ThursdayLable" runat="server" Text="Thursday" Width="100" Height="15px"></asp:Label>
                                                                        <asp:Label ID="FridayLable" runat="server" Text="Friday" Width="100" Height="15px"></asp:Label>
                                                                        <asp:Label ID="Saturdaylable" runat="server" Text="Saturday" Width="100" Height="15px"></asp:Label>
                                                                         <asp:Label ID="SundayLable" runat="server" Text="Sunday" Width="100" Height="15px"></asp:Label>
                                                                    </HeaderTemplate>

                                                                    <HeaderStyle VerticalAlign="Middle" HorizontalAlign="Center" Height="10px" />
                                                                    <ItemTemplate>
                                                                        <asp:Panel ID="pnl_calendarDay" runat="server" CssClass="calendarDay">
                                                                            <div id="DayDiv" runat="server" style="height: 80Px; width: 100px;max-height:80px !important;overflow:hidden !important">
                                                                                <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>
                                                                                    <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 class="pTop5">
                                        
                                        <asp:Repeater ID="PaletteRepeater" runat="server" OnItemDataBound="PaletteRepeater_OnItemDataBound">
                                            <ItemTemplate>
                                                <asp:Label  BackColor='<%# System.Drawing.ColorTranslator.FromHtml( Eval("HighlightColor").ToString()) %>' Height="6px" Width="26px" ID="EventTypeColorButton" 
                                                    runat="Server"/>
                                        
                                                <asp:Label CssClass="paddingright15" Font-Bold="true" ID="EventTypeRepeaterButton" Text='<%# Eval("EventTypeName") %>' runat="Server" 
                                                    OnClick="EventTypeRepeater_Click" />
                                            </ItemTemplate>

                                        </asp:Repeater>
                                                          <br />
                                                           <asp:Label Font-Bold="true" ID="WeekOffsTitleLabel" Text="Week Offs :" runat="server"></asp:Label>
                                                           <asp:Label runat="server" ID="WeekOffsColorLabel" Height="6px" Width="26px" BorderColor="Black" BorderWidth="1px"></asp:Label>
                                                           <asp:Label runat="server" ID="WeekOffsLabel" Visible="false"></asp:Label>
                                                           </div>     
                                            
                                    
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </td>
                                         
                                        <td style="vertical-align: top; width: 2%;"></td>
                                        <td style="vertical-align: top; width: 18%;">
                                            <div class="spacer" style="height: 6px">
                                                <img src="../../Images/spacer.gif" />
                                            </div>

                                            <div id="RemarkDiv" runat="server">
                                                <asp:DataList ID="HolidayDataList" runat="server" ClientIDMode="Static" RepeatColumns="0" CellPadding="0" CellSpacing="0" RepeatDirection="Vertical"
                                                    OnItemDataBound="Dlitems_ItemDataBound">

                                                    <HeaderTemplate>
                                                        <i class="fa fa-bullhorn"></i>&nbsp;<asp:Label ID="SelectedMonthLabel" Font-Bold="true" Font-Size="Large" runat="server">
                                   
                                                        </asp:Label>
                                                    </HeaderTemplate>

                                                    <HeaderStyle VerticalAlign="NotSet" HorizontalAlign="Left" />
                                                    <ItemTemplate>
                                                        <table class="box-header with-border" style="border-bottom-color: #f1f1f1">
                                                            <tr>
                                                                <td>
                                                                    <div id="EventDiv" style="width: 200px" class="CalenderEvent tk">
                                                                     <%--   <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>
                                                                        <br />
                                                                        <br />
                                                                        <asp:Label ID="FromDateLabel" Font-Size="11px" runat="server" Text="From Date : "></asp:Label>
                                                                        <asp:Label ID="EventFromDateLabel" Font-Size="11px" runat="server" Text='<%# Eval("FromDate","{0:d}") %>'></asp:Label>
                                                                        <br />

                                                                        <asp:Label ID="Label2" Font-Size="11px" runat="server" Text="To Date : "></asp:Label>
                                                                        <asp:Label ID="Event1TodateLabel" Font-Size="11px" runat="server" Text='<%# Eval("ToDate","{0:d}") %>'></asp:Label>
                                                                    </div>
                                                                </td>
                                                            </t> 
                                                        </table>
                                                    </ItemTemplate>
                                                    <ItemStyle HorizontalAlign="NotSet"
                                                        VerticalAlign="NotSet" />
                                                </asp:DataList>
                                                 
                                            </div>
                                          
                                        </td>
                                        <td style="vertical-align: top; width: 20%"></td>

                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>

                </div>

        </ContentTemplate>
    </asp:UpdatePanel>
     <script data-main="../../JavaScript/rjs/encrypt/mcalender-encrypt" src="../../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>