{% extends "base.html" %}

{% block robots %}<meta name="robots" content="noindex">{% endblock %}

{% block body %}
<div class="scrim" id="scrim"></div>
<div class="shell">
  <aside class="side admin" id="side">
    <div class="side-top">
      <a href="{% url 'home' %}" class="brand">teniteno<span>1</span></a>
      <div class="mono" style="margin-top:4px">admin</div>
    </div>
    <nav>
      <a href="{% url 'admin_dashboard' %}" {% if nav == 'dashboard' %}class="on"{% endif %}><span>Dashboard</span></a>
      <div class="grp">Business</div>
      <a href="{% url 'admin_leads' %}" {% if nav == 'leads' %}class="on"{% endif %}><span>Leads</span></a>
      <a href="{% url 'admin_clients' %}" {% if nav == 'clients' %}class="on"{% endif %}><span>Clients</span></a>
      <a href="{% url 'admin_quotes' %}" {% if nav == 'quotes' %}class="on"{% endif %}><span>Quotes</span></a>
      <a href="{% url 'admin_projects' %}" {% if nav == 'projects' %}class="on"{% endif %}><span>Projects</span></a>
      <div class="grp">Websites</div>
      <a href="{% url 'admin_websites' %}" {% if nav == 'websites' %}class="on"{% endif %}><span>All websites</span></a>
      <a href="{% url 'admin_domains' %}" {% if nav == 'domains' %}class="on"{% endif %}><span>Domains</span></a>
      <a href="{% url 'admin_hosting' %}" {% if nav == 'hosting' %}class="on"{% endif %}><span>Hosting</span></a>
      <a href="{% url 'admin_maintenance' %}" {% if nav == 'maintenance' %}class="on"{% endif %}><span>Maintenance</span></a>
      <div class="grp">Finance</div>
      <a href="{% url 'admin_invoices' %}" {% if nav == 'invoices' %}class="on"{% endif %}><span>Invoices</span></a>
      <a href="{% url 'admin_payments' %}" {% if nav == 'payments' %}class="on"{% endif %}><span>Payments</span></a>
      <a href="{% url 'admin_revenue' %}" {% if nav == 'revenue' %}class="on"{% endif %}><span>Revenue</span></a>
      <div class="grp">Portfolio</div>
      <a href="{% url 'admin_portfolio' %}" {% if nav == 'portfolio' %}class="on"{% endif %}><span>Projects &amp; categories</span></a>
      <div class="grp">Support</div>
      <a href="{% url 'admin_tickets' %}" {% if nav == 'tickets' %}class="on"{% endif %}><span>Tickets</span></a>
      <a href="{% url 'admin_messages' %}" {% if nav == 'messages' %}class="on"{% endif %}><span>Messages</span></a>
      <div class="grp">Productivity</div>
      <a href="{% url 'admin_tasks' %}" {% if nav == 'tasks' %}class="on"{% endif %}><span>Tasks</span></a>
      <a href="{% url 'admin_calendar' %}" {% if nav == 'calendar' %}class="on"{% endif %}><span>Calendar</span></a>
      <div class="grp">System</div>
      <a href="{% url 'admin_files' %}" {% if nav == 'files' %}class="on"{% endif %}><span>Files</span></a>
      <a href="{% url 'admin_notifications' %}" {% if nav == 'notifications' %}class="on"{% endif %}><span>Notifications</span></a>
      <a href="{% url 'admin_activity' %}" {% if nav == 'activity' %}class="on"{% endif %}><span>Activity log</span></a>
      <a href="{% url 'admin_settings' %}" {% if nav == 'settings' %}class="on"{% endif %}><span>Settings</span></a>
    </nav>
    <div class="side-foot">
      <a href="{% url 'home' %}" target="_blank" rel="noopener"><span>View public site</span></a>
      <form method="post" action="{% url 'logout' %}">{% csrf_token %}
        <button class="btn btn-sm" style="margin:2px 10px;width:calc(100% - 20px)">Sign out</button>
      </form>
      <div class="who">
        <div class="avatar">{{ user.get_full_name|default:user.username|slice:":2"|upper }}</div>
        <div><div class="nm">{{ user.get_full_name|default:user.username }}</div><div class="em">{{ user.email }}</div></div>
      </div>
    </div>
  </aside>
  <div class="body-col">
    <div class="topbar">
      <button class="side-toggle" id="side-toggle" aria-label="Menu">Menu</button>
      <h1>{% block heading %}{% endblock %}</h1>
      <div class="right">
        <a href="{% url 'admin_notifications' %}" class="btn btn-sm">Alerts</a>
        <a href="{% url 'admin_tasks' %}" class="btn btn-sm btn-primary">Tasks</a>
      </div>
    </div>
    {% if messages %}<div class="pane" style="padding-bottom:0">
      {% for m in messages %}<div class="notice">{{ m }}</div>{% endfor %}
    </div>{% endif %}
    {% block content %}{% endblock %}
  </div>
</div>
{% endblock %}