@php $rand = rand(1, 999); @endphp
@if(isset($label))
<label for="{{ $name }}{{ $rand }}" class="block text-sm font-medium leading-6 text-gray-900 dark:text-gray-400 mt-2">{{ $label }}
    @if (isset($help))

        <div class="hs-tooltip inline-block">
            <button type="button" class="hs-tooltip-toggle">
                <i class="bi bi-info-circle-fill text-gray-500 dark:text-gray-400"></i>
                <span class="hs-tooltip-content hs-tooltip-shown:opacity-100 hs-tooltip-shown:visible opacity-0 transition-opacity inline-block absolute invisible z-10 py-1 px-2 bg-gray-900 text-white" role="tooltip">
      {{ $help }}
    </span>
            </button>
        </div>
    @endif</label>
@endif
<div class="mt-2{{ isset($translatable) && $translatable ? ' flex' : '' }}">
    <textarea @if (isset($disabled)) disabled="" @endif @foreach($attributes ?? [] as $key => $value) {{ $key ."=". '"'. $value .'"' }} @endforeach @if (isset($rows)) rows="{{ $rows }}" @endif name="{{ $name }}" id="{{ $name }}{{ $rand }}" rows="{{ $rows ?? 3 }}" class="input-text @error($name) border-red-500 @enderror">@if (isset($Inverifiedvalue)) {!! $Inverifiedvalue !!}@else{{ $value ?? old($name) }}@endif</textarea>
    @if (isset($translatable) && $translatable)
        <button type="button" class="w-[2.875rem] h-[2.875rem] flex-shrink-0 inline-flex justify-center items-center gap-x-2 text-sm font-semibold rounded-e-md border border-transparent bg-blue-600 text-white hover:bg-blue-700  dark:focus:ring-1 dark:focus:ring-gray-600" data-hs-overlay="#translations-overlay-{{ $name }}">
            <i class="bi bi-translate"></i>
        </button>
    @endif
    @error($name)
    <span class="mt-2 text-sm text-red-500">
            {{ $message }}
        </span>
    @enderror

</div>