Enhance modal/delete to fire a post ajax to the endpoint on confirmation, and optionally delete row of triggering element

resources/components/button/error.blade.php

@@ -0,0 +1,9 @@
+@if(isset($row) && $row)
+	<div class="row pt-2 pb-2">
+		<div class="col">
+@endif
+			@error($name)<button {{ $attributes->class(['btn','btn-sm','btn-danger']) }}>{{ $message }}</button>@enderror
+@if(isset($row) && $row)
+		</div>
+	</div>
+@endif

resources/components/button/success.blade.php

@@ -1 +1,9 @@
-@session('success')<button {{ $attributes->class(['btn','btn-sm','btn-success']) }}>{{ $value }}</button>@endsession
+@if(isset($row) && $row)
+	<div class="row pt-2 pb-2">
+		<div class="col">
+@endif
+			@session('success')<button {{ $attributes->class(['btn','btn-sm','btn-success']) }}>{{ $value }}</button>@endsession
+@if(isset($row) && $row)
+		</div>
+	</div>
+@endif

resources/components/form/base.blade.php

@@ -1,5 +1,5 @@
 @if(isset($label))
-	<label for="{{ $id ?? $name }}">{{ $label }}</label>
+	<label {{ $attributes->only(['class']) }} for="{{ $id ?? $name }}">{{ $label }}</label>
 @endisset
 <div class="form-group">
 	<div class="input-group has-validation">
@@ -10,7 +10,7 @@
 		@endif()
 		{{ $slot }}
 		<span class="invalid-feedback" role="alert">
-			@error($name)
+			@error($old ?? $name)
 				{{ $message }}
 			@elseif(isset($feedback))
 				{{ $feedback }}

resources/components/form/checkbox.blade.php

@@ -0,0 +1,5 @@
+<x-leenooks::form.base {{ $attributes }}>
+	<div class="form-check text-right">
+		<input type="checkbox" class="form-check-input {{ $class ?? ''}}@error($old ?? $name) is-invalid @enderror" id="{{ $id ?? $name }}" name="{{ $name }}" value="{{ old($old ?? $name,$value ?? '') }}" @checked(isset($checked)) @readonly(isset($readonly)) @required(isset($required)) @disabled(isset($disabled))>
+	</div>
+</x-leenooks::form.base>

resources/components/form/date.blade.php

@@ -1,3 +1,3 @@
 <x-leenooks::form.base {{ $attributes }}>
-	<input type="date" class="form-control {{ $classes ?? ''}}@error($name) is-invalid @enderror" id="{{ $id ?? $name }}" name="{{ $name }}" value="{{ old($name,$value ?? '') }}" @readonly(isset($readonly)) @required(isset($required))>
+	<input type="date" class="form-control {{ $classes ?? ''}}@error($old ?? $name) is-invalid @enderror" id="{{ $id ?? $name }}" name="{{ $name }}" value="{{ old($old ?? $name,$value ?? '') }}" @readonly(isset($readonly)) @required(isset($required)) @disabled(isset($disabled))>
 </x-leenooks::form.base>

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($old ?? $name) is-invalid @enderror" id="{{ $id ?? $name }}" name="{{ $name }}" value="{{ old($old ?? $name,$value ?? '') }}" @readonly(isset($readonly)) @required(isset($required)) @disabled(isset($disabled))>
 </x-leenooks::form.base>

resources/components/form/file.blade.php

@@ -1,5 +1,5 @@
 <x-leenooks::form.base {{ $attributes }}>
-	<input type="file" class="form-control {{ $classes ?? ''}}@error($name) is-invalid @enderror" id="{{ $id ?? $name }}" name="{{ $name }}" @readonly(isset($readonly)) @required(isset($required))>
+	<input type="file" class="form-control {{ $classes ?? ''}}@error($old ?? $name) is-invalid @enderror" id="{{ $id ?? $name }}" name="{{ $name }}" @readonly(isset($readonly)) @required(isset($required)) @disabled(isset($disabled))>
 </x-leenooks::form.base>
 {{ $slot }}
 

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($old ?? $name) is-invalid @enderror" id="{{ $id ?? $name }}" name="{{ $name }}" value="{{ old($old ?? $name,$value ?? '') }}" @readonly(isset($readonly)) @required(isset($required)) @disabled(isset($disabled))>
 </x-leenooks::form.base>

