<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AppointYearlyCalendar.aspx.cs" Inherits="Axium.Web.Appoint.AppointYearlyCalendar" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title></title>
    <meta http-equiv="X-UA-Compatible" content="IE=8" />
    <!-- //Todo: External style files, script and style compression and merge -->
    <!--[if lt IE 8]><style type="text/css">#questions h3{padding-top:5px;background-position:10px left;}#Login #Forgot{margin-left:11px;}div.links{position:relative;}div.links input.nextprevious{margin:0;position:absolute;top:20px;}.picker{margin-bottom:-22px;}</style><![endif]-->
    <!--[if lt IE 7]><style type="text/css">#Content{overflow:auto;}#MainContent{width:565px;margin-left:13px;}
        #SideBar ul.leftNav li a{background-position:3px 2px;padding:8px 5px 8px 20px;}#Login #Forgot{margin-left:6px;}.available,.unavailable{line-height:14px;}
        #MainContent h2.topHeader{width:565px;}#questions h3{background-position:5px left;}#iFormsListing li a{width:100%;}
        .jqmWindow,.jqmAlert,#logoutAlert{position: absolute;top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');width:300px;}#logoutAlert{left:40%;}#logoutAlert div.jqmAlertContent{display:block;clear:both;}
        iframe.jqm {position:absolute;top:0;left:0;z-index:-1;width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');
        </style>
    <![endif]-->
    <script src="../Includes/Scripts/jquery-3.5.1.min.js" type="text/javascript"></script>
    <script src="../Includes/Scripts/jquery-migrate-3.3.2.min.js" type="text/javascript"></script>
    <script src="../Includes/Scripts/json2.min.js" type="text/javascript"></script>
    <script src="../Includes/Scripts/utilities.js" type="text/javascript"></script>
    <script src="../Includes/Scripts/jqModal-r14.js" type="text/javascript"></script>
    <script src="../Includes/Scripts/ui.datepicker.js" type="text/javascript"></script>
    <script src="../Includes/Scripts/jquery.maxlength-1.0.3.min.js" type="text/javascript"></script>    
    <script src="../Includes/Scripts/jquery.timer.js" type="text/javascript"></script>    
    <script src="../Includes/Scripts/jquery.validate-1.19.2.min.js" type="text/javascript"></script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="Calendar">
        <h1>Appointments by Year</h1>
        <div id="Appointment">
            <span class="Completed">Completed</span>
            <span class="Confirmed">CONFIRMED</span>
            <span class="NotConfirmed">NOT CONFIRMED</span>
            <%--
            <span class="CheckedIn">CHECKED IN</span>
            <span class="CheckedOut">CHECKED OUT</span>
            --%>
            <span class="TodaySpan">Current Month</span>
            <span class="Navigation">
                <span class="Label">View By:</span>
                <a href="/PatientAccess/Appoint/AppointListOldVersion.aspx" class="firstItem">List</a>
                <a href="/PatientAccess/Appoint/AppointMonthlyCalendar.aspx">Month</a>
                <a href="/PatientAccess/Appoint/AppointYearlyCalendar.aspx" class="selected lastItem">Year</a>
            </span>
        </div>
        <div id="AnnualApptCal">
            <table class="CalendarTitle" cellspacing="0" border="0">
		        <tr>
		            <td style="width:15%;white-space:nowrap;">
                        <asp:ImageButton ID="PrevImageButton" runat="server" 
                            ImageUrl="../Includes/Images/ArrowLeft.jpg" CssClass="PrevButton" 
                            onclick="PrevImageButton_Click" />
		            </td>
		            <td align="center" style="width:70%;white-space:nowrap;">
		                <span id="showYear" class="Year" runat="server"></span>
		            </td>
		            <td align="right" style="width:15%;white-space:nowrap;">
                        <asp:ImageButton ID="NextImageButton" runat="server" 
                            ImageUrl="../Includes/Images/ArrowRight.jpg" CssClass="NextButton" 
                            onclick="NextImageButton_Click" />
		            </td>
		        </tr>
		    </table>
            <div id="Content" align="center" runat="server"></div>
        </div>
    </div>
    <asp:PlaceHolder ID="AutoLogout" runat="server" Visible="false" EnableViewState="false" />
    </form>
    <script type="text/javascript">
        $(window).on("load", function () {         // AX-24898.24919.2  $(window).bind("load", function () {
            $childHeight = $('#Calendar').outerHeight();
            $('#AppointListId', window.parent.document).css('height', $childHeight);
        });
    </script>
</body>
</html>
