?
<div>
<div class="row g-2 ">
<div class="col">
<div class="form-floating mb-2">
<select name="categories" wire:model="selectedCategory" class="form-select @error('message') is-invalid @enderror" >
<option value="0.0" selected>Select Category</option>
@foreach ( $categories as $Category )
<option value='{{$Category->id}}'>{{$Category->title}}</option>
@endforeach
</select>
<label for="floatingInput">Category</label>
@error('categories')<div class="alert alert-danger">{{ $message }}</div>@enderror
</div>
</div>
@if (!is_null($subCategory))
<div class="col">
<div class="form-floating mb-2">
<select class="form-select" wire:model="level2" name="subcategory">
<option value="0.0" selected>Select Sub-Category</option>
@foreach($subCategory as $subcat)
<option value="{{ $subcat->id }}">{{ $subcat->title }}</option>
@endforeach
</select>
<label for="floatingInput">Sub Category</label>
</div>
</div>
</div>
@endif
@if (!is_null($level2Collection))
<div class="row g-2 ">
<div class="col">
<div class="form-floating mb-2">
<select class="form-select" name="subsubcategory">
<option value="0.0" selected>Select Sub-Sub-Category</option>
@foreach($level2Collection as $level2value)
<option value="{{ $level2value->id }}">{{ $level2value->title }}</option>
@endforeach
</select>
<label for="floatingInput">Sub-Sub Category</label>
</div>
</div>
</div>
</div>
@endif