{% load static %}
<header class="nav">
  <div class="inner">
    <a class="brand" href="{% url 'website:home' %}">
      <img class="logo" src="{% static 'website/img/logo.png' %}" alt="Logo">
      <div>
        <div class="name">Holistic Caregiver Services Ltd</div>
        <div class="tag">Professional Home Care &amp; Nursing</div>
      </div>
    </a>

    <nav class="navlinks">
      <a href="{% url 'website:about' %}">About</a>
      <a href="{% url 'website:services' %}">Services</a>
      <a href="{% url 'website:care_process' %}">Care Process</a>
      <a href="{% url 'website:why_choose_us' %}">Why Choose Us</a>
      <a href="{% url 'website:careers' %}">Careers</a>
      <a href="{% url 'website:blog_list' %}">Blog</a>
      <a href="{% url 'website:support_ticket_create' %}">Support</a>
        <a class="nav-link" href="{% url 'website:contact' %}">Contact</a>
    </nav>

    <div class="nav-cta">
        <button id="pwaInstallBtn" class="btn" style="display:none">📱 Install</button>
      <a class="btn btn-accent" href="{% url 'website:care_request_step1' %}">Request Care</a>

      <details class="mobile-menu">
        <summary>Menu ▾</summary>
        <div class="menu-panel">
          <a href="{% url 'website:about' %}">About</a>
          <a href="{% url 'website:services' %}">Services</a>
          <a href="{% url 'website:care_process' %}">Care Process</a>
          <a href="{% url 'website:why_choose_us' %}">Why Choose Us</a>
          <a href="{% url 'website:testimonials' %}">Testimonials</a>
          <a href="{% url 'website:careers' %}">Careers</a>
          <a href="{% url 'website:blog_list' %}">Blog</a>
          <a href="{% url 'website:contact' %}">Contact</a>
          <div class="row">
            <a class="btn btn-accent" href="{% url 'website:care_request_step1' %}">Request Care</a>
            <a class="btn btn-primary" href="https://wa.me/{{ SITE_WHATSAPP }}?text=Hello%20Holistic%20Caregiver%20Services%20Ltd%2C%20I%20want%20to%20request%20care." target="_blank">WhatsApp</a>
          </div>
        </div>
      </details>
    </div>
  </div>
</header>
