Added name awareness in child elements

resources/views/blade/form-input.blade.php

@@ -1,7 +1,21 @@
+@aware(['name'])
+
 @props([
     'class' => 'col-md-8',
 ])
+
+
 <!-- form-input blade component -->
 <div {{ $attributes->merge(['class' => $class]) }}>
     {{ $slot }}
-</div>
+</div>
+
+
+@error($name)
+<div class="col-md-8 col-md-offset-3">
+        <span class="alert-msg" aria-hidden="true">
+            <x-icon type="x" />
+            {{ $message }}
+        </span>
+</div>
+@enderror

resources/views/blade/form-label.blade.php

@@ -1,4 +1,6 @@
+@aware(['name'])
+
 <!-- form-label blade component -->
-<label {{ $attributes->merge(['class' => 'control-label col-md-3']) }}>
+<label {{ $attributes->merge(['class' => 'control-label col-md-3']) }} for="{{ $name }}">
     {{ $slot }}
 </label>

resources/views/blade/form-row.blade.php

@@ -1,4 +1,9 @@
+@props([
+    'name' => null,
+])
+
 <!-- form-row blade component -->
-<div class="form-group">
+<div {{ $attributes->merge(['name' => $name]) }} class="form-group @error($name) has-error @enderror">
     {{ $slot }}
-</div>
+</div>
+

resources/views/blade/input/datepicker.blade.php

@@ -1,7 +1,10 @@
+@aware(['name'])
+
 @props([
     'value' => null,
     'required' => false,
     'end_date' => null,
+    'name' => null,
 ])
 
 <!-- Datepicker -->

resources/views/blade/input/select.blade.php

@@ -1,3 +1,5 @@
+@aware(['name'])
+
 @props([
     // <options> can either be provided as key => value pairs
     // or passed in via the default $slot
@@ -8,6 +10,7 @@
 ])
 
 <select
+     name="{{ $name }}"
     {{ $attributes->class(['select2', 'livewire-select2' => $forLivewire]) }}
     @if($forLivewire) data-livewire-component="{{ $this->getId() }}" @endif
 >

resources/views/blade/input/select2-ajax.blade.php

@@ -1,14 +1,22 @@
+@aware(['name'])
+
 @props([
     'selected' => null,
     'forLivewire' => false,
     'data_endpoint' => false,
     'data_placeholder' => false,
     'multiple' => false,
-    'item' => null,
     'item_model' => null,
     'name' => null,
 ])
 
+@if (!$selected)
+    @php
+        $selected = old($name);
+    @endphp
+@endif
+
+
 <select
         {{ ($multiple == 'true')? ' multiple' : '' }}
         {{ $attributes->class(['js-data-ajax select2', 'livewire-select2' => $forLivewire])->style(['width:100%']) }}
@@ -17,13 +25,7 @@
         data-placeholder="{{ $data_placeholder }}"
         name="{{ $name }}"
 >
-    @if ($item && $selected)
-
-        @if (old($name))
-        <option value="{{ old($name) }}" selected="selected" role="option" aria-selected="true">
-            {{ $item_model::find(old($name)) ? $item_model::find(old($name))->display_name : '' }}
-        </option>
-       @endif
+    @if ($selected)
 
         @if (is_integer($selected))
             <option value="{{ $selected }}" selected="selected" role="option" aria-selected="true">

resources/views/blade/input/text.blade.php

@@ -1,9 +1,11 @@
+@aware(['name'])
+
 @props([
+'name' => null,
 'input_group_addon' => false,
 'input_icon' => false,
 'input_group_text' => false,
 'required' => false,
-'item' => null,
 ])
 <!-- input-text blade component -->
 @if ($input_group_addon)
@@ -12,18 +14,17 @@
 
     <input
         {{ $attributes->merge(['class' => 'form-control']) }}
+        name="{{ $name }}"
         @required($required)
     />
 
 @if ($input_group_addon)
     <span class="input-group-addon">
-
         @if ($input_icon)
             <x-icon :type="$input_icon" />
         @elseif ($input_group_text)
             {{ $input_group_text }}
         @endif
-
     </span>
 </div>
 @endif

resources/views/blade/input/textarea.blade.php

@@ -1,9 +1,11 @@
+@aware(['name'])
 @props([
-    'value' => '',
+    'value' => null,
     'rows' => 5,
 ])
 
 <textarea
     {{ $attributes->merge(['class' => 'form-control']) }}
     rows="{{ $rows }}"
+    name="{{ $name }}"
 >{{ $value }}</textarea>