From b2d73eeda06626e8c1c07121968a721e61e1ec85 Mon Sep 17 00:00:00 2001
From: IceToast <social@icetoast.de>
Date: Thu, 9 Feb 2023 20:40:34 +0100
Subject: [PATCH] =?UTF-8?q?feat:=20=E2=9C=A8=20Added=20Input=20components?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/components/input/checkbox.blade.php | 31 +++++++++++++
 .../views/components/input/number.blade.php   | 45 +++++++++++++++++++
 .../views/components/input/select.blade.php   | 32 +++++++++++++
 .../views/components/input/text.blade.php     | 37 +++++++++++++++
 .../views/components/input/textarea.blade.php | 26 +++++++++++
 5 files changed, 171 insertions(+)
 create mode 100644 themes/default/views/components/input/checkbox.blade.php
 create mode 100644 themes/default/views/components/input/number.blade.php
 create mode 100644 themes/default/views/components/input/select.blade.php
 create mode 100644 themes/default/views/components/input/text.blade.php
 create mode 100644 themes/default/views/components/input/textarea.blade.php

diff --git a/themes/default/views/components/input/checkbox.blade.php b/themes/default/views/components/input/checkbox.blade.php
new file mode 100644
index 00000000..3a633f83
--- /dev/null
+++ b/themes/default/views/components/input/checkbox.blade.php
@@ -0,0 +1,31 @@
+<?php
+/**
+ * @required string $name
+ * @required string $label
+ *
+ * @optional string $value
+ */
+?>
+
+<div class="form-group mb-3">
+    <div class="d-flex justify-content-between">
+        <div {{ $attributes->merge(['class' => 'form-check form-switch']) }}>
+            <input class="form-check-input" name="{{$name}}" value="1"
+                   @if(old($name,  $value ?? null) == 1) checked @endif
+                   type="checkbox"
+                   id="{{$name}}">
+            <label class="form-check-label" for="{{$name}}">{{$label}}</label>
+        </div>
+
+        @if(isset($tooltip) && !empty($tooltip))
+            <span><i data-bs-toggle="tooltip" data-bs-placement="top" title="{{$tooltip}}"
+                     class="fas fa-info-circle"></i></span>
+        @endif
+    </div>
+</div>
+
+@error($name)
+<div class="invalid-feedback">{{$message}}</div>
+@enderror
+
+
diff --git a/themes/default/views/components/input/number.blade.php b/themes/default/views/components/input/number.blade.php
new file mode 100644
index 00000000..4a82f2c4
--- /dev/null
+++ b/themes/default/views/components/input/number.blade.php
@@ -0,0 +1,45 @@
+<?php
+/**
+ * @required string $name
+ * @required string $label
+ * @required string $min
+ * @required string $max
+ *
+ * @optional string $tooltip
+ * @optional string $step
+ * @optional string $prepend
+ */
+?>
+
+<div class="form-group mb-3">
+    <div class="d-flex justify-content-between">
+        <label for="{{$name}}">{{$label}}</label>
+        @if(isset($tooltip) && !empty($tooltip))
+            <span><i data-bs-toggle="tooltip" data-bs-placement="top" title="{{$tooltip}}"
+                     class="fas fa-info-circle"></i></span>
+        @endif
+    </div>
+
+    @if(isset($prepend))
+        <div class="input-group">
+            @endif
+            <input value="{{old($name,  $value)}}" id="{{$name}}"
+                   name="{{$name}}"
+                   type="number"
+                   min="{{$min}}"
+                   max="{{$max}}"
+                   @if(isset($step) && !empty($step))
+                   step="{{$step}}"
+                   @endif
+                   class="form-control @error($name)is-invalid @enderror">
+            @if(isset($prepend))
+                <span class="input-group-text">{{$prepend}}</span>
+            @endif
+            @if(isset($prepend))
+        </div>
+    @endif
+
+    @error($name)
+    <div class="invalid-feedback">{{$message}}</div>
+    @enderror
+</div>
diff --git a/themes/default/views/components/input/select.blade.php b/themes/default/views/components/input/select.blade.php
new file mode 100644
index 00000000..29e0bb37
--- /dev/null
+++ b/themes/default/views/components/input/select.blade.php
@@ -0,0 +1,32 @@
+<?php
+/**
+ * @required string $name
+ * @required string $label
+ *
+ * @optional bool $multiple
+ * @optional string $style
+ * @optional string $tooltip
+ */
+?>
+<div class="form-group mb-3">
+    <div class="d-flex justify-content-between">
+        <label for="{{$name}}">{{$label}}</label>
+        @if(isset($tooltip) && !empty($tooltip))
+            <span><i data-bs-toggle="tooltip" data-bs-placement="top" title="{{$tooltip}}" class="fas fa-info-circle"></i></span>
+        @endif
+    </div>
+
+    <select
+        class="form-control @if(isset($multiple) && $multiple) form-select-lg @endif  @error($name) is-invalid @enderror"
+        @if(isset($multiple) && $multiple)multiple @endif
+        @if(isset($style) && !empty($style))style="{{$style}}" @endif
+        name="{{$name}}@if(isset($multiple) && $multiple)[]@endif"
+        id="{{$name}}">
+
+        {{$slot}}
+    </select>
+
+    @error($name)
+        <div class="invalid-feedback">{{$message}}</div>
+    @enderror
+</div>
diff --git a/themes/default/views/components/input/text.blade.php b/themes/default/views/components/input/text.blade.php
new file mode 100644
index 00000000..19b89b81
--- /dev/null
+++ b/themes/default/views/components/input/text.blade.php
@@ -0,0 +1,37 @@
+<?php
+/**
+ * @required string $name
+ * @required string $label
+ *
+ * @optional string $type
+ * @optional string $value
+ * @optional string $tooltip
+ */
+?>
+
+<div class="form-group mb-3">
+    <div class="d-flex justify-content-between">
+        <label for="{{$name}}">{{$label}}</label>
+        @if(isset($tooltip) && !empty($tooltip))
+            <span><i data-bs-toggle="tooltip" data-bs-placement="top" title="{{$tooltip}}"
+                     class="fas fa-info-circle"></i></span>
+        @endif
+    </div>
+
+    @if(isset($prepend))
+        <div class="input-group">
+            @endif
+            <input value="{{old($name,  $value ?? null)}}" id="{{$name}}"
+                   name="{{$name}}"
+                   type="{{$type ?? 'text'}}" class="form-control @error($name)is-invalid @enderror"/>
+            @if(isset($prepend))
+                <span class="input-group-text">{{$prepend}}</span>
+            @endif
+            @if(isset($prepend))
+        </div>
+    @endif
+
+    @error($name)
+    <div class="invalid-feedback">{{$message}}</div>
+    @enderror
+</div>
diff --git a/themes/default/views/components/input/textarea.blade.php b/themes/default/views/components/input/textarea.blade.php
new file mode 100644
index 00000000..cceb5897
--- /dev/null
+++ b/themes/default/views/components/input/textarea.blade.php
@@ -0,0 +1,26 @@
+<?php
+/**
+ * @required string $name
+ * @required string $label
+ *
+ * @optional string $value
+ * @optional string $rows
+ * @optional string $tooltip
+ * @optional bool $ckeditor
+ */
+?>
+
+<div class="form-group mb-3">
+    <div class="d-flex justify-content-between">
+        <label for="{{$name}}">{{$label}}</label>
+        @if(isset($tooltip) && !empty($tooltip))
+            <span><i data-bs-toggle="tooltip" data-bs-placement="top" title="{{$tooltip}}" class="fas fa-info-circle"></i></span>
+        @endif
+    </div>
+
+    <textarea rows="{{$rows ?? 2}}" id="{{$name}}" name="{{$name}}" class="form-control @isset($ckeditor) ckeditor @endif @error($name)is-invalid @enderror">{{old($name,  $value ?? null)}}</textarea>
+
+    @error($name)
+        <div class="invalid-feedback">{{$message}}</div>
+    @enderror
+</div>