{{-- Form Textarea Component for School Profile Modal (spm) --}}

@props([
    'label',
    'id',
    'name',
    'required' => false,
    'placeholder' => '',
    'rows' => 1,
    'maxlength' => null,
    'colClass' => 'col-md-12',
    'errorMessage' => null
])

<div class="{{ $colClass }} mb-3">
    <label for="{{ $id }}" class="form-label fw-semibold">
        {{ $label }}
        @if($required)
            <span class="text-danger">*</span>
        @endif
    </label>

    {{-- Skeleton --}}
    <div class="skeleton skeleton-textarea"></div>

    {{-- Actual Content --}}
    <textarea
        class="form-control actual-content"
        id="{{ $id }}"
        name="{{ $name }}"
        rows="{{ $rows }}"
        placeholder="{{ $placeholder }}"
        @if($maxlength) maxlength="{{ $maxlength }}" @endif
        @if($required) required @endif
        {{ $attributes }}
    ></textarea>

    @if($errorMessage)
        <div class="invalid-feedback">{{ $errorMessage }}</div>
    @endif
</div>