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

<!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>
    <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>
</head>
<body>
    <form id="form2" runat="server">
    <div id="MedicalInfo">
        <h1>Medical Information</h1>
        
        <asp:Panel runat="server" ID="NotificationPanel" CssClass="success" Visible="False"></asp:Panel>

        <div id="MedicalInfoContainer">
            <div id="Prob_Title" runat="server" class="Tab">Dental Problems</div>
            <div id="ProblemsOutput" runat="server" class="MedContent"></div>
            
            <asp:Panel runat="server" ID="ProblemsMarkBox">
                <asp:Button runat="server" ID="ProblemsMarkIncorrectButton" CssClass="button" OnClick="ProblemsMarkIncorrect_Click" />
                <asp:Button runat="server" ID="ProblemsMarkCorrectButton" CssClass="button" OnClick="ProblemsMarkCorrect_Click" />
                <asp:Label runat="server" ID="ProblemsMarkMessage"></asp:Label>
            </asp:Panel>

            <div id="Cur_Med_Title" runat="server" class="Tab">Current Medications</div>
            <div id="MedicationOutput" runat="server" class="MedContent"></div>
            
            <asp:Panel runat="server" ID="MedicationMarkBox">
                <asp:Button runat="server" ID="MedicationMarkIncorrectButton" CssClass="button" OnClick="MedicationMarkIncorrect_Click" />
                <asp:Button runat="server" ID="MedicationMarkCorrectButton" CssClass="button" OnClick="MedicationMarkCorrect_Click" />
                <asp:Label runat="server" ID="MedicationMarkMessage"></asp:Label>
            </asp:Panel>
            
            <div id="Med_Alert_Title" runat="server" class="Tab">Medical Alerts</div>
            <div id="MedicalAlertOutput" runat="server" class="MedContent"></div>
            
            <asp:Panel runat="server" ID="MedicalAlertMarkBox">
                <asp:Button runat="server" ID="MedicalAlertMarkIncorrectButton" CssClass="button" OnClick="MedicalAlertMarkIncorrect_Click" />
                <asp:Button runat="server" ID="MedicalAlertMarkCorrectButton" CssClass="button" OnClick="MedicalAlertMarkCorrect_Click" />
                <asp:Label runat="server" ID="MedicalAlertMarkMessage"></asp:Label>
            </asp:Panel>
            
            <div id="Med_Problem_Title" runat="server" class="Tab">Medical Problems</div>
            <div id="MedicalProblemOutput" runat="server" class="MedContent"></div>
            
            <asp:Panel runat="server" ID="MedicalProblemMarkBox">
                <asp:Button runat="server" ID="MedicalProblemMarkIncorrectButton" CssClass="button" OnClick="MedicalProblemMarkIncorrect_Click" />
                <asp:Button runat="server" ID="MedicalProblemMarkCorrectButton" CssClass="button" OnClick="MedicalProblemMarkCorrect_Click" />
                <asp:Label runat="server" ID="MedicalProblemMarkMessage"></asp:Label>
            </asp:Panel>
            
            <div id="Allergy_Title" runat="server" class="Tab">Allergies</div>
            <div id="AllergyOutput" runat="server" class="MedContent"></div> 
            
            <asp:Panel runat="server" ID="AllergyMarkBox">
                <asp:Button runat="server" ID="AllergyMarkIncorrectButton" CssClass="button" OnClick="AllergyMarkIncorrect_Click" />
                <asp:Button runat="server" ID="AllergyMarkCorrectButton" CssClass="button" OnClick="AllergyMarkCorrect_Click" />
                <asp:Label runat="server" ID="AllergyMarkMessage"></asp:Label>
            </asp:Panel>
        </div>
    </div>
    </form>
    <script type="text/javascript">
        jQuery(document).ready(function () {
            $childHeight = jQuery('#MedicalInfo').outerHeight();
            jQuery('#mediIframeId', window.parent.document).css({ 'height': $childHeight });
        });         
    </script>
</body>
</html>

