<%@ Page Language="C#" AutoEventWireup="true" MaintainScrollPositionOnPostback="true" CodeBehind="MedInfo.aspx.cs" Inherits="Axium.Web.Users.MedInfo" %>
<%@ Register TagPrefix="axi" TagName="MarkIncorrectCorrectButton" Src="~/PatientAccess/Controls/MarkIncorrectCorrectButton.ascx" %>
<%@ Register TagPrefix="axi" TagName="Notification" Src="~/PatientAccess/Controls/Notification.ascx" %>
<%@ Register TagPrefix="axi" TagName="Copyright" Src="~/PatientAccess/Controls/CopyrightControl.ascx" %>

<!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>

    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.0/css/all.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous" />
    <link rel="stylesheet" href="../Includes/Css/PA2.0/common.css" />
    <link rel="stylesheet" href="../Includes/Css/medInfo.css" />
    <link rel="stylesheet" href="../Includes/Css/PA2.0/CorrectIncorrectButton.css" />

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
    <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/PA2.0/common.js" type="text/javascript"></script>
    <script src="../Includes/Scripts/PA2.0/pendo.js" type="text/javascript"></script>

</head>
<body>
    <form id="form1" runat="server">
        <input id="hdnPatientId" type="hidden" runat="server"/>
        <asp:HiddenField runat="server" ID="hfPosition" Value="" />
        <script type="text/javascript">
            $(function () {
                var f = $("#<%=hfPosition.ClientID%>");
                window.onload = function () {
                    var position = parseInt(f.val());
                    if (!isNaN(position)) {
                        setTimeout(() => window.scrollTo({ top: position, left: 0, behavior: "instant" }), 100);
                    }
                };
                window.onscroll = function () {
                    var position = $(window).scrollTop();
                    f.val(position);
                };
            });
        </script>

        <axi:Notification ID="Notification" runat="server" />
        <div class="container bg-transparent px-0 ml-0" style="width: 100%; max-width: 100%;">
            <div class="row">

                <div class="col-md-12 mb-3">
                    <div id="DentalProblemsPanel" runat="server" class="bg-white p-3">
                        <h5 class="mb-3">Dental Problems</h5>
                        <span id="DentalProblemsTablePanel" runat="server" class="problems-panel mb-3"></span>
                        <axi:MarkIncorrectCorrectButton ID="MarkIncorrectCorrectPanelDentalProblems" runat="server" HasSpinner="true" HideSelectedButton="true" />
                    </div>
                </div>

                <div class="col-md-12 mb-3">
                    <div id="CurrentMedicationsPanel" runat="server" class="bg-white p-3">
                        <h5 class="mb-3">Current Medications</h5>
                        <span id="CurrentMedicationsTablePanel" runat="server" class="problems-panel mb-3"></span>
                        <axi:MarkIncorrectCorrectButton ID="MarkIncorrectCorrectPanelCurrentMedications" runat="server" HasSpinner="true" HideSelectedButton="true" />
                    </div>
                </div>

                <div class="col-md-12 mb-3">
                    <div id="MedicalAlertsPanel" runat="server" class="bg-white p-3">
                        <h5 class="mb-3">Medical Alerts</h5>
                        <span id="MedicalAlertsTablePanel" runat="server" class="problems-panel mb-3"></span>
                        <axi:MarkIncorrectCorrectButton ID="MarkIncorrectCorrectPanelMedicalAlerts" runat="server" HasSpinner="true" HideSelectedButton="true" />
                    </div>
                </div>

                <div class="col-md-12 mb-3">
                    <div id="MedicalProblemsPanel" runat="server" class="bg-white p-3">
                        <h5 class="mb-3">Medical Problems</h5>
                        <span id="MedicalProblemsTablePanel" runat="server" class="problems-panel mb-3"></span>
                        <axi:MarkIncorrectCorrectButton ID="MarkIncorrectCorrectPanelMedicalProblems" runat="server" HasSpinner="true" HideSelectedButton="true" />
                    </div>
                </div>

                <div class="col-md-12 mb-3">
                    <div id="AllergiesPanel" runat="server" class="bg-white p-3">
                        <h5 class="mb-3">Allergies</h5>
                        <span id="AllergiesTablePanel" runat="server" class="problems-panel mb-3"></span>
                        <axi:MarkIncorrectCorrectButton ID="MarkIncorrectCorrectPanelAllergies" runat="server" HasSpinner="true" HideSelectedButton="true" />
                    </div>
                </div>

                
            </div>
        </div>
    </form>
    <axi:Copyright ID="Copyright" runat="server" />

    <script type="text/javascript">
        jQuery(document).ready(function () {
            $childHeight = jQuery('#MedicalInfo').outerHeight();
            jQuery('#mediIframeId', window.parent.document).css({ 'height': $childHeight });
            parent.closeModalSpinner();
            setPageTitle("Medical Information", true);
        });
    </script>
</body>
</html>
