Blame view
resources/views/signup/index.blade.php
5.79 KB
e77200db5
Initial commit
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 |
@inject('webpackAssets', 'FootyRoom\Support\WebpackAssets')
@extends('layouts.default', ['isShowAds' => false])
@section('title', 'Registration')
@php
$webpackAssets->require('web/public/js/dist/signup');
$webpackAssets->require('web/public/css/dist/signup');
@endphp
@section('content')
</div>
<div class="signup-page container" ng-controller="RegistrationController" ng-cloak>
<div class="row">
<div class="col-xs-12">
<a href="/" class="header-logo signup-logo"></a>
<h1 class="signup-title">Create a new FootyRoom account</h1>
<p class="text-center">Already have an account? <a href="{!! route('showLogin') !!}">Log In Here</a></p>
<p class="error mt20" ng-repeat="error in serverErrors" ng-bind="error"></p>
<p ng-if="registrationForm.fbtoken.$error.pattern" class="error mt20">Email used by your Facebook account is missing or invalid. Please restart <a href="/signup">registration</a> process.</p>
<p ng-if="registrationForm.fbtoken.$error.available" class="error mt20">Email used by your Facebook account is already registered on FootyRoom. Try <a href="/signin">signing-in</a> instead.</p>
<p ng-if="registrationForm.fbtoken.$error.auth" class="error mt20">We could not get your info from Facebook. Please restart <a href="/signup">registration</a> process.</p>
<div class="signup-well">
<div ng-if="!user.fbtoken" ng-controller="LoginController">
<div class="btn btn-fblogin btn-block" ng-click="fbLogin()">Sign up with Facebook</div>
<hr>
</div>
<form name="registrationForm" class="form form-horizontal" ng-submit="submit()" novalidate>
<input type="hidden" name="fbtoken" ng-model="user.fbtoken">
<div class="form-group" fr-has-error="registrationForm.username" on-dirty>
<label class="col-xs-4 control-label">Username</label>
<div class="col-xs-8">
<input class="form-control" type="text" ng-model="user.username" name="username" ng-model-options="{ debounce: 300 }" ng-pattern="/^[a-zA-Z0-9_]{6,20}$/" autocomplete="off" required>
<p ng-if="registrationForm.username.$error.available" class="help-block">This username is already taken.</p>
<p ng-if="registrationForm.username.$error.pattern || registrationForm.username.$error.required" class="if-has-error help-block">Username must be 6-20 characters long and contain only letters, numbers and underscores.</p>
<p ng-if="registrationForm.username.$valid || registrationForm.username.$pending" class="help-block">People will know you by this name. You can also use it to login to your account.</p>
</div>
</div>
<div class="form-group" fr-has-error="registrationForm.email" ng-if="!user.fbtoken">
<label class="col-xs-4 control-label">Email</label>
<div class="col-xs-8">
<input type="email" ng-model="user.email" class="form-control" name="email" ng-pattern="/^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]+$/" required fr-server-errors="available,disposable">
<div ng-if="registrationForm.email.$error.pattern || registrationForm.email.$error.required" class="if-has-error help-block">Make sure this email is correct.</div>
<div ng-if="registrationForm.email.$error.available" class="if-has-error help-block">This email already has a registered account. Did you forget your password?</div>
<div ng-if="registrationForm.email.$error.disposable" class="if-has-error help-block">We don't allow registrations using this email provider.</div>
</div>
</div>
<div class="form-group" fr-has-error="registrationForm.password">
<label class="col-xs-4 control-label">Password</label>
<div class="col-xs-8">
<input class="form-control" type="password" ng-model="user.password" name="password" ng-minlength="6" required>
<p class="help-block">Minimum six characters.</p>
</div>
</div>
<hr>
<div class="form-group" fr-has-error="registrationForm.clubTeam">
<label class="col-xs-4 control-label">Club</label>
<div class="col-xs-8">
<div class="clearfix">
<input id="clubTeam" ng-model="user.clubTeam" name="clubTeam" class="form-control" type="text" autocomplete="off" team-typeahead="club">
</div>
<p class="help-block if-has-error">You have to choose a team from the list or leave this field empty.</p>
</div>
</div>
<div class="form-group" fr-has-error="registrationForm.nationalTeam">
<label class="col-xs-4 control-label">Country</label>
<div class="col-xs-8">
<div class="clearfix">
<input id="nationalTeam" ng-model="user.nationalTeam" name="nationalTeam" class="form-control" type="text" autocomplete="off" team-typeahead="national">
</div>
<p class="help-block if-has-error">You have to choose a team from the list or leave this field empty.</p>
</div>
</div>
<hr>
<div class="checkbox">
<label>
<input type="checkbox" ng-model="user.newsletterConsent" name="newsletterConsent"> Subscribe me to weekly newsletter that showcases best content from FootyRoom once a week.
</label>
</div>
<hr>
<script src='https://www.google.com/recaptcha/api.js' async defer></script>
<li>
<div>Please prove you are human by completing following CAPTCHA:</div>
<div style="width: 304px; margin: 20px auto;" class="g-recaptcha" data-sitekey="{{ $recaptchaSiteKey }}"></div>
</li>
<hr>
<div class="accept-terms-msg">
By clicking this button you accept FootyRoom's <a href="/privacy-policy.html" target="_blank">Privacy Policy</a>.
</div>
<div class="text-center">
<input class="btn btn-primary" type="submit" value="Done! Sign me up!">
</div>
</form>
</div>
</div>
</div>
</div>
<div>
@endsection
|