<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <title>@ViewData["Title"] - UniversalApi_WebConsole_App</title>
    <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
    <link rel="stylesheet" href="~/css/site.css" />
    <link rel="stylesheet" href="~/css/commonlayout.css">
</head>
<body id="mainscreen_body">
    <header>
        <div id="common_header" class="commonheader" onclick="AlarmBarClicked(this.id)">
            <img id="common_header_left_normal" src="~/images/shared/headblueLeft.png" />
            <img id="common_header_left_warning" src="~/images/shared/headYellowLeft.png" style="visibility: hidden;" />
            <img id="common_header_left_alarm" src="~/images/shared/headRedLeft.png" style="visibility:hidden;" />
            <div id="common_header_informations">
                <span id="common_header_left_text" style="left: 0%; width: 55%;">
                </span>
                <span id="common_header_left_alarm_count" style="left: 55%; width: 22.5%;">
                    @*报警次数:0*@
                </span>
                <span id="common_header_left_warning_count" style="left: 77.5%; width: 22.5%;">
                    @*预警次数:0*@
                </span>
            </div>

            <img id="common_header_right_date_img" src="~/images/shared/headRight.png" />
            <span id="common_header_right_text">
                @DateTime.Now.ToShortDateString()
            </span>
        </div>
    </header>

    <div id="smartfuel_main_view">
        @RenderBody()
    </div>

    <footer>
        <div id="common_footer">
            <img id="common_footer_img" draggable="false" src="~/images/shared/smartFuelFooter.png" />
            <a id="common_footer_smartfuel" draggable="false" asp-controller="SmartFuel" asp-action="Index" style="left:40.625%;">
                <img draggable="false" src="/images/shared/nozzle.png">
            </a>
            <a id="common_footer_tank" draggable="false" asp-controller="TankDetails" asp-action="Index" style="left:50.234%;">
                <img draggable="false" src="/images/shared/tank.png">
            </a>
            <a id="common_footer_fairbanks" draggable="false" asp-controller="FairBanks" asp-action="Index" style="left:59.844%;">
                <img draggable="false" src="/images/shared/fairBanks.png">
            </a>
            <a id="common_footer_settings" draggable="false" asp-controller="Config" asp-action="Index" style="left:69.453%;">
                <img draggable="false" src="/images/shared/settings.png">
            </a>
            <a id="common_footer_restart" draggable="false" @*asp-controller="" asp-action=""*@ style="left:79.063%;">
                <img draggable="false" src="/images/shared/restart.png">
            </a>
            <a id="common_footer_exist" draggable="false" @*asp-controller="" asp-action=""*@ style="left:88.672%;">
                <img draggable="false" src="/images/shared/exist.png">
            </a>
        </div>
    </footer>

    <script src="~/lib/jquery/dist/jquery.min.js"></script>
    <script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
    <script src="~/js/site.js" asp-append-version="true"></script>
    <script src="~/js/signalr/dist/browser/signalr.js"></script>
    <script src="~/js/alarmBar.js"></script>
    <script src="~/js/mqtt.min.js"></script>
    <script src="~/js/AlarmBarClient.js"></script>
    @RenderSection("Scripts", required: false)

    <script>
        setInterval(function () {
            var textspan = document.getElementById("common_header_right_text");
            if (textspan != null) {
                var currentDate = new Date();
                var month = (currentDate.getMonth() + 1).toString().length < 2
                    ? "0" + (currentDate.getMonth() + 1).toString()
                    : (currentDate.getMonth() + 1).toString();
                var date = currentDate.getDate() < 10
                    ? "0" + currentDate.getDate().toString()
                    : currentDate.getDate().toString();
                textspan.innerHTML = currentDate.getFullYear() + "/" + month + "/" + date;
            }

        }, 10 * 60 * 1000);
    </script>
</body>
</html>