From f2af3f2214b780057d44f79acf4812ba5e0a4589 Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Fri, 20 Sep 2024 09:40:30 +0200
Subject: [PATCH] fix ticket color on same color

---
 assets/css/src/ticket.css        |  4 ++--
 site/snippets/calendar-strip.php | 19 +++++++++++--------
 2 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/assets/css/src/ticket.css b/assets/css/src/ticket.css
index f31bb3f..7a969e8 100644
--- a/assets/css/src/ticket.css
+++ b/assets/css/src/ticket.css
@@ -41,7 +41,7 @@ a:not([disabled]):hover > .ticket svg,
   animation: vibrate 0.5s forwards;
 }
 
-.ticket:not(a[disabled] .ticket):hover svg path:not(.dot),
+.ticket:not(a[disabled] .ticket, .to-blank .ticket):hover svg path:not(.dot),
 a:not([disabled]):hover > .ticket svg path:not(.dot) {
   fill: var(--color-season);
   stroke: var(--color-season);
@@ -51,7 +51,7 @@ a.to-blank:hover > .ticket svg path:not(.dot) {
   stroke: #fff;
 }
 
-.ticket:not(a[disabled] .ticket):hover svg path.dot,
+.ticket:not(a[disabled] .ticket, .to-blank .ticket):hover svg path.dot,
 a:not([disabled]):hover > .ticket svg path.dot {
   fill: #fff;
 }
diff --git a/site/snippets/calendar-strip.php b/site/snippets/calendar-strip.php
index 5f7fbd8..47ff945 100644
--- a/site/snippets/calendar-strip.php
+++ b/site/snippets/calendar-strip.php
@@ -1,6 +1,5 @@
 <section 
   class="calendar-strip"
-  @mouseleave="open = false"
   x-data="{
     calendar: createEmptyCalendar(),
     currentMonthIndex: dayjs().month() + 1,
@@ -158,10 +157,14 @@
         <template x-if="!session.hideSessionsOnHome || index === 0">
           <li 
             x-data="{
-              stockThreshold: (session.totalStock / 100) * 25
+              stockThreshold: (session.totalStock / 100) * 25,
+              get isSeasonColor() {
+                return session.color === '<?= $kirby->collection('current-season')->color() ?>'
+              },
             }"
             :style="'--color: ' + session.color"
-            class="session no-border" 
+            class="session" 
+            :class="session.hideSessionsOnHome && index === 0 ? 'no-border' : null"
           >
             <div class="left-column mobile-group">
               <a class="session__event-link" :href="session.eventUrl" title="En savoir plus"></a>
@@ -188,27 +191,27 @@
             <div class="right-column mobile-group">
               <template x-if="!session.ticketingUrl">
                 <div class="session__info session__info--book session__info--book-free">
-                  <a class="ticket-link" target="_blank" title="Entrée libre" disabled><?php snippet('ticket') ?> <span class="desktop">Entrée libre</span></a>
+                  <a class="ticket-link" :class="isSeasonColor ? 'to-blank' : null" target="_blank" title="Entrée libre" disabled><?php snippet('ticket') ?> <span class="desktop">Entrée libre</span></a>
                 </div>
               </template>
               <template x-if="session.ticketingUrl && !session.hasOwnProperty('bookableStock')">
                 <div class="session__info session__info--book">
-                  <a class="ticket-link" :href="session.ticketingUrl" target="_blank" title="Entrée libre"><?php snippet('ticket') ?> <span class="desktop">Réserver</span></a>
+                  <a class="ticket-link" :class="isSeasonColor ? 'to-blank' : null" :href="session.ticketingUrl" target="_blank" title="Entrée libre"><?php snippet('ticket') ?> <span class="desktop">Réserver</span></a>
                 </div>
               </template>
               <template x-if="session.bookableStock === 0">
                 <div class="session__info session__info--book session__info--book-sold-out">
-                  <a class="ticket-link" title="Plus de places disponibles" disabled><?php snippet('ticket') ?> <span class="desktop">Complet</span></a>
+                  <a class="ticket-link" :class="isSeasonColor ? 'to-blank' : null" title="Plus de places disponibles" disabled><?php snippet('ticket') ?> <span class="desktop">Complet</span></a>
                 </div>
               </template>
               <template x-if="session.bookableStock > stockThreshold">
                 <div class="session__info session__info--book session__info--book-open">
-                  <a class="ticket-link" title="Plateforme de réservation" :href="session.ticketingUrl" target="_blank"><?php snippet('ticket') ?> <span class="desktop">Billetterie</span></a>
+                  <a class="ticket-link" :class="isSeasonColor ? 'to-blank' : null" title="Plateforme de réservation" :href="session.ticketingUrl" target="_blank"><?php snippet('ticket') ?> <span class="desktop">Billetterie</span></a>
                 </div>
               </template>
               <template x-if="session.bookableStock !== 0 && session.bookableStock < stockThreshold">
                 <div class="session__info session__info--book session__info--book-few-places">
-                  <a class="ticket-link" title="Plateforme de réservation" :href="session.ticketingUrl" target="_blank"><?php snippet('ticket') ?> <span class="desktop">Plus que quelques places !</span></a>
+                  <a class="ticket-link" :class="isSeasonColor ? 'to-blank' : null" title="Plateforme de réservation" :href="session.ticketingUrl" target="_blank"><?php snippet('ticket') ?> <span class="desktop">Plus que quelques places !</span></a>
                 </div>
               </template>
             </div>