resources/components/form/select.blade.php

@@ -1,5 +1,6 @@
 <x-leenooks::form.base {{ $attributes }}>
-	<select class="form-control @error($name) is-invalid @enderror" id="{{ $id }}" name="{{ $name }}">
+	<input type="hidden" id="{{ $name }}_disabled" name="{{ $name }}" value="" disabled>
+	<select class="form-control @error($old ?? $name) is-invalid @enderror" id="{{ $id ?? $name }}" name="{{ $name }}" @required(isset($required)) @disabled(isset($disabled))>
 		@if(isset($addvalues) && $addvalues)
 			<option id="new"></option>
 		@endif
@@ -7,14 +8,14 @@
 		@empty($groupby)
 			@foreach($options as $option)
 				@continue(! Arr::get($option,'value'))
-				<option value="{{ Arr::get($option,'id') }}" @selected(Arr::get($option,'id') == old($name,$value ?? ''))>{{ Arr::get($option,'value') }}</option>
+				<option value="{{ Arr::get($option,'id') }}" @selected(Arr::get($option,'id') == old($old ?? $name,$value ?? ''))>{{ Arr::get($option,'value') }}</option>
 			@endforeach
 		@else
 			@foreach($options->groupBy($groupby) as $group)
 				<optgroup label="{{ $groupby == 'active' ? (Arr::get($group->first(),$groupby) ? 'Active' : 'Not Active') : Arr::get($group->first(),$groupby) }}">
 					@foreach($group as $option)
 						@continue(! Arr::get($option,'value'))
-						<option value="{{ Arr::get($option,'id') }}" @selected(Arr::get($option,'id') == old($old,$value ?? ''))>{{ Arr::get($option,'value') }}</option>
+						<option value="{{ Arr::get($option,'id') }}" @selected(Arr::get($option,'id') == old($old ?? $name,$value ?? ''))>{{ Arr::get($option,'value') }}</option>
 					@endforeach
 				</optgroup>
 			@endforeach
@@ -27,8 +28,20 @@
 	@js(select2,autofocus)
 
 	<script type="text/javascript">
