DC
/
arm-api


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
							<!DOCTYPE html>
<html lang="en">
	<head>
		@include('admin.uc.head')
	</head>
	<body class="signin">
	@if ($errors->any())
		<div class="alert alert-danger">
			<ul>
				@foreach ($errors->all() as $error)
					<li>{{ $error }}</li>
				@endforeach
			</ul>
		</div>
	@endif

		<section>
			<div class="signinpanel">
				<div class="row">
					<div class="col-md-3"></div>
					<div class="col-md-6">
						<!-- 登入表單段 -->
						<form id="loginForm" method="post" action="login">
                            @csrf
							<h4 class="nomargin">{{ config('app.name') }}</h4>
							<input id="qusername" name="email" placeholder="Username" class="form-control uname" maxlength="100" type="text" />
							<label class="error" for="email"></label>
							<input id="qpassword" name="password" placeholder="Password" class="form-control pword" maxlength="20" type="password" />
							<label class="error" for="password"></label>
							<br>
							<div>
								<div id="recaptcha" class="g-recaptcha" data-sitekey="6LfkEvohAAAAAIrMkOF5y9EHYQ9u14p3us0rTimb"></div>		<!--// reCaptcha apiKey-->
							</div>
							<input id="btnSignIn" name="btnSignIn" value="Login" class="btn btn-block btn-success" type="submit" onclick="submitForm();" />
						</form>
					</div>
					<div class="col-md-3"></div>
				</div>
				<div class="signup-footer">
					<div class="pull-left">
						<?php echo env('COPY_RIGHT')?>
					</div>
					<div class="pull-right">
						<?php echo env('CREATOR')?>
					</div>
				</div>
			</div>
		</section>
		@include('admin.uc.foot')
		<!-- 表單JS -->
		<script src="https://www.google.com/recaptcha/api.js" async defer></script>
		<script>
			//逐個偵錯
			$(function () {
				//初始化需要偵錯的表格
				$('#loginForm').validate();
				//正規表達驗證初始化
				$.validator.addMethod(
					"regex",
					function (value, element, regexp) {
						var re = new RegExp(regexp);
						return this.optional(element) || re.test(value);
					}
				);
				//各欄位
				$('#qusername').rules("add", {
					required: true,
					email: true,
					minlength: 1,
					maxlength: 100,
					messages: {
						required: "Username length must between 1-100",
						email: "Username must be an email address",
						minlength: "Username length must between 1-100",
						maxlength: "Username length must between 1-100"
					}
				});
				$('#qpassword').rules("add", {
					required: true,
					minlength: 1,
					maxlength: 20,
					messages: {
						required: "Password length must between 1-20",
						minlength: "Password length must between 1-20",
						maxlength: "Password length must between 1-20"
					}
				});
			});
			//提交與取消按鈕
			function submitForm() {
				if (!!($("#loginForm").valid()) === false) {
					return false;
				} else {
					$(document).ready(function() {
						$.blockUI({ css: {
							border: 'none',
							padding: '15px',
							backgroundColor: '#000',
							'-webkit-border-radius': '10px',
							'-moz-border-radius': '10px',
							opacity: .5,
							color: '#fff'
						}});
					});
				}
			}
			function cancelValidate() {
				$("#loginForm").validate().cancelSubmit = true;
			}
		</script>
	</body>
</html>