<!doctype html>
<html>
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>appGenerics MailMonkey</title>
    <link rel="icon" type="image/svg+xml" href="/static/Logo.svg" sizes="any">
    <link rel="icon" type="image/png" href="/static/favicon.png">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/css/bootstrap-custom.css">
    <link rel="stylesheet" href="/static/css/site.css" />
    <!-- summernote Editor -->
    <link href="/static/summernote/summernote.min.css" rel="stylesheet">
    <!--<link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.css" rel="stylesheet">-->

    <!--<script src="/static/iconic/iconic.min.js"></script>-->
    <script>
                // function will be overwritten on child pages
                function initializePage() {

                }
    </script>
</head>
<body>
    <header>
        <nav class="navbar sticky-top navbar-expand-sm navbar-toggleable-sm navbar-dark bg-secondary border-bottom box-shadow mb-3">
            <div class="container">
                <div class="navbar-brand">
                    <a class="navbar-brand" href="/">
                        <img src="/static/appGenerics.png" height="80px" class="d-inline-block align-top" alt="">
                        @IfNot.ProductVersionVisible
                        <span class="badge badge-light"><img src="/static/Logo.svg" height="40px" alt="MailMonkey-Logo" />&nbsp;MailMonkey</span>
                        @EndIf
                        @If.ProductVersionVisible
                        <span class="badge badge-light"><img src="/static/Logo.svg" height="40px" alt="MailMonkey-Logo" />&nbsp;MailMonkey@If.ProductVersionVisible R@Model.ProductVersion @EndIf</span>
                        @EndIf
                    </a>
                </div>
                <p />
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-collapse" aria-controls="navbarSupportedContent"
                        aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="navbar-collapse collapse d-sm-inline-flex flex-sm-row-reverse">
                    <ul class="navbar-nav flex-grow-1">
                        <li class="nav-item">
                            <a class="nav-link" href="/">Auftragsübersicht</a>
                        </li>

                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                Weiteres
                            </a>
                            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                                <a class="dropdown-item" href="/Templates">Templateübersicht</a>
                                @If.LoggedInIsMailMonkeyAdmin <a class="dropdown-item" href="/Logs">Logeinträge</a> @EndIf
                                @If.LoggedInIsMailMonkeyAdmin <a class="dropdown-item" href="/Stats">Statistiken</a> @EndIf
                            </div>
                        </li>

                        <li class="nav-item">
                            @If.LoggedInIsMailMonkeyAdmin <a class="nav-link" href="/Config">Administration</a> @EndIf
                        </li>
                        @If.UserNameSet
                        <a href="/static/doc/MailMonkey.pdf" target="_blank" class="btn my-2 my-sm-0"><img class="iconic" src="/static/iconic/svg/question-mark.svg" style="width:16px;height:16px;fill:white;stroke:white" alt="book"></a>
                        <a href="/Login/Logout" class="btn btn-outline-success my-2 my-sm-0">Abmelden</a>
                        @EndIf
                    </ul>
                </div>
            </div>
        </nav>
    </header>

    @If.HasBreadCrumb
    <nav aria-label="breadcrumb">
        <div class="container">
            <ol class="breadcrumb">
                @Each.BreadCrumb
                <li class="breadcrumb-item @If.IsActive active @EndIf" aria-current="page">@IfNot.IsActive<a href="@Current.Url">@EndIf@!Current.Name@IfNot.IsActive</a>@EndIf</li>
                @EndEach
            </ol>
        </div>
    </nav>
    @EndIf

    <main role="main" class="pb-3">
        <div class="container">
            <div class="container-fluid">
                @Section['Content'];
            </div>
        </div>
    </main>

    <footer class="border-top footer text-muted">
        <div class="container">
            <a href="https://www.appgenerics.de"><small class="text-muted">(C) appGenerics GmbH</small></a>
        </div>
    </footer>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="/static/jquery/jquery-3.7.1.js"></script>
    <script src="/static/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="/static/summernote/summernote.min.js"></script>
    <script>
        $(function () {
            $('[data-toggle="tooltip"]').tooltip()
        })
        $(document).ready(function () {
            initializePage();
        });
    </script>
</body>
</html>
