@props([
    'name',
    'label' => null,
    'value' => null,
    'rows' => 3,
    'hint' => null,
    'required' => false,
    'placeholder' => null,
])

@php
    $id = $attributes->get('id') ?? $name;
    $hasError = $errors->has($name);
@endphp

<div>
    @if ($label)
        <label for="{{ $id }}" class="hms-label">
            {{ $label }}@if ($required)<span class="ml-0.5 text-red-500">*</span>@endif
        </label>
    @endif

    <textarea id="{{ $id }}" name="{{ $name }}" rows="{{ $rows }}"
              @if ($placeholder) placeholder="{{ $placeholder }}" @endif
              @if ($required) required @endif
              {{ $attributes->except(['id'])->merge(['class' => 'hms-input'.($hasError ? ' border-red-400 focus:border-red-500 focus:ring-red-500' : '')]) }}>{{ old($name, $value) }}</textarea>

    @if ($hint && ! $hasError)
        <p class="hms-hint">{{ $hint }}</p>
    @endif

    @error($name)
        <p class="hms-error">{{ $message }}</p>
    @enderror
</div>