<div class="limiter" id="login">
    <div class="container-login100">
        <div class="wrap-login100 p-l-55 p-r-55 p-t-65 p-b-50">
            <form class="login100-form validate-form" action="javascript:void(0)" method="">
                    <span class="login100-form-title p-b-33">
                        Üye Ol
                    </span>

                <div class="wrap-input100 validate-input">
                    <input v-model="form.name" class="input100" type="text" name="name" placeholder="İsim Soyisim" autofocus required>
                    <span class="focus-input100-1"></span>
                    <span class="focus-input100-2"></span>
                </div>

                <div class="wrap-input100 validate-input" data-validate="E-Posta adresini giriniz.">
                    <input v-model="form.email" class="input100" type="text" name="email" placeholder="E-Posta" autofocus required>
                    <span class="focus-input100-1"></span>
                    <span class="focus-input100-2"></span>
                </div>

                <div class="wrap-input100 rs1 validate-input" data-validate="Şifre giriniz.">
                    <input v-model="form.password" class="input100" type="password" name="password" placeholder="Şifre" required>
                    <span class="focus-input100-1"></span>
                    <span class="focus-input100-2"></span>
                </div>

                <div class="wrap-input100 rs1 validate-input" data-validate="Tekrar Şifre giriniz.">
                    <input v-model="form.password_again" class="input100" type="password" name="password_again" placeholder="Tekrar Şifre" required>
                    <span class="focus-input100-1"></span>
                    <span class="focus-input100-2"></span>
                </div>
                <br>
                @if($settings->recaptcha_key && $settings->recaptcha_secret_key)
                    <div class="text-center" id="guvenlik1"></div><br>
                @endif
                <div class="container-login100-form-btn m-t-20">
                    <button v-on:click="submit()" class="login100-form-btn">
                        Üye Ol
                    </button>
                </div>

                <div class="text-center">
                        <span class="txt1">

                        </span>

                    <a href="{{ route('loginHome') }}" class="txt2 hov1">
                        <br>Giriş Yap
                    </a>
                </div>
            </form>
        </div>
    </div>
</div>