% my $user = session 'username';
% my $url = $self->tx->req->url;
% if ($user) {
<div class="well" style="padding: 8px 0;">
  <ul class="nav nav-list" id="user-menu">
    <li class="nav-header">Hello <%== $user %></li>
    % if ( is_author($user) and $url =~ s{/page/}{/edit/} ) {
      <li><a href="#" onclick="add_user()">Add New Page</a></li>
      <li><a href="<%= $url %>">Edit This Page</a></li>
    % }
    <li><a href="/admin/menu">Setup Nav Menu</a></li>
    <li><a href="/logout">Log Out</a></li>
    % if ( is_admin $user ) {
      <li class="nav-header">Administration</li>
      <li><a href="#" onclick="add_page()">Add New User</a></li>
      <li><a href="/admin/users">All Users</a></li>
      <li><a href="/admin/pages">All Pages</a></li>
    % }
  </ul>
</div>

  %= javascript begin
    function add_user () {
      var content = 
        'Create a page with link' +
        '<div class="input-prepend">' +
        '  <span class="add-on">/page/</span>' +
        '  <input type="text" id="new_page_link" placeholder="new page link">' + 
        '</div>';
      show_modal( content, function () { 
        var link = $('#new_page_link').val();
        if (link.length > 0) {
          window.location.href = '/edit/' + link;
        } else {
          humane.log('New link name cannot be empty');
        }
      });
    }

    function add_page () {
      var content = 
        'Create a new user with username' +
        '<div class="input-prepend">' +
        '  <span class="add-on">username:</span>' +
        '  <input type="text" id="new_username" placeholder="new username">' + 
        '</div>';
      show_modal( content, function () { 
        var username = $('#new_username').val();
        if (username.length > 0) {
          window.location.href = '/admin/user/' + username;
        } else {
          humane.log('New user name cannot be empty');
        }
      });
    }

  %= end

% } else {
<form class="well" method="post" action="/login">
  <input type="hidden" name="from" value="<%= $url %>">
  <input type="text" class="input-small" placeholder="Username" name="username">
  <input type="password" class="input-small" placeholder="Password" name="password">
  <input type="submit" class="btn" value="Sign In">
</form>
% }