From 3a12ec005e1cc5367c5f157b5588af3c406e1e46 Mon Sep 17 00:00:00 2001
From: Deon George <deon@dege.au>
Date: Wed, 24 Jul 2024 09:09:49 +1000
Subject: [PATCH] More compoonents for forms, enable select forms to have a
 read only appearance

---
 resources/components/form/email.blade.php    |  2 +-
 resources/components/form/password.blade.php |  2 +-
 resources/components/form/select.blade.php   | 13 +++++++++++++
 3 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/resources/components/form/email.blade.php b/resources/components/form/email.blade.php
index 694c9e1..6086442 100644
--- a/resources/components/form/email.blade.php
+++ b/resources/components/form/email.blade.php
@@ -1,3 +1,3 @@
 <x-leenooks::form.base {{ $attributes }}>
-	<input type="email" class="form-control {{ $classes ?? ''}}@error($name) is-invalid @enderror" id="{{ $id ?? $name }}" name="{{ $name }}" value="{{ old($name,$value ?? '') }}">
+	<input type="email" class="form-control {{ $classes ?? ''}}@error($name) is-invalid @enderror" id="{{ $id ?? $name }}" name="{{ $name }}" value="{{ old($name,$value ?? '') }}" @readonly(isset($readonly)) @required(isset($required))>
 </x-leenooks::form.base>
\ No newline at end of file
diff --git a/resources/components/form/password.blade.php b/resources/components/form/password.blade.php
index aef4b80..fcf3400 100644
--- a/resources/components/form/password.blade.php
+++ b/resources/components/form/password.blade.php
@@ -1,3 +1,3 @@
 <x-leenooks::form.base {{ $attributes }}>
-	<input type="password" class="form-control {{ $classes ?? ''}}@error($name) is-invalid @enderror" id="{{ $id ?? $name }}" name="{{ $name }}" value="{{ old($name,$value ?? '') }}">
+	<input type="password" class="form-control {{ $classes ?? ''}}@error($name) is-invalid @enderror" id="{{ $id ?? $name }}" name="{{ $name }}" value="{{ old($name,$value ?? '') }}" @readonly(isset($readonly)) @required(isset($required))>
 </x-leenooks::form.base>
\ No newline at end of file
diff --git a/resources/components/form/select.blade.php b/resources/components/form/select.blade.php
index 17a32d2..67a6658 100644
--- a/resources/components/form/select.blade.php
+++ b/resources/components/form/select.blade.php
@@ -1,4 +1,5 @@
 <x-leenooks::form.base {{ $attributes }}>
+	<input type="hidden" id="{{ $name }}_disabled" name="{{ $name }}" value="" disabled>
 	<select class="form-control @error($name) is-invalid @enderror" id="{{ $id }}" name="{{ $name }}">
 		@if(isset($addvalues) && $addvalues)
 			<option id="new"></option>
@@ -27,6 +28,18 @@
 	@js(select2,autofocus)
 
 	<script type="text/javascript">
+		// Select doesnt support read only so we'll use disable and a new field
+		function {{$id}}_readonly(on) {
+			if (on) {
+				$('#{{ $name }}').prop('disabled',true);
+				$('#{{ $name }}_disabled').prop('disabled',false).val($('#{{ $name }}').val());
+
+			} else {
+				$('#{{ $name }}').prop('disabled',false);
+				$('#{{ $name }}_disabled').prop('disabled',true);
+			}
+		}
+
 		$(document).ready(function() {
 			$('#{{ $id }}').select2({
 				dropdownAutoWidth: true,