From 7edb0e995731a4762fb0a453a14a37c2f747385b Mon Sep 17 00:00:00 2001
From: Debatty-Tom <145542891+Debatty-Tom@users.noreply.github.com>
Date: Mon, 13 Oct 2025 14:00:17 +0200
Subject: [PATCH 1/2] Added checkbox layout in form field layout

---
 components/checkbox-field/style.scss     | 27 ++++++++++++++++++++++++
 components/checkbox-field/view.blade.php | 16 ++++++++++++++
 components/form-field/Component.php      | 23 +++++++++++++++++++-
 src/Components/Publishers/FormField.php  | 19 +++++++++++++----
 4 files changed, 80 insertions(+), 5 deletions(-)
 create mode 100644 components/checkbox-field/style.scss
 create mode 100644 components/checkbox-field/view.blade.php

diff --git a/components/checkbox-field/style.scss b/components/checkbox-field/style.scss
new file mode 100644
index 0000000..7dc7670
--- /dev/null
+++ b/components/checkbox-field/style.scss
@@ -0,0 +1,27 @@
+.checkbox-field {
+    position: relative;
+    display: flex;
+    align-items: center;
+    border: none;
+    cursor: pointer;
+
+    & input {
+        z-index: 2;
+        width: 20px;
+        height: 20px;
+
+        &:checked {
+            accent-color: #2c2e30;
+        }
+    }
+    & label {
+        font-size: rem(14);
+        font-weight: normal;
+        width: 100%;
+        height: 100%;
+        display: flex;
+        align-items: center;
+        cursor: pointer;
+        gap: rem(16);
+    }
+}
diff --git a/components/checkbox-field/view.blade.php b/components/checkbox-field/view.blade.php
new file mode 100644
index 0000000..188f524
--- /dev/null
+++ b/components/checkbox-field/view.blade.php
@@ -0,0 +1,16 @@
+<div class="form-field__input checkbox-field">
+    <label>
+        <input type="checkbox" name="{{ $name }}" value="{{ $value }}">
+        {{ $slot }}
+    </label>
+    <div class="form-field__footer">
+        @error($name)
+        <p class="form-field__error">
+            {{ $message }}
+        </p>
+        @enderror
+        @isset($helper)
+            <p class="form-field__helper">{{ $helper }}</p>
+        @endisset
+    </div>
+</div>
diff --git a/components/form-field/Component.php b/components/form-field/Component.php
index ef0d6bb..8994e04 100644
--- a/components/form-field/Component.php
+++ b/components/form-field/Component.php
@@ -36,6 +36,21 @@ class FormField extends Component
      */
     public ?string $icon;
 
+    /**
+     * The view used to render the component
+     */
+    public ?string $view;
+
+    /**
+     * The name used in the checkbox
+     */
+    public ?string $name;
+
+    /**
+     * The view used in the checkbox
+     */
+    public ?string $value;
+
     /**
      * Create a new component instance.
      */
@@ -45,12 +60,18 @@ public function __construct(
         ?string $optional = null,
         ?string $helper = null,
         ?string $icon = null,
+        ?string $view = 'form-field',
+        ?string $name = null,
+        ?string $value = null,
     ) {
         $this->for = $for;
         $this->label = $label;
         $this->optional = $optional;
         $this->helper = $helper;
         $this->icon = $icon;
+        $this->view = $view;
+        $this->name = $name;
+        $this->value = $value;
     }
 
     /**
@@ -58,6 +79,6 @@ public function __construct(
      */
     public function render(): View|Closure|string
     {
-        return view('components.form-field');
+        return view('components.'.$this->view);
     }
 }
diff --git a/src/Components/Publishers/FormField.php b/src/Components/Publishers/FormField.php
index d258806..c99c35e 100644
--- a/src/Components/Publishers/FormField.php
+++ b/src/Components/Publishers/FormField.php
@@ -22,15 +22,24 @@ public function label(): string
      */
     public function handle(): FilesCollection
     {
-        $style = File::makeFromStub(
+        $baseStyle = File::makeFromStub(
             stub: 'components/form-field/style.scss',
             destination: resource_path('sass/parts/_form-field.scss'),
         );
 
-        $view = File::makeFromStub(
+        $baseView = File::makeFromStub(
             stub: 'components/form-field/view.blade.php',
             destination: resource_path('views/components/form-field.blade.php'),
         );
+        $checkboxStyle = File::makeFromStub(
+            stub: 'components/form-field/style.scss',
+            destination: resource_path('sass/parts/_checkbox-field.scss'),
+        );
+
+        $checkboxView = File::makeFromStub(
+            stub: 'components/form-field/view.blade.php',
+            destination: resource_path('views/components/checkbox-field.blade.php'),
+        );
 
         $component = File::makeFromStub(
             stub: 'components/form-field/Component.php',
@@ -38,8 +47,10 @@ public function handle(): FilesCollection
         );
 
         return FilesCollection::make([
-            $style,
-            $view,
+            $baseStyle,
+            $baseView,
+            $checkboxStyle,
+            $checkboxView,
             $component,
         ]);
     }

From 6ec30b3ef75f47c8df11c4447933f07058d7714e Mon Sep 17 00:00:00 2001
From: Debatty-Tom <145542891+Debatty-Tom@users.noreply.github.com>
Date: Mon, 13 Oct 2025 14:46:28 +0200
Subject: [PATCH 2/2] fix checkbox field use

---
 components/form-field/Component.php     | 18 ++++++++++++++----
 src/Components/Publishers/FormField.php |  4 ++--
 2 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/components/form-field/Component.php b/components/form-field/Component.php
index 8994e04..c39b2f2 100644
--- a/components/form-field/Component.php
+++ b/components/form-field/Component.php
@@ -14,12 +14,12 @@ class FormField extends Component
     /**
      * The for attribute of the label
      */
-    public string $for;
+    public ?string $for;
 
     /**
      * The label for the input
      */
-    public string $label;
+    public ?string $label;
 
     /**
      * The text to tell the input is optional
@@ -55,8 +55,8 @@ class FormField extends Component
      * Create a new component instance.
      */
     public function __construct(
-        string $for,
-        string $label,
+        ?string $for,
+        ?string $label,
         ?string $optional = null,
         ?string $helper = null,
         ?string $icon = null,
@@ -72,6 +72,16 @@ public function __construct(
         $this->view = $view;
         $this->name = $name;
         $this->value = $value;
+
+        if ($view !== 'checkbox-field') {
+            if (! $for) {
+                throw new \InvalidArgumentException('The "for" attribute is required fields.');
+            }
+
+            if (! $label) {
+                throw new \InvalidArgumentException('The "label" attribute is required fields.');
+            }
+        }
     }
 
     /**
diff --git a/src/Components/Publishers/FormField.php b/src/Components/Publishers/FormField.php
index c99c35e..ccd4713 100644
--- a/src/Components/Publishers/FormField.php
+++ b/src/Components/Publishers/FormField.php
@@ -32,12 +32,12 @@ public function handle(): FilesCollection
             destination: resource_path('views/components/form-field.blade.php'),
         );
         $checkboxStyle = File::makeFromStub(
-            stub: 'components/form-field/style.scss',
+            stub: 'components/checkbox-field/style.scss',
             destination: resource_path('sass/parts/_checkbox-field.scss'),
         );
 
         $checkboxView = File::makeFromStub(
-            stub: 'components/form-field/view.blade.php',
+            stub: 'components/checkbox-field/view.blade.php',
             destination: resource_path('views/components/checkbox-field.blade.php'),
         );