From 3076394e19b3e59f8e17632c13346a310e0b70f5 Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Tue, 10 Sep 2024 18:36:50 +0200
Subject: [PATCH] expanded nav - add program subcategories

---
 assets/css/src/nav.css     |  3 +++
 site/snippets/nav.php      |  5 +++++
 site/templates/program.php | 24 ++++++++++++++++++++++--
 3 files changed, 30 insertions(+), 2 deletions(-)

diff --git a/assets/css/src/nav.css b/assets/css/src/nav.css
index 846256a..52d987a 100644
--- a/assets/css/src/nav.css
+++ b/assets/css/src/nav.css
@@ -68,6 +68,9 @@
 .expanded-nav__category {
   margin-bottom: 1rem;
 }
+.expanded-nav__category .toggle {
+  display: none;
+}
 .expanded-nav__subcategory {
   font-size: var(--font-size-s);
 }
diff --git a/site/snippets/nav.php b/site/snippets/nav.php
index 79ee8a2..2bec799 100644
--- a/site/snippets/nav.php
+++ b/site/snippets/nav.php
@@ -59,6 +59,11 @@
                   <li><a class="expanded-nav__subcategory" href="<?= $category->url() . '/#' . $subcategory->slug() ?>"><?= $subcategory->title() ?></a></li>
                 <?php endif ?>
             <?php endforeach ?>
+            <?php if ($category->template() == 'program'): ?>
+              <?php foreach($category->categories()->split() as $subcategory): ?>
+                <li><a class="expanded-nav__subcategory" href="<?= $category->url() . '/?tab=Calendrier+—+' . urlencode($subcategory) ?>"><?= $subcategory ?></a></li>
+              <?php endforeach ?>
+            <?php endif ?>
           </ul>
         </li>
     <?php endforeach ?>
diff --git a/site/templates/program.php b/site/templates/program.php
index 616334a..63b4744 100644
--- a/site/templates/program.php
+++ b/site/templates/program.php
@@ -24,7 +24,17 @@
         x-data="{title: 'Calendrier'}"
         x-text="title"
         :class="tab === title ? 'strong' : ''"
-        @click="if (tab === title) { tab = 'Programme' } else {tab = title}"
+        @click="
+          if (tab === title) { 
+            tab = 'Programme' 
+          } else {
+            tab = title
+          }
+          
+          const url = new URL(window.location.href);
+          url.searchParams.set('tab', tab);
+          window.history.pushState({}, '', url);
+          "
       ></button>
       <?php foreach($page->categories()->split() as $filter): ?>
         <button
@@ -36,7 +46,17 @@
           }"
           x-text="title"
           :class="tab === filterTitle ? 'strong' : ''"
-          @click="if (tab === filterTitle) { tab = 'Programme' } else { tab = filterTitle; filter = title }"
+          @click="
+            if (tab === filterTitle) { 
+              tab = 'Programme' 
+            } else { 
+              tab = filterTitle; filter = title 
+            }
+            
+            const url = new URL(window.location.href);
+            url.searchParams.set('tab', tab);
+            window.history.pushState({}, '', url);
+          "
         ></button>
       <?php endforeach ?>
     </section>