@props([
    'messages'  =>  false,
    'model'     =>  '', // for wire.modal
    'name'      =>  '',
    'id'        =>  '', // input id
    'label'     =>  '', // inputal label text for uniwue
    'invalid' => !empty($messages) ? 'invalid-server' : '',
])
<div class="form-floating" wire:ignore>
    <textarea @if(!empty($name)) wire:model{{ $model }}="{{ $name }}" @endif {{ $attributes->merge(['name'=>''.$name ,'value' => '', 'class' => 'form-control '.$invalid , 'placeholder' => '#', 'row' => '', 'cols' =>'', 'style' => '', 'id' => ''.!empty($id) ? $id : $name,'style' => '',]) }}></textarea>
    <label for="{{ !empty($id) ? $id : $name }}" class="text-capitalize">{{ !empty($label) ? str_replace('_',' ',$label) : str_replace('_',' ',$name) }}</label>
</div>
@if ($messages)
    @foreach ((array) $messages as $message)
    <span {{ $attributes->merge(['class' => 'invalid-server-feedback mt-1']) }} role="alert">{{ $message }}</span>
    @endforeach
@endif