@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 mb-3" >
    <div 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
</div>