<!DOCTYPE html>
<html lang="en">
<!-- Theme: https://bootswatch.com/lux/ -->
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <title>{{ .Static.WebsiteTitle }}</title>
    <meta name="description" content="{{ .Static.WebsiteTitle }}">
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="/fonts/fontawesome-all.min.css">
    <link rel="stylesheet" href="/css/custom.css">
</head>

<body id="page-top" class="d-flex flex-column min-vh-100">
    {{template "prt_nav.html" .}}
    <div class="container mt-2">
        <div class="page-header">
            <h1>WireGuard VPN Portal</h1>
        </div>
        {{template "prt_flashes.html" .}}
        <p class="lead">WireGuard® is an extremely simple yet fast and modern VPN that utilizes state-of-the-art cryptography. It aims to be faster, simpler, leaner, and more useful than IPsec, while avoiding the massive headache. It intends to be considerably more performant than OpenVPN. </p>
        <h3 class="mt-3">More Information</h3>
        <div class="row">
            <div class="col-lg-4">
                <div class="card border-secondary mb-4" style="min-height: 15rem;">
                    <div class="card-header">WireGuard Installation</div>
                    <div class="card-body">
                        <h4 class="card-title">Installation</h4>
                        <p class="card-text">Installation instructions for client software can be found on the official WireGuard website.</p>
                        <a href="https://www.wireguard.com/install/" title="WireGuard Installation" target="_blank" rel="noopener noreferrer" class="btn btn-primary btn-sm">Open Instructions</a>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="card border-secondary mb-4" style="min-height: 15rem;">
                    <div class="card-header">About WireGuard</div>
                    <div class="card-body">
                        <h4 class="card-title">About</h4>
                        <p class="card-text">WireGuard® is an extremely simple yet fast and modern VPN that utilizes state-of-the-art cryptography.</p>
                        <a href="https://www.wireguard.com/" title="WireGuard" target="_blank" rel="noopener noreferrer" class="btn btn-primary btn-sm">More details</a>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="card border-secondary mb-4" style="min-height: 15rem;">
                    <div class="card-header">About WireGuard Portal</div>
                    <div class="card-body">
                        <h4 class="card-title">WireGuard Portal</h4>
                        <p class="card-text">WireGuard Portal is a simple, web based configuration portal for WireGuard.</p>
                        <a href="https://github.com/h44z/wg-portal/" title="WireGuard Portal" target="_blank" rel="noopener noreferrer" class="btn btn-primary btn-sm">More details</a>
                    </div>
                </div>
            </div>
        </div>

        <div class="jumbotron jumbotron-home">
            <h2 class="display-5">VPN Profiles</h2>
            <p class="lead">You can access and download your personal VPN configurations via your Userprofile.</p>
            <hr class="my-4">
            <p>To find all your configured profiles click on the button below.</p>
            <p class="lead">
                <a href="/user/profile" class="btn btn-primary btn-lg" title="User-Profile">Open My Profile</a>
            </p>
        </div>

        {{with eq $.Session.LoggedIn true}}{{with eq $.Session.IsAdmin true}}
        <div class="jumbotron jumbotron-home">
            <h2 class="display-5">Administration Area</h2>
            <p class="lead">In the administration area you can manage WireGuard peers and the server interface as well as users that are allowed to log in to the WireGuard Portal.</p>
            <hr class="my-4">
            <p>To find all your configured profiles click on the button below.</p>
            <p class="lead">
                <a href="/admin/" class="btn btn-primary btn-lg" title="WireGuard Administration">Open WireGuard Administration</a>
                <a href="/admin/users/" class="btn btn-primary btn-lg" title="User Administration">Open User Administration</a>
            </p>
        </div>
        {{end}}{{end}}

    </div>
    {{template "prt_footer.html" .}}
    <script src="/js/jquery.min.js"></script>
    <script src="/js/jquery.easing.js"></script>
    <script src="/js/popper.min.js"></script>
    <script src="/js/bootstrap.bundle.min.js"></script>
    <script src="/js/bootstrap-confirmation.min.js"></script>
    <script src="/js/custom.js"></script>
</body>

</html>