From d0e31a9b8a728bc4f6ee17d2fabc547bace5b8fa Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Thu, 11 Jul 2024 10:50:58 +0200
Subject: [PATCH] handling parcours heading boxes

---
 ...s.css => heading-box--parcours-parent.css} |  2 +-
 ...s.php => heading-box--parcours-parent.php} |  8 ++---
 .../heading-box--parcours-single.css          | 33 +++++++++++++++++++
 .../heading-box--parcours-single.php          | 28 ++++++++++++++++
 4 files changed, 66 insertions(+), 5 deletions(-)
 rename template-components/{heading-box--parcours.css => heading-box--parcours-parent.css} (87%)
 rename template-components/{heading-box--parcours.php => heading-box--parcours-parent.php} (56%)
 create mode 100644 template-components/heading-box--parcours-single.css
 create mode 100644 template-components/heading-box--parcours-single.php

diff --git a/template-components/heading-box--parcours.css b/template-components/heading-box--parcours-parent.css
similarity index 87%
rename from template-components/heading-box--parcours.css
rename to template-components/heading-box--parcours-parent.css
index 0256f0c..4c48819 100644
--- a/template-components/heading-box--parcours.css
+++ b/template-components/heading-box--parcours-parent.css
@@ -1,4 +1,4 @@
-.heading-box--parcours {
+.heading-box--parcours-parent {
   @apply heading-box;
   @apply text-center;
 
diff --git a/template-components/heading-box--parcours.php b/template-components/heading-box--parcours-parent.php
similarity index 56%
rename from template-components/heading-box--parcours.php
rename to template-components/heading-box--parcours-parent.php
index d7b9923..1cead8a 100644
--- a/template-components/heading-box--parcours.php
+++ b/template-components/heading-box--parcours-parent.php
@@ -6,12 +6,12 @@ $ctaSecondary = $args['ctaSecondary'] ?? false;
 
 ?>
 
-<div class="heading-box heading-box--parcours">
+<div class="heading-box heading-box--parcours-parent">
 	<?php if ($pageIcon) : ?>
-		<img class="heading-box--parcours__page-icon" src="<?php echo $pageIcon['url']  ?>" alt="" />
+		<img class="heading-box--parcours-parent__page-icon" src="<?php echo $pageIcon['url']  ?>" alt="" />
 	<?php endif; ?>
-	<p class="heading-box__subtitle heading-box--parcours__subtitle"><?php echo $subtitle  ?></p>
-	<h1 class="heading-box__description heading-box--parcours__title"> <?php echo $title ?></h1>
+	<p class="heading-box__subtitle heading-box--parcours-parent__subtitle"><?php echo $subtitle  ?></p>
+	<h1 class="heading-box__description heading-box--parcours-parent__title"> <?php echo $title ?></h1>
 	<?php if ($ctaSecondary) : ?>
 		<a class="cta cta--secondary cta--button cta--centered <?php echo $ctaSecondary['custom-class'] ?>" href="<?php echo $ctaSecondary['url'] ?>" target="<?php echo $ctaSecondary['target'] ?>"><?php echo $ctaSecondary['title'] ?></a>
 	<?php endif; ?>
diff --git a/template-components/heading-box--parcours-single.css b/template-components/heading-box--parcours-single.css
new file mode 100644
index 0000000..fbd357c
--- /dev/null
+++ b/template-components/heading-box--parcours-single.css
@@ -0,0 +1,33 @@
+.heading-box--parcours-single {
+  @apply mt-8
+  py-8
+  lg:py-16
+  flex
+  relative
+  flex-nowrap
+  items-center
+  justify-between;
+  .post-infos-capsule {
+    @apply mt-8;
+  }
+  &__type {
+    @apply !text-xl !my-0 !tracking-widest font-bold;
+  }
+  &__title {
+    @apply !text-4xl font-bold max-w-3xl;
+  }
+
+  &__page-icon {
+    @apply w-32 h-32 object-contain 
+    rounded-xl 
+    hidden 
+    lg:block;
+
+    flex-shrink: 0;
+  }
+
+  &__content {
+    flex-shrink: 1;
+    flex-grow: 2;
+  }
+}
diff --git a/template-components/heading-box--parcours-single.php b/template-components/heading-box--parcours-single.php
new file mode 100644
index 0000000..76da94a
--- /dev/null
+++ b/template-components/heading-box--parcours-single.php
@@ -0,0 +1,28 @@
+<?php
+$title = $args['title'];
+$description = $args['description'] ?? null;
+$parent_title = $args['parent_title'] ?? null;
+$page_icon = $args['page_icon'] ?? null;
+$published = $args['published'] ?? null;
+$subtitle = $args['subtitle'] ?? null;
+?>
+
+<div class="heading-box heading-box--parcours-single ">
+
+	<div class="heading-box--parcours-single__content">
+		<?php if ($parent_title) : ?>
+			<p class="heading-box__subtitle heading-box--parcours-single__type"><?php echo $parent_title ?></p>
+		<?php endif; ?>
+		<h1 class="heading-box__title heading-box--parcours-single__title"> <?php echo $title ?></h1>
+
+		<?php
+		get_template_part("template-components/post-infos-capsule", null, array(
+			"postID" => get_the_ID(),
+			"published" => $published
+		));
+		?>
+	</div>
+	<?php if ($page_icon) : ?>
+		<img class="heading-box--parcours-single__page-icon" src="<?php echo $page_icon['url'] ?>" alt="">
+	<?php endif; ?>
+</div>
\ No newline at end of file