<div class="container-fluid">
  <div class="row">
    <ul class="nav nav-pills p-2">
      <li class="nav-item">
        <a href="{{ url('/server/status') }}" class="nav-link{{ active == 'status' ? ' active' }} disableAjax">
          {% trans 'Server' %}
        </a>
      </li>
      <li class="nav-item">
        <a href="{{ url('/server/status/processes') }}" class="nav-link{{ active == 'processes' ? ' active' }} disableAjax">
          {% trans 'Processes' %}
        </a>
      </li>
      <li class="nav-item">
        <a href="{{ url('/server/status/queries') }}" class="nav-link{{ active == 'queries' ? ' active' }} disableAjax">
          {% trans 'Query statistics' %}
        </a>
      </li>
      <li class="nav-item">
        <a href="{{ url('/server/status/variables') }}" class="nav-link{{ active == 'variables' ? ' active' }} disableAjax">
          {% trans 'All status variables' %}
        </a>
      </li>
      <li class="nav-item">
        <a href="{{ url('/server/status/monitor') }}" class="nav-link{{ active == 'monitor' ? ' active' }} disableAjax">
          {% trans 'Monitor' %}
        </a>
      </li>
      <li class="nav-item">
        <a href="{{ url('/server/status/advisor') }}" class="nav-link{{ active == 'advisor' ? ' active' }} disableAjax">
          {% trans 'Advisor' %}
        </a>
      </li>
    </ul>
  </div>

  {% block content %}{% endblock %}
</div>