{{ define "title"}}
About
{{ end }}

{{ define "top_css"}}
{{ end }}

{{ define "username"}}
{{ .username }}
{{ end }}

{{ define "page_title"}}
About
{{ end }}

{{ define "page_content"}}
<section class="content">
    <div class="container-fluid">
        <div class="row">
            <!-- left column -->
            <div class="col-md-6">
                <div class="card card-success">
                    <div class="card-header">
                        <h3 class="card-title">About wireguard-ui-multi</h3>
                    </div>
                    <!-- /.card-header -->
                    <div class="card-body">
                        <p>
                            Native multi-server WireGuard management UI. Runs multiple independent
                            WireGuard interfaces (own name, port, keypair, subnet, peers and settings
                            each) from a single installation, without Docker.
                        </p>
                        <div class="form-group">
                            <label for="version" class="control-label">Current version</label>
                            <input type="text" class="form-control" id="version" value="{{ .appVersion }}" readonly>
                        </div>
{{ if .gitCommit }}
                        <div class="form-group">
                            <label for="version" class="control-label">git commit hash</label>
                            <input type="text" class="form-control" id="version" value="{{ .gitCommit }}" readonly>
                        </div>
{{ end }}
                        <strong>&copy; <script>document.write(new Date().getFullYear())</script> wireguard-ui-multi.</strong>
                    </div>
                </div>
                <!-- /.card -->
            </div>
        </div>
        <!-- /.row -->
    </div>
</section>
{{ end }}

{{ define "bottom_js"}}
{{ end }}