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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- meta -->
    {PPP INCLUDE:template2_meta_header.php}

    <!-- system header -->
    {PPP INCLUDE:template2_sys_header.php}

    <!-- template resouce -->
    <link rel="stylesheet" href="{PPP SITE_URL}/system_resource/css/recss.css">
    <link rel="stylesheet" href="{PPP SITE_URL}/system_resource/def_theme/css/styles.css">
    <link rel="stylesheet" href="{PPP:site_url}/user_resource/user.css">
</head>

<body>
    {PPP:admin_header}
    <div class="main-container">
        <div class="site-header">
            {PPP IF:settings["use_banner"]}
            <img src="{PPP:top_banner}" class="top-banner">
            {PPP IF:settings["show_title"]}
            <div class="top-banner-overlay">
                <h1 class="site-title">{PPP:site_title}</h1>
            </div>
            {/PPP IF}

            {PPP ELSE}
            <div class="top-banner-noimage">
                <h1 class="site-title">{PPP:site_title}</h1>
            </div>
            {/PPP IF}
        </div>
        <div class="author-infomation">
            {PPP IF:settings["use_icon"]}
            <div class="author-icon">
                <img src="{PPP:site_author_icon}">
            </div>
            {/PPP IF}
            <div class="authoer-infomation-inner">
                <h2>{PPP:site_author}</h2>
                {PPP LOOP:accounts}
                {PPP:accounts.icon_html}
                {/PPP LOOP}
            </div>
        </div>
        <div class="home-menu">
            <ul class="home-menu">
                {PPP LOOP:home_menu}
                <li class="home-menu-item {PPP:home_menu.class}"><a href="{PPP:home_menu.url}">{PPP:home_menu.title}</a></li>
                {/PPP LOOP}
            </ul>
        </div>
        <div class="main-contents">
            {PPP LAYOUT_CONTENTS}
        </div>
        <div class="global-footer">
            {PPP:powered_info} <a href="{PPP:base_url}/console"><i class="fa-regular fa-pen-to-square"></i></a>
        </div>
    </div>
</body>

</html>