@section('title', __('reg_form.title_' . $step))
<div>
    <div class="modal-header">
        <h5 class="modal-title --medium_title">{{ __('reg_form.step9_head') }}</h5>
    </div>
    @if ($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
    @endif

    <div step-item class="modal-body">
        <div class="my-3 text-center">{{ __('reg_form.optional_info') }}</div>

        <div class="@error('additional_info') verror @enderror">
            <textarea wire:model="additional_info" name="additional_info" class="form-control my-3" placeholder="{{ __('reg_form.any_additional_info') }}" style="min-height:140px"></textarea>
            @if($errors->has('additional_info'))
            <div class="verror-message">{{ $errors->first('additional_info') }}</div>
            @endif
        </div>

        <button wire:click="finishRegistretion" class="btn btn-lg btn-primary btn-block w-100 --f_bolder" type="submit">{{ __('reg_form.complete') }}</button>
        <div class="row">
            <div class="text-center --f_bold col-6">
                <a href="javascript:void(0)" skip-step wire:click="goBack">
                    <span class="--f_grey">{{ __('reg_form.go_back') }}</span>
                </a>
            </div>
        </div>
    </div>
</div>