##
## Calculate the URI for the logo
##
#if ($config.getString("topnav.logo.file"))
  #set ($LogoFile = $config.getString("topnav.logo.file"))
  #set ($LogoURI = $clink.setURI("$LogoFile").Absolute)
#else
  #set ($LogoURI = $config.getString("topnav.logo.url"))
#end

<div>
#if ($data.User.hasLoggedIn())
##
## This is the top naviation bar displayed for a logged in user
##
  <table cellspacing="0" border="0" width="100%">
    <tr valign="middle">
      ##
      ## Display the company logo with link back to the the portal home page
      ##
      <td align="left" width="30%">
        <a href="$link">
          <img border="0" alt="$l10n.HOME" src="$LogoURI">
        </a>
      </td>
      ##
      ## Display the welcome message.  This is typicaly where a Banner AD is displayed
      ##
      <td align="center">
        <h2>$l10n.TOP_TITLE</h2>
      </td>
      ##
      ## Right column of top navigation bar. Here we are displaying the
      ## user's name, link(s) to page customizers, link to account editor, logout
      ##
      <td align="right" valign="bottom" width="30%" >
        <table cellpadding="0" cellspacing="0" border="0" >
          <tr>
            <td align="right" style="font-size:10">
              $l10n.TOP_USERWELCOMEMSG <b>$!data.User.FirstName $!data.User.LastName</b>
            </td>
            <td>&nbsp;</td>
          </tr>
          <tr>
            <td align="right"  style="font-size:10">
              $l10n.TOP_CUSTOMIZE: 
              <a href="$jslink.setAction("controls.Customize").addQueryData("reset","on")" style="font-size:10">HTML</a>
              <a href="$jslink.setAction("controls.Customize").addQueryData("reset","on").addQueryData("mtype","wml")"  style="font-size:10">WML</a>
            </td>
          </tr>
          <tr>
            <td align="right" style="font-size:10">
              <a href="$jslink.setTemplate("EditAccount")" style="font-size:10">$l10n.TOP_EDITACCOUNT $data.User.UserName</a>
            </td>
          </tr>
          <tr>
            <td align="right" style="font-size:10">
              <a href="$jslink.setAction($config.getString("action.logout"))" style="font-size:10">$l10n.TOP_LOGOUT</a>
            </td>
          </tr>
          ## Leave space between last line and content
          <tr>
            <td>&nbsp;</td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
#else
##
## This is the top naviation bar displayed for the anonymous user, i.e. they are not logged in
##
  <table cellspacing="0" border="0" width="100%">
    <tr valign="middle">
      ##
      ## Display the company logo with link back to the the portal home page
      ##
      <td align="left" width="30%">
        <a href="$jslink.Template">
          <img border="0" alt="$l10n.HOME" src="$LogoURI">
        </a>
      </td>
      ##
      ## Display the welcome message.  This is typicaly where a Banner AD is displayed
      ##
      <td align="center">
        <h2>$l10n.TOP_TITLE</h2>
      </td>
      ##
      ## Right column of top navigation bar.
      ## Optionally allow user login. Required for user creation
      ## Optionally allow user creation.
      ##
      #if( $config.getBoolean("topnav.user_login.enable") == true)
      <td align="right" valign="bottom" width="30%">
        <form method="POST" action="$link" enctype="application/x-www-form-urlencoded">
          <input name="$jslink.ActionKey" type="hidden" value="$config.getString("action.login")">
          <table border="0" cellspacing="2" cellpadding="0">
            <tr>
              <td style="font-size:10">$l10n.USERFORM_USERNAMEMSG</td>
              <td>
                <input value="" name="username" maxlength="25" type="text" tabindex="1" style="font-size:10">
              </td>
              <td rowspan="2" align="center">
                <input name="submit" type="submit" value="$l10n.USERFORM_LOGIN" tabindex="4"  style="font-size:10" />
              </td>
              <td>&nbsp;</td>
            </tr>
            <tr>
              <td style="font-size:10">$l10n.USERFORM_PASSWORDMSG</td>
              <td>
                <input value="" name="password" maxlength="25" type="password" tabindex="2" style="font-size:10">
              </td>
            </tr>
            #if ( $config.getBoolean("automatic.logon.enable") == true )
            <tr>
              <td style="font-size:10" colspan="2">
                <input name="rememberme" value="true" type="checkbox" tabindex="3" />$l10n.USERFORM_REMEMBERME
              </td>
            </tr>
            #end
            <tr>
              <td align="center" colspan="3">
                #if( $config.getBoolean("topnav.user_creation.enable") == true)
                <a href="$jslink.setTemplate("NewAccount")" style="font-size:10">$l10n.TOP_CREATENEWACCOUNT</a>
                &nbsp;|&nbsp;
                #end
                <a href="$jslink.setTemplate("LoginHelp")" style="font-size:10">$l10n.TOP_LOGINHELP</a>
              </td>
            </tr>
            ## Leave space between last line and content
            <tr>
              <td>&nbsp;</td>
            </tr>
          </table>
        </form>
      </td>
      #end
    </tr>
  </table>
#end
</div>