{% extends "base.html" %}

{% block body %}
<header>
  <div class="wrap nav">
    <a href="{% url 'home' %}" class="brand">teniteno<span>1</span></a>
    <nav class="nav-links">
      <a href="{% url 'home' %}" {% if nav == 'home' %}class="on"{% endif %}>Home</a>
      <a href="{% url 'about' %}" {% if nav == 'about' %}class="on"{% endif %}>About</a>
      <a href="{% url 'services' %}" {% if nav == 'services' %}class="on"{% endif %}>Services</a>
      <a href="{% url 'pricing' %}" {% if nav == 'pricing' %}class="on"{% endif %}>Pricing</a>
      <a href="{% url 'portfolio' %}" {% if nav == 'portfolio' %}class="on"{% endif %}>Work</a>
      <a href="{% url 'contact' %}" {% if nav == 'contact' %}class="on"{% endif %}>Contact</a>
    </nav>
    <div class="nav-cta">
      {% if user.is_authenticated %}
        <a href="{% url 'client_dashboard' %}" class="btn btn-sm">My portal</a>
      {% else %}
        <a href="{% url 'login' %}" class="btn btn-sm">Client login</a>
      {% endif %}
      <a href="{% url 'start_project' %}" class="btn btn-sm btn-primary">Start a project</a>
    </div>
    <button class="burger" id="burger" aria-label="Menu">Menu</button>
  </div>
  <div class="mobile" id="mobile">
    <a href="{% url 'home' %}">Home</a>
    <a href="{% url 'about' %}">About</a>
    <a href="{% url 'services' %}">Services</a>
    <a href="{% url 'pricing' %}">Pricing</a>
    <a href="{% url 'portfolio' %}">Work</a>
    <a href="{% url 'contact' %}">Contact</a>
    <a href="{% url 'login' %}">Client login</a>
    <a href="{% url 'start_project' %}" style="color:var(--gold)">Start a project</a>
  </div>
</header>

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

<footer>
  <div class="wrap">
    <div class="foot">
      <div>
        <a href="{% url 'home' %}" class="brand" style="display:inline-block;margin-bottom:12px">teniteno<span>1</span></a>
        <p class="muted" style="font-size:14px;max-width:34ch">{{ site.meta_description }}</p>
      </div>
      <div><h4>Company</h4>
        <a href="{% url 'about' %}">About</a><a href="{% url 'services' %}">Services</a>
        <a href="{% url 'pricing' %}">Pricing</a><a href="{% url 'portfolio' %}">Work</a></div>
      <div><h4>Clients</h4>
        <a href="{% url 'login' %}">Client login</a><a href="{% url 'start_project' %}">Start a project</a>
        <a href="{% url 'contact' %}">Support</a></div>
      <div><h4>Contact</h4>
        <a href="mailto:{{ site.contact_email }}">{{ site.contact_email }}</a>
        <a href="{% url 'contact' %}">Project enquiry</a></div>
    </div>
    <div class="foot-note">
      <span>&copy; {% now "Y" %} {{ site.name }} &middot; CAC Certified</span>
      <span>{{ site.location }}</span>
    </div>
  </div>
</footer>
{% endblock %}