Restore services dropdown in agency header

mandelstudio/templates/carbasa/headers/mega.html

@@ -2,6 +2,26 @@
 {% load agency_navigation %}
 
 {% block nav %}
+<style>
+  .agency-nav-dropdown .dropdown-menu {
+    min-width: 16rem;
+    border-radius: 1rem;
+    border: 1px solid rgba(15, 23, 42, 0.08);
+    box-shadow: 0 18px 48px rgba(15, 23, 42, 0.12);
+    padding: 0.55rem;
+  }
+
+  .agency-nav-dropdown .dropdown-item {
+    border-radius: 0.75rem;
+    font-weight: 600;
+    padding: 0.65rem 0.8rem;
+  }
+
+  .agency-nav-dropdown .dropdown-toggle::after {
+    margin-left: 0.45rem;
+    vertical-align: 0.15em;
+  }
+</style>
 <div class="collapse navbar-collapse menu-bar page-menu-bar" id="navbarSupportedContent">
     <div class="brand-wrapper">
         {% include 'partials/brand.html' with big=True %}
@@ -9,9 +29,24 @@
     {% agency_nav_pages as nav_pages %}
     <ul class="navbar-nav">
         {% for nav_page in nav_pages %}
+        {% if nav_page.nav_children %}
+        <li class="nav-item dropdown agency-nav-dropdown">
+            <a class="nav-link dropdown-toggle" href="{{ nav_page.url }}" id="agency-nav-{{ nav_page.nav_key }}" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+                {{ nav_page.title }}
+            </a>
+            <ul class="dropdown-menu" aria-labelledby="agency-nav-{{ nav_page.nav_key }}">
+                {% for child_page in nav_page.nav_children %}
+                <li>
+                    <a class="dropdown-item" href="{{ child_page.url }}">{{ child_page.title }}</a>
+                </li>
+                {% endfor %}
+            </ul>
+        </li>
+        {% else %}
         <li class="nav-item child">
             <a class="nav-link" href="{{ nav_page.url }}">{{ nav_page.title }}</a>
         </li>
+        {% endif %}
         {% endfor %}
     </ul>
 </div>

mandelstudio/templatetags/agency_navigation.py

@@ -16,6 +16,10 @@ SOURCE_PAGE_IDS = {
     "process": 192,
 }
 
+NAV_CHILDREN = {
+    "services": [200, 201, 202, 203],
+}
+
 NAV_ORDER = ["services", "projects", "process", "about", "contact"]
 
 
@@ -54,6 +58,12 @@ def agency_nav_pages(context):
     for key in NAV_ORDER:
         page = _translated_page(SOURCE_PAGE_IDS[key], language_code)
         if page is not None:
+            page.nav_children = [
+                child
+                for source_id in NAV_CHILDREN.get(key, [])
+                if (child := _translated_page(source_id, language_code)) is not None
+            ]
+            page.nav_key = key
             pages.append(page)
     return pages