index.blade.php
5.79 KB
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