<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title><%= ctx.menu.name === undefined ? '主页' : ctx.menu.name %>-计量支付</title>
    <link rel="stylesheet" href="/public/css/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="/public/css/main.css">
    <link rel="stylesheet" href="/public/css/toast.css">
    <link rel="stylesheet" href="/public/css/font-awesome/font-awesome.min.css">
    <link rel="stylesheet" href="/public/css/spreadjs/sheets/gc.spread.sheets.excelsmartcost.css">
    <link rel="stylesheet" href="/public/css/jquery-contextmenu/jquery.contextMenu.min.css">
    <link rel="stylesheet" href="/public/css/ztree/zTreeStyle.css" type="text/css">
    <link rel="stylesheet" href="/public/css/datepicker/datepicker.min.css" rel="stylesheet" type="text/css">
    <!-- JS. -->
    <% for (const file of jsFiles) { %>
    <script type="text/javascript" src="<%- file %>"></script>
    <% } %>
</head>

<body>
<div>

</div>
<div class="main">
    <% include ./menu.ejs %>

    <div class="main-panel">
        <%- content %>
    </div>
</div>
<div class="toast" style="position: absolute; z-index: 9;">
    <i class="icon fa"></i>
    <span class="message"></span>
</div>
<%- modal %>
<script type="text/javascript">
    let toastInfo = '<%- message %>';
    try {
        toastInfo = toastInfo !== '' && toastInfo !== 'null' ? JSON.parse(toastInfo) : '';
    } catch (error) {
        toastInfo = '';
    }

    if (toastInfo !== '') {
        toast(toastInfo.message, toastInfo.type, toastInfo.icon);
    }
    let user = '<%= ctx.session.sessionUser.name %>';
</script>
</body>

</html>
