{{--
    Page-size control for a paginated table. Submits the GET filter form identified by
    $formId as soon as the value changes (via the HTML5 form="" attribute, so it can live
    outside that form's own markup).

    Props: $perPage (current value), $options (list of allowed page sizes), $formId.
--}}
<div class="row" style="align-items:center;gap:6px;width:auto">
    <label style="margin:0;font-weight:400;font-size:13px;white-space:nowrap" for="per_page_select">Par page</label>
    <select id="per_page_select" name="per_page" form="{{ $formId }}" style="width:auto"
        onchange="this.form.requestSubmit ? this.form.requestSubmit() : this.form.submit()">
        @foreach($options as $opt)
            <option value="{{ $opt }}" @selected((int) $perPage === $opt)>{{ $opt }}</option>
        @endforeach
    </select>
</div>