<!DOCTYPE html>
<html data-bs-theme="light" lang="en-US" dir="ltr">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- ===============================================-->
    <!--    Document Title : SHIFT + ALT + F -->
    <!-- ===============================================-->
    <title>{APP_TITLE}</title>
    <!-- ===============================================-->
    <!--    Favicons-->
    <!-- ===============================================-->
    <link rel="icon" href="../../assets/imgs/favicon.ico" />
    <!-- ===============================================-->
    <!--    Stylesheets-->
    <!-- ===============================================-->
    <link href="../../vendors/flowbite/flowbite.min.css" rel="stylesheet" />
    <link href="../../assets/css/styles.css" rel="stylesheet" />
</head>

<body class="min-w-[418px] overflow-hidden bg-transparent w-full m-0 hidden">
    <!-- ===============================================-->
    <!--    Main Content-->
    <!-- ===============================================-->
    <div id="app-wrapper"
        class="fixed-page-container relative flex overflow-hidden flex-col z-0 text-[#424242] bg-white text-base antialiased">
        <!-- TOP -->
        <div id="header" class="h-9 bg-[#0F6CBE] w-full flex">
            <div class="min-w-[224px] pl-2 pr-3 text-white">
                <span>{APP_TITLE}</span>
            </div>
        </div>
        <!-- TOP -->
        <!-- CENTER -->
        <div id="main-content" class="h-[calc(100vh-80px)] min-h-0 overflow-hidden flex flex-col w-full bg-[#f5f5f5]">
            <!-- Các chức năng chính ở menu -->
            <div id="top-bar" class="SanitaTab px-2.5 bg-[#f5f5f5] mb-1 flex flex-col">
                <ul class="relative flex flex-wrap -mb-px text-sm text-center items-center">
                    <!--MENU_BEGIN-->
                    <li class="h-8 flex relative active">
                        <a href="#" data-page="core/page-home" class="flex gap-1 items-center px-3.5 active"
                            type="button">
                            <img src="../../assets/imgs/icons/Home_20.png" alt="" class="w-5 h-5" />
                            Trang Chủ
                        </a>
                    </li>
                    <li class="h-8 flex relative">
                        <a href="?tab=page-hanhchinh" data-page="hanhchinh/page-hanhchinh"
                            class="flex gap-1 items-center px-3.5" type="button">
                            <img src="../../assets/imgs/icons/hanhchinh_20.png" alt="" class="w-5 h-5" />
                            Hành Chính
                        </a>
                    </li>
                    <li class="h-8 flex relative">
                        <a href="?tab=page-bhyt" data-page="bhyt/page-bhyt" class="flex gap-1 items-center px-3.5"
                            type="button">
                            <img src="../../assets/imgs/icons/Medical_Insurance_20.png" alt="" class="w-5 h-5" />
                            Bảo Hiểm Y Tế
                        </a>
                    </li>
                    <!--MENU_END-->
                </ul>
            </div>
            <!-- Các chức năng chính ở menu -->
            <!-- Main Content -->
            <div id="content-wrapper" class="flex flex-col flex-grow overflow-y-hidden">
                <!--CONTENT_BEGIN-->
                <!--CONTENT_END-->
            </div>
            <!-- END - Main Content -->
        </div>
        <!-- CENTER -->
        <!-- BOTTOM -->
        <div id="footer"
            class="h-8 w-full bottom-0 bg-[#f5f5f5] text-center py-1 px-2 text-sm justify-between items-center flex"
            style="border-top-width: 1px;">
            <div class=" px-2 text-[#0000ff] border-r">Đã đăng ký</div>
            <div class="px-2 text-[#FF0000] border-r">{TenUser}</div>
            <div id="txtTenBV" class="px-8 text-[#000000] flex-1 border-r">{TenBV}</div>
            <div id="current-time" class="px-2 text-[#000000]"></div>
        </div>
        <!-- BOTTOM1 -->
    </div>
    <!-- ===============================================-->
    <!--    FORM-->
    <!-- ===============================================-->
    <div id="FormMessageID"
        class="hidden absolute inset-0 bg-black bg-opacity-20 z-5000 flex items-center justify-center">
        <!-- Main Content -->
        <div
            class="w-[500px] bg-white h-auto relative flex overflow-hidden flex-col z-0 text-[#424242] bg-white text-base antialiased shawdow-[0_0_10px_rgba(0,0,0,0.3)]">
            <!-- TOP -->
            <div id="header" class="h-8 bg-[#0F6CBE] w-full flex">
                <div class="min-w-[224px] pl-2 pr-3 text-white flex items-center">
                    <span id="FormMessage_TieuDe">Thông báo</span>
                </div>
            </div>
            <!-- TOP -->

            <div class="overflow-auto flex-grow min-h-0"
                style="padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; min-height: 100px;">
                <span id="FormMessage_NoiDung">Bạn có chắc chắn muốn duyệt BHYT hồ sơ này không ?</span>
            </div>
            <!-- END - Table -->
            <div class="flex-shrink-0 border-t">
                <div class="flex justify-end px-4"
                    style="height: 45px; padding-left: 4px; padding-right: 4px; padding-top: 4px; padding-bottom: 4px">
                    <button id="FormMessage_close" class="icon-btn inline-flex flex-row items-center gap-1">
                        <img id="btn_duyetbhyt_img" src="../../assets/imgs/icons/Close_32x32.png" alt=""
                             class="h-8 w-auto" />
                        <span id="btn_duyetbhyt" class="hidden md:block whitespace-nowrap">Đóng</span>
                    </button>
                    <button id="FormMessage_cancel" class="hidden icon-btn inline-flex flex-row items-center gap-1">
                        <img id="btn_duyetbhyt_img" src="../../assets/imgs/icons/Cancel_32x32.png" alt=""
                             class="h-8 w-auto" />
                        <span id="btn_duyetbhyt" class="hidden md:block whitespace-nowrap">Hủy bỏ</span>
                    </button>
                    <button id="FormMessage_no" class="icon-btn inline-flex flex-row items-center gap-1">
                        <img id="btn_duyetbhyt_img" src="../../assets/imgs/icons/HUY_KHONG_LAM_32.png" alt=""
                             class="h-8 w-auto" />
                        <span class="hidden md:block whitespace-nowrap">Không đồng ý</span>
                    </button>
                    <button id="FormMessage_yes" class="icon-btn inline-flex flex-row items-center gap-1">
                        <img src="../../assets/imgs/icons/Apply_32x32.png" alt="" class="h-8 w-auto" />
                        <span class="hidden md:block whitespace-nowrap">Đồng ý</span>
                    </button>
                </div>
                <!-- END - Admin -->
            </div>
        </div>
    </div>
    <div id="FormProgressSpin" class="hidden absolute inset-0 bg-black bg-opacity-20 z-6000 flex items-center justify-center">
        <div class="SanitaLoading">
            <div class="SanitaLoader" style="width:80px;height:80px;"></div>
        </div>
    </div>
    <!-- ===============================================-->
    <!--    Main Content-->
    <!-- ===============================================-->
    <!-- ===============================================-->
    <!--    JavaScripts-->
    <!-- ===============================================-->
    <script src="../../vendors/tailwind.min.js"></script>
    <script src="../../vendors/flowbite/flowbite.min.js"></script>
    <script src="../../sanita/utility/sanita.js"></script>
    <script src="home.js"></script>
</body>

</html>