@messages_ajax
<form action="{{ route('products.opinions.store', ['product' => $product->id]) }}" method="post" class="form cmb js-validate js-validate--ajax">
    @csrf
    @captcha('opinion')
    @if (is_string(request()->order_ref))
        <input type="hidden" name="order_ref" value="{{ request()->order_ref }}">
    @endif
    @if ($avatars = config('opinions.settings.avatars'))
        <div class="form__group form__group--avatar-selector clearfix">
            <label class="form__label" for="f-opinion-avatar">{{ __('opinions::main.avatar') }}</label>
            <div class="form__field">
                <div class="avatar-slider owl-carousel js-avatar-slider" data-target=".js-form-avatar-value">
                    @foreach ($avatars as $avatarId)
                        <div class="avatar-slider__item" data-id="{!! $avatarId !!}">
                            <div class="avatar-slider__icon">
                                <img src="assets/img/avatars/{!! $avatarId !!}.svg" alt="">
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    @endif
    @if (config('opinions.settings.rating'))
        <div class="form__group form__group--rating-selector">
            <label class="form__label">{{ __('opinions::main.rating') }}</label>
            <div class="form__field">
                <select name="rating" class="js-star-rating">
                    <option value=""></option>
                    @for ($i = 1; $i <= config('opinions.settings.rating.max'); ++$i)
                        <option value="{!! $i !!}">{!! $i !!}</option>
                    @endfor
                </select>
            </div>
        </div>
    @endif
    <div class="form__group">
        <label for="f-opinion-name" class="form__label">{{ __('opinions::main.name') }}</label>
        <div class="form__field">
            <input type="text" name="name" class="form__input" id="f-opinion-name">
        </div>
    </div>
    @if (config('opinions.settings.email'))
        <div class="form__group">
            <label for="f-opinion-email" class="form__label">{{ __('opinions::main.email') }}</label>
            <div class="form__field">
                <input type="text" name="email" class="form__input" id="f-opinion-email">
            </div>
        </div>
    @endif
    @if (config('opinions.settings.title'))
        <div class="form__group">
            <label for="f-opinion-title" class="form__label">{{ __('opinions::main.title') }}</label>
            <div class="form__field">
                <input type="text" name="title" class="form__input" id="f-opinion-title">
            </div>
        </div>
    @endif
    <div class="form__group">
        <label for="f-opinion-body" class="form__label">{{ __('opinions::main.body') }}</label>
        <div class="form__field">
            <textarea name="body" rows="2" class="form__textarea" id="f-opinion-body"></textarea>
        </div>
    </div>
    <div class="form__actions mb-25">
        <button type="submit" class="btn btn--block">{{ __('opinions::main.button') }}</button>
    </div>
</form>