@section('title', __('reg_form.title_' . $step))
<div>
    <div class="modal-header">
        <h5 class="modal-title --medium_title">{{ __('reg_form.step2_head') }}</h5>
    </div>
    <div step-item class="modal-body">
        <div class="row mt-4">
            <div class="col-6">
                <div class="text-center --f_bold">{{ __('reg_form.country') }}</div>
                <div class="--with_arr my-3 @error('country') verror @enderror">
                    <select class="form-select text-center" name="country" wire:model.live="country">
                        <option selected value="ru">{{ __('reg_form.country_ru') }}</option>
                        <option value="ua">{{ __('reg_form.country_ua') }}</option>
                    </select>
                    <span></span>
                    @if($errors->has('country'))
                    <div class="verror-message">{{ $errors->first('country') }}</div>
                    @endif
                </div>
            </div>
            <div class="col-6">
                <div class="text-center --f_bold">{{ __('reg_form.city') }}</div>
                <div class="--with_arr my-3 @error('city') verror @enderror">
                    <select class="form-select text-center" name="city" wire:model.live="city">
                        <option selected value="msk">{{ __('reg_form.city_msk') }}</option>
                        <option value="kv">{{ __('reg_form.city_kv') }}</option>
                    </select>
                    <span></span>
                    @if($errors->has('city'))
                    <div class="verror-message">{{ $errors->first('city') }}</div>
                    @endif
                </div>
            </div>
        </div>
        <div class="text-center --f_bold">{{ __('reg_form.talk_lang') }}</div>
        <div class="--with_arr my-3  @error('lang') verror @enderror">
            <select class="form-select text-center" name="lang" wire:model.live="lang">
                <option selected value="ru">{{ __('reg_form.talk_lang_ru') }}</option>
                <option value="ua">{{ __('reg_form.talk_lang_ua') }}</option>
                <option value="pl">{{ __('reg_form.talk_lang_pl') }}</option>
            </select>
            <span></span>
            @if($errors->has('lang'))
            <div class="verror-message">{{ $errors->first('lang') }}</div>
            @endif
        </div>
        <div class="text-center --f_bold">{{ __('reg_form.your_weight') }}</div>
        <div class="@error('weight') verror @enderror">
            <input type="number" wire:model="weight" id="inputWeight" name="weight" class="form-control my-3 text-center" value="" placeholder="{{__('reg_form.your_weight_placeholder')}}" />
            @if($errors->has('weight'))
            <div class="verror-message">{{ $errors->first('weight') }}</div>
            @endif
        </div>
        <div class="text-center --f_bold">{{ __('reg_form.your_height') }}</div>
        <div class="@error('height') verror @enderror">
            <input type="number" wire:model="height" id="inputHeight" name="height" class="form-control my-3 text-center" value="" placeholder="{{__('reg_form.your_height_placeholder')}}" />
            @if($errors->has('height'))
                <div class="verror-message">{{ $errors->first('height') }}</div>
            @endif
        </div>
        <button class="mb-2 btn btn-lg btn-primary btn-block w-100 --f_bolder my-3" type="button" next-step wire:click="nextStep">{{ __('reg_form.continue') }}</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 class="text-center --f_bold col-6">
                <a href="javascript:void(0)" skip-step wire:click="skipStep">
                    <span class="--f_grey">{{ __('reg_form.skip') }}</span>
                </a>
            </div>
        </div>
    </div>
</div>