{{define "header"}}
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>{{.Title}}</title>
        <link rel="stylesheet" href="../assets/css/bootstrap.min.css">
        <script src="../assets/js/bootstrap.min.js"></script>
        <script src="../assets/js/jquery-3.6.0.min.js"></script>
        <script src="../assets/js/jquery.serializeJSON.js"></script>
    </head>
    <body>

    <nav class="navbar navbar-expand-lg navbar-light bg-light">
        <div class="container">
            <a class="navbar-brand" href="/">Demo TemplateGen</a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup"
                    aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
                <div class="navbar-nav mb-2 mb-lg-0" style="margin-right: auto!important;">
                    <a class="nav-link active" aria-current="page" href="/">Home</a>
                    <a class="nav-link" href="/pages/registration">Registration</a>
                    <a class="nav-link" href="/yadisk">Yandex Disk</a>
                    <a class="nav-link" href="/gdisk">Google Disk</a>
                    <a class="nav-link" href="/amo">Amo</a>
                </div>
                <div class="d-flex">
                    {{if .User}}
                        <a class="nav-link disabled" href="#">{{.User.FullName}} ({{.User.Email}})</a>
                        <a class="nav-link" href="/pages/logout">Logout</a>
                    {{else}}
                        <a class="nav-link" href="/pages/login">Login</a>
                    {{end}}

                </div>
            </div>
        </div>
    </nav>
{{end}}