strprfcrm/resources/views/partials/input.blade.php

<div class="row mb-2">
    <label for="{{ $name }}" class="col-form-label small @if(!($right ?? null)) col-md-4 text-md-end @endif">
        {{ $title ?? '' }}
        @isset($required)
            <sup>*</sup>
        @endisset
    </label>
    <div class="@if(!($right ?? null)) col-md-8 @endif">
        <div class="input-group">
            <input type="{{ $type ?? 'text' }}" name="{{ $name }}" id="{{ $name }}"
                   class="@if(($type ?? 'text') === 'range') form-range @else form-control form-control-sm @endif @error($name) is-invalid @enderror @isset($classes) {{ implode(' ', $classes) }} @endisset }}"
                   @disabled($disabled ?? null) @required($required ?? null)
                   @isset($min) min="{{ $min }}" @endisset
                   @isset($max) max="{{ $max }}" @endisset
                   @isset($step) step="{{ $step }}" @endisset
                   @isset($style) style="{{ $style }}" @endisset
                   @isset($pattern) pattern="{{ $pattern }}" @endisset
                   placeholder="{{ $placeholder ?? ''}}"
                   @isset($multiple) multiple="multiple" @endisset
                   @isset($datalist) list="dl-{{ $name }}" @endisset
                   value="{{ old($name, $value ?? '') }}" autocomplete="off">
            @isset($datalist)
                <datalist id="dl-{{ $name }}">
                    @foreach($datalist as $s)
                        <option value="{{ $s }}"></option>
                    @endforeach
                </datalist>
            @endisset

            @isset($button)
                <button class="btn btn-outline-secondary" type="button"
                        id="{{ $button }}">{!! $buttonText ?? 'Имя' !!}</button>
            @endisset
        </div>
        @if(($type ?? 'text') === 'range')
            <label for="{{$name}}" class="form-label fs-6 text-center w-100"><span
                        id="rangeValue_{{$name}}">{{$value ?? ''}}</span></label>
        @endif
        @error($name)
        <div class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></div>
        @enderror
    </div>
</div>

@push('scripts')
    <script type="module">
        console.log($('#rangeValue_{{ $name }}'))
        $('[id="{{ $name }}"]').on('input', function () {
            $('[id="rangeValue_{{ $name }}"]').text($(this).val());
        });
    </script>
@endpush