+		// Select doesnt support read only so we'll use disable and a new field
+		function {{$id ?? $name}}_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({
+			$('#{{ $id ?? $name }}').select2({
 				dropdownAutoWidth: true,
 				width: 'style',
 				@isset($addvalues)

resources/components/form/text.blade.php

@@ -1,3 +1,3 @@
 <x-leenooks::form.base {{ $attributes }}>
-	<input type="text" class="form-control {{ $classes ?? ''}}@error($name) is-invalid @enderror" id="{{ $id ?? $name }}" name="{{ $name }}" value="{{ old($name,$value ?? '') }}" @readonly(isset($readonly)) @required(isset($required))>
+	<input type="text" class="form-control {{ $class ?? ''}}@error($old ?? $name) is-invalid @enderror" id="{{ $id ?? $name }}" name="{{ $name }}" value="{{ old($old ?? $name,$value ?? '') }}" @readonly(isset($readonly)) @required(isset($required)) @disabled(isset($disabled))>
 </x-leenooks::form.base>

resources/components/form/textarea.blade.php

@@ -1,3 +1,3 @@
 <x-leenooks::form.base {{ $attributes }}>
-	<textarea class="form-control {{ $classes ?? ''}} @error($name) is-invalid @enderror" id="{{ $id ?? $name }}" name="{{ $name }}" @isset($placeholder)placeholder="{{ $placeholder }}"@endisset>{{ old($name,$value ?? '') }}</textarea>
+	<textarea class="form-control {{ $classes ?? ''}} @error($old ?? $name) is-invalid @enderror" id="{{ $id ?? $name }}" name="{{ $name }}" @isset($placeholder)placeholder="{{ $placeholder }}"@endisset @readonly(isset($readonly)) @required(isset($required)) @disabled(isset($disabled))>{{ old($old ?? $name,$value ?? '') }}</textarea>
 </x-leenooks::form.base>

resources/components/form/toggle.blade.php

@@ -1,7 +1,7 @@
 <div class="form-group">
 	<div class="input-group has-validation">
 		<div class="custom-control custom-switch custom-switch-off-danger custom-switch-on-success">
-			<input type="checkbox" class="custom-control-input @error($name) is-invalid @enderror" id="{{ $id ?? $name }}" name="{{ $name }}" @checked(old($name,$value ?? ''))>
+			<input type="checkbox" class="custom-control-input @error($old ?? $name) is-invalid @enderror" id="{{ $id ?? $name }}" name="{{ $name }}" @checked(old($old ?? $name,$value ?? '')) @readonly(isset($readonly)) @required(isset($required)) @disabled(isset($disabled))>
 			@if(isset($label))
 				<label class="custom-control-label" for="{{ $id ?? $name }}">{{ $label }}</label>
 			@endif

resources/components/modal/delete.blade.php

@@ -0,0 +1,59 @@
+<div class="modal fade" id="confirm_delete" tabindex="-1">
+	<div class="modal-dialog">
+		<div class="modal-content">
+			<div class="modal-header bg-danger">
+				<h5 class="modal-title">WARNING: DELETING record</h5>
+				<button type="button" class="btn-close" data-dismiss="modal" aria-label="Close">X</button>
+			</div>
+			<div class="modal-body">
+				<p>This action is irreversible. Are you sure, your sure, that you want to delete it?</p>
+			</div>
+			<div class="modal-footer">
+				<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+				<a type="button" class="btn btn-danger btn-ok" data-hide="{{ $hide }}">Delete</a>
+			</div>
+		</div>
+	</div>
+</div>
+
+@section('page-scripts')
+	<script type="text/javascript">
+		var confirm_delete = new bootstrap.Modal(document.getElementById('confirm_delete'), {});
+
+		$(document).ready(function() {
+			$('.{{$trigger}}').click(function(e) {
+				confirm_delete.show();
+
+				$('#confirm_delete')
+					.find('.btn-ok')
+					.attr('href',$(this).attr('href'))
+					.attr('data-id',$(this).data('id'));
+
+				return false;
+			});
+
+			$('.btn-ok').click(function(item) {
+				var that = $(this);
+
+				// Delete
+				$.ajax({
+					url: that.attr('href'),
+					method: 'POST',
+					dataType: 'json',
+
+				}).done(function(data) {
+					if (that.data('hide') == 'row')
+						$('a[data-id="'+that.data('id')+'"].{{$trigger}}').closest('tr').hide();
+
+				}).fail(function() {
+					alert('Hmm, that didnt work?');
+				});
+
+				// Clear the data cache
+				that.removeData();
+				confirm_delete.hide();
+				return false;
+			})
+		});
+	</script>
+@append

src/Casts/LeenooksCarbon.php

@@ -4,6 +4,7 @@ namespace Leenooks\Casts;
 
 use Illuminate\Contracts\Database\Eloquent\CastsAttributes;
 use Illuminate\Database\Eloquent\Model;
+use Leenooks\Carbon;
 
 class LeenooksCarbon implements CastsAttributes
 {
@@ -12,9 +13,9 @@ class LeenooksCarbon implements CastsAttributes
      *
      * @param  array<string, mixed>  $attributes
      */
-    public function get(Model $model, string $key, mixed $value, array $attributes): mixed
+    public function get(Model $model, string $key, mixed $value, array $attributes): Carbon
     {
-        return \Leenooks\Carbon::create($value);
+        return Carbon::create($value);
     }
 
     /**
@@ -22,8 +23,8 @@ class LeenooksCarbon implements CastsAttributes
      *
      * @param  array<string, mixed>  $attributes
      */
-    public function set(Model $model, string $key, mixed $value, array $attributes): mixed
+    public function set(Model $model, string $key, mixed $value, array $attributes): string
     {
-        return $value->format('Y-m-d H:i:s');
+        return ($value instanceof Carbon ? $value : $this->get($model,$key,$value,$attributes))->format('Y-m-d H:i:s');
     }
 }