<!doctype html>
<html lang="en" data-bs-theme="dark">

<head>
  <!--[if IE 6]>
 whenever you feel down,
 remember that theres still a lot to live for.

    nexium.fit, lx was here.
    
<![endif]-->
  <style>
    @import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

    * {
      font-family: "Outfit", sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
    }

    img.emoji {
      height: 1em;
      width: 1em;
      margin: 0 .05em 0 .1em;
      vertical-align: -0.1em;
    }

.main-content {
  margin-top: -50px !important;
}


  </style>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" href="/static/img/vortex.ico" type="image/x-icon" />
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe"
    crossorigin="anonymous"></script>
  <script src="https://unpkg.com/twemoji@latest/dist/twemoji.min.js" crossorigin="anonymous"></script>

  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css">
  <link href="/static/css/global.css" rel="stylesheet" />
  <link href="/static/css/header.css?random={{ BuildVersionDontGetThisMixedUpCuh }}" rel="stylesheet" />
  {% if currentuser: %}
  <script src="/static/js/presence.js"></script>{% endif %}

  <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
  <title>{% block title %}{% endblock %} - NEXIUM</title>
  <meta name="robots" content="noindex">
  {% block head %}{% endblock %}
</head>

<body {% if website_wide_message %}class="has-alert" {% endif %}>
  <div class="width-100">
    {% if currentuser: %}
    <button class="toggle-sidebar btn btn-link text-white d-lg-none position-fixed top-0 start-0 m-2 z-3">
      <i class="bi bi-list fs-4"></i>
    </button>
    <div class="sidebar">
      <div class="sidebar-nav">
        <a href="/home" class="nav-link"><i class="bi bi-house-fill"></i> Home</a>
        <a href="/users/{{currentuser.id}}/profile" class="nav-link"><i class="bi bi-person-fill"></i> Profile</a>
        <a href="/games" class="nav-link"><i class="bi bi-controller"></i> Games</a>
        <a href="/catalog" class="nav-link"><i class="bi bi-shop"></i> Catalog</a>
        <a href="/develop" class="nav-link"><i class="bi bi-code-square"></i> Develop</a>
        <a href="/users/{{currentuser.id}}/friends" class="nav-link">
          <i class="bi bi-people-fill"></i> Friends
          {% if currentuser.friend_requests > 0: %}
          <span class="badge text-bg-danger ms-1">{{currentuser.friend_requests}}</span>
          {% endif %}
        </a>
        <a href="/groups" class="nav-link"><i class="bi bi-collection"></i> Groups</a>
        <a href="/users" class="nav-link"><i class="bi bi-person-fill"></i> Users</a>
        <a href="/avatar" class="nav-link"><i class="bi bi-person-badge"></i> Avatar</a>
        <a href="/messages" class="nav-link">
          <i class="bi bi-envelope-fill"></i> Messages
          {% if currentuser.unread_messages > 0: %}
          <span class="badge text-bg-danger ms-1">{{currentuser.unread_messages}}</span>
          {% endif %}
        </a>
        <a href="/trade" class="nav-link">
          <i class="bi bi-arrow-left-right"></i> Trades
          {% if currentuser.inbound_trades > 0: %}
          <span class="badge text-bg-danger ms-1">{{currentuser.inbound_trades}}</span>
          {% endif %}
        </a>
        <a href="/download" class="nav-link"><i class="bi bi-download"></i> Downloads</a>
        <a href="https://discord.gg/REPLACEME" class="nav-link"><i class="bi bi-discord"></i> Discord</a>
        {% if currentuser.is_admin: %}
        <a href="/admin/" class="nav-link">
          <i class="bi bi-shield-fill"></i> Admin Panel
          {% if currentuser.pending_asset_count > 0: %}
          <span class="badge text-bg-danger ms-1">{{currentuser.pending_asset_count}}</span>
          {% endif %}
        </a>
        {% endif %}
      </div>
    </div>
    <nav class="navbar">
      <div class="container-fluid">
        <div class="d-flex align-items-center">
          <button class="toggle-sidebar btn btn-link text-white me-2" type="button">
            <i class="bi bi-list fs-4"></i>
          </button>
          <a class="navbar-brand" href="/home">
            <h1 class="title-logo"><img src="/static/img/NEXIUM.png" alt="NEXIUM" /></h1>
          </a>
        </div>

        <div class="d-flex align-items-center gap-2">
          <div
            class=" d-inline-flex align-items-center bg-dark text-white rounded-pill px-3 py-1 border shadow-sm gap-3">
            <div class="d-flex align-items-center">
              <span class="rbx-icon-nav-robux me-1 text-white"></span>
              <span class="fw-semibold" id="robux-amount">{{currentuser.robux}}</span>
            </div>

            <div class=" d-flex align-items-center">
              <span class="rbx-icon-nav-tix me-1 text-white"></span>
              <span class="fw-semibold" id="tix-amount">{{currentuser.tix}}</span>
            </div>
          </div>

          <div
            class="nav-item dropdown d-inline-flex align-items-center rounded-pill px-3 py-1 bg-dark border shadow-sm">
            <a class="nav-link dropdown-toggle d-flex align-items-center p-0" href="#" role="button"
              data-bs-toggle="dropdown" aria-expanded="false">
              <img class="rounded-circle me-2" width="32" height="32"
                src="/Thumbs/Head.ashx?x=48&y=48&userId={{currentuser.id}}" alt="{{currentuser.username}}" />
              <b><span class="d-none d-md-inline">{{currentuser.username}}</span></b>
            </a>
            <ul class="dropdown-menu dropdown-menu-end">
              <li><a class="dropdown-item" href="/settings">Settings</a></li>
              <li><a class="dropdown-item" href="/membership">Membership</a></li>
              <li><a class="dropdown-item" href="/giftcard-redeem">Redeem Codes</a></li>
              <li>
                <hr class="dropdown-divider">
              </li>
              <li>
                <form action="/logout" method="post">
                  <input type="hidden" name="csrf_token" value="{{csrf_token()}}">
                  <button class="dropdown-item text-danger fw-semibold" type="submit">Logout</button>
                </form>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </nav>

    <div class="w-100 border-bottom subnav-bar ps-3 pe-3">
      <a href="/users/{{currentuser.id}}/profile">Profile</a>
      <a href="/users/{{currentuser.id}}/friends">Friends{% if currentuser.friend_requests > 0: %}<span
          class="badge text-bg-danger ms-1">{{currentuser.friend_requests}}</span>{%endif%}</a>
      <a href="/users">Users</a>
      <a href="/avatar">Avatar</a>
      <a href="/messages">Messages{% if currentuser.unread_messages > 0: %}<span
          class="badge text-bg-danger ms-1">{{currentuser.unread_messages}}</span>{%endif%}</a>
      <a href="/groups">Groups</a>
      <a href="/trade">Trades{% if currentuser.inbound_trades > 0: %}<span
          class="badge text-bg-danger ms-1">{{currentuser.inbound_trades}}</span>{%endif%}</a>
      <a href="/download">Downloads</a>
      <a href="https://discord.gg/REPLACEME">Discord</a>
      {% if currentuser.is_admin: %}
      <a href="/admin/">Admin Panel{% if currentuser.pending_asset_count > 0: %}<span
          class="badge text-bg-danger ms-1">{{currentuser.pending_asset_count}}</span>{%endif%}</a>
      {% endif %}
    </div>
    {% endif %}
    {% if website_wide_message: %}
    <div id="websitewidemessage" class="alert text-white" role="alert">
      <p>{{ website_wide_message | safe }}</p>
    </div>
    {% endif %}
  </div>
  <div class="main-content">
    {% block content %}{% endblock %}
  </div>
  <script src="/static/js/global.js" crossorigin="anonymous"></script>
  <script src="/static/js/twemoji.js" crossorigin="anonymous"></script>

</body>
</html>
