{{%define "content"%}} {{%template "nav" .User%}}
<div class="jumbotron">
    <div class="container" style="text-align:center;">
        <h1 class="sans header">
            Settings
        </h1>
    </div>
</div>
<div class="container">
    <div class="col-md-3 sidebar">
        <ul class="nav nav-pills nav-stacked">
            <li><a href="/">Dashboard</a>
            </li>
            <li><a href="/users">Users &amp; Groups</a>
            </li>
            <li class="active"><a href="/settings">Settings</a>
            </li>
            <li><a href="/api/doc">API Documentation</a>
            </li>
        </ul>
    </div>
    <div class="col-md-9 sans">
        <h1 style="margin:0px 0px 15px 0px;">User Settings</h1>
        <div class="row">
            <div class="col-md-2">
                <p><b>Username:</b> 
                </p>
            </div>
            <div class="col-md-6">
                <input type="text" value="{{%.User.Username%}}" class="form-control" />
            </div>
        </div>
        <br/>
        <div class="row">
            <div class="col-md-2">
                <p><b>API Key:</b> 
                </p>
            </div>
            <div class="col-md-6">
                <input type="text" value="{{%.User.APIKey%}}" class="form-control" readonly/>
            </div>
        </div>
        <br />
        <button class="btn btn-primary">Save</button>
    </div>
</div>
{{%end%}}