@extends('users::auth.index')

@section('auth-main')
    @messages_ajax
    <h1>{{ __('users::register.form.header') }}</h1>
    <form action="{{ route('user.register') }}" method="post" class="form cmb js-validate js-validate--ajax">
        @csrf
        @captcha('register')
        <div class="form__group">
            <label for="f-register-email" class="form__label">{{ __('users::fields.email') }}</label>
            <div class="form__field">
                <input type="text" name="email" value="{{ old('email') }}" placeholder="{{ __('users::fields.placeholder') }}" class="form__input" id="f-register-email">
            </div>
        </div>
        <div class="form__group">
            <label for="f-register-password" class="form__label">{{ __('users::fields.password') }}</label>
            <div class="form__field">
                <input type="password" name="password" placeholder="{{ __('users::fields.placeholder') }}" class="form__input" id="f-register-password">
            </div>
        </div>
        <div class="form__group">
            <label for="f-register-password2" class="form__label">{{ __('users::fields.password_confirmation') }}</label>
            <div class="form__field">
                <input type="password" name="password_confirmation" placeholder="{{ __('users::fields.placeholder') }}" class="form__input" id="f-register-password2">
            </div>
        </div>
        <div class="form__group">
            <div class="form__field">
                <div class="form__checkbox">
                    <label class="checkbox">
                        <input type="checkbox" name="rodo" class="checkbox__input js-checkbox">
                        <span class="checkbox__text">
                            <span class="checkbox__label">{!! __('users::register.form.rodo_text', ['anchor' => '<a class="js-rodo-tooltip" data-tooltip-content=".rodo-tooltip-template__content">' . e(__('users::register.form.rodo_anchor')) . '</a>']) !!}</span>
                        </span>
                    </label>
                </div>
            </div>
        </div>
        <div class="form__actions">
            <button type="submit" class="btn btn--block">{{ __('users::register.form.button') }}</button>
            <p class="form__action-link text-center mt-15">{{ __('users::register.form.login_info') }} <a href="{{ route('user.login') }}">{{ __('users::register.form.login') }}</a></p>
        </div>
    </form>
    @if (config('users.settings.social_login'))
        <div class="modal__inner cpt">
            <div class="row gutter-10">
                @if (in_array('facebook', config('users.settings.social_login')))
                    <div class="col-xxs-12 col-xs-6">
                        <a href="{{ route('user.login.social', 'facebook') }}" class="social-btn social-btn--facebook btn--block"><span class="icon"><i class="ico ico-facebook"></i></span></a>
                    </div>
                @endif
                @if (in_array('google', config('users.settings.social_login')))
                    <div class="col-xxs-12 col-xs-6">
                        <a href="{{ route('user.login.social', 'google') }}" class="social-btn social-btn--google btn--block"><span class="icon"><i class="ico ico-google-plus"></i></span></a>
                    </div>
                @endif
            </div>
        </div>
    @endif
@endsection