From 20f4b9fe73eebbc1208dfae826e1fb89402fa88e Mon Sep 17 00:00:00 2001
From: Antoine M <martinon.toinou@protonmail.com>
Date: Wed, 8 Apr 2026 16:09:23 +0200
Subject: [PATCH] FEATURE Introducing the block

---
 .../random-collection-image/block.json        | 28 +++++++++++++++++
 .../random-collection-image.php               | 30 +++++++++++++++++++
 2 files changed, 58 insertions(+)
 create mode 100644 plugins/dynamiques-blocks/acf-blocks/random-collection-image/block.json
 create mode 100644 plugins/dynamiques-blocks/acf-blocks/random-collection-image/random-collection-image.php

diff --git a/plugins/dynamiques-blocks/acf-blocks/random-collection-image/block.json b/plugins/dynamiques-blocks/acf-blocks/random-collection-image/block.json
new file mode 100644
index 0000000..52499ea
--- /dev/null
+++ b/plugins/dynamiques-blocks/acf-blocks/random-collection-image/block.json
@@ -0,0 +1,28 @@
+{
+	"name": "acf/random-collection-image",
+	"title": "Random Collection Image",
+	"category": "Image aléatoire de collection",
+	"multiple": false,
+	"icon": {
+		"foreground": "#136f63",
+		"src": "groups"
+	},
+	"keywords": [
+		"image",
+		"aléatoire",
+		"collection"
+	],
+	"supports": {
+		"align": [
+			"full",
+			"wide"
+		]
+	},
+	"acf": {
+		"mode": "auto",
+		"renderTemplate": "random-collection-image.php"
+	},
+	"align": [
+		"wide"
+	]
+}
\ No newline at end of file
diff --git a/plugins/dynamiques-blocks/acf-blocks/random-collection-image/random-collection-image.php b/plugins/dynamiques-blocks/acf-blocks/random-collection-image/random-collection-image.php
new file mode 100644
index 0000000..5790a8c
--- /dev/null
+++ b/plugins/dynamiques-blocks/acf-blocks/random-collection-image/random-collection-image.php
@@ -0,0 +1,30 @@
+<?php
+$image_collection = get_field('image_collection');
+$random_image_index = rand(0, count($image_collection) - 1);
+$random_image = $image_collection[$random_image_index];
+
+$random_image_ratio = $random_image['width'] / $random_image['height'];
+$random_image_ratio_class = '';
+$caption = $random_image['caption'];
+
+
+switch ($random_image_ratio) {
+	case $random_image_ratio > 1.2:
+		$random_image_ratio_class = 'random-collection-image--landscape';
+		break;
+	case $random_image_ratio < 0.8:
+		$random_image_ratio_class = 'random-collection-image--portrait';
+		break;
+	default:
+		$random_image_ratio_class = 'random-collection-image--square';
+		break;
+}
+?>
+<figure class="random-collection-image-container prev-overlap-image">
+	<img src="<?php echo $random_image['url']; ?>" alt="<?php echo $random_image['alt']; ?>" class="random-collection-image prev-overlap-image <?php echo $random_image_ratio_class; ?>" width="<?php echo $random_image['width']; ?>" height="<?php echo $random_image['height']; ?>">
+	<?php if ($caption) : ?>
+		<figcaption class="random-collection-image-caption">
+			<?php echo $caption; ?>
+		</figcaption>
+	<?php endif; ?>
+</figure>
\ No newline at end of file