{{-- A multi-line field: the text field, grown to its content.

     It starts at `rows` lines (3) and grows with what is typed up to `max-rows`, then scrolls;
     `:autogrow="false"` keeps it at `rows` and lets it be resized by hand, vertically only, so a
     form's column never moves. The label rests on the first line rather than in the middle of the
     box. `label`, `hint`, `variant`, `counter` for M3's character counter against `maxlength`, and
     `full` to span the pane past the 40rem M3 bounds a field to from `medium`; every other
     attribute reaches the `<textarea>`. The field's root carries `data-md-textarea`; what a
     textarea changes in the field's chrome is resources/css/components/textarea.css. --}}

@props([
    'label' => null,
    'hint' => null,
    'hintClass' => null,
    'variant' => null,
    'rows' => 3,
    'maxRows' => null,
    'autogrow' => true,
    'counter' => false,
    'full' => false,
])

@php
    $model = $attributes->whereStartsWith('wire:model')->first();
    $placeholder = filled($attributes->get('placeholder')) ? $attributes->get('placeholder') : ' ';
    $id = $attributes->get('id') ?? 'field-'.substr(md5($model.'|'.$label.'|textarea'), 0, 12);
    // A plain form's field is named, not bound: its errors are under its name (`files[]` → `files`, `a[b]` → `a.b`).
    $errorKey = $model ?? (filled($attributes->get('name')) ? str_replace(['[]', '[', ']'], ['', '.', ''], (string) $attributes->get('name')) : null);
    $messages = $errorKey !== null && isset($errors) ? \Illuminate\Support\Arr::flatten($errors->get($errorKey)) : [];
    // M3's counter needs a maximum to count against: without `maxlength` there is nothing to show.
    $max = $counter ? $attributes->get('maxlength') : null;
@endphp

<x-livewire-material::field :$id :$label :$hint :hint-class="$hintClass" :$messages :$variant :counter="$max" :$full :class="$attributes->get('class')" :data-md-readonly="$attributes->get('readonly') ? '' : null" data-md-textarea>
    <textarea
        {{ $attributes->except(['class', 'id', 'placeholder']) }}
        id="{{ $id }}"
        rows="{{ (int) $rows }}"
        placeholder="{{ $placeholder }}"
        @if ($autogrow)
            data-md-autogrow
            style="--field-rows: {{ (int) $rows }};@if ($maxRows) --field-max-rows: {{ (int) $maxRows }};@endif"
        @endif
        @if ($messages !== []) aria-invalid="true" @endif
        @if ($messages !== [] || filled($hint)) aria-describedby="{{ $id }}-support" @endif
        data-md-field-control
    ></textarea>
</x-livewire-material::field>