buat login page lagi

This commit is contained in:
hafifierahman
2021-09-19 08:10:10 +08:00
parent 8e585b8cc2
commit b141500c61
15 changed files with 869 additions and 132 deletions
@@ -9,6 +9,8 @@ use Illuminate\Foundation\Auth\RegistersUsers;
use Illuminate\Support\Facades\Hash;
use Illuminate\Support\Facades\Validator;
use Illuminate\Http\Request;
class RegisterController extends Controller
{
/*
@@ -70,4 +72,17 @@ class RegisterController extends Controller
'password' => Hash::make($data['password']),
]);
}
protected function firsttimer()
{
return view('auth.pertama-kali.pertamakalistep1');
}
protected function tempatregister(Request $request)
{
$nama = $request->name;
return view('auth.register',compact('nama'));
}
}
Binary file not shown.

After

Width:  |  Height:  |  Size: 199 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 180 KiB

+1
View File
@@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" width="200px" height="200px" viewBox="0 0 128 128" xml:space="preserve"><g><circle cx="16" cy="64" r="16" fill="#282460"/><circle cx="16" cy="64" r="14.344" fill="#282460" transform="rotate(45 64 64)"/><circle cx="16" cy="64" r="12.531" fill="#282460" transform="rotate(90 64 64)"/><circle cx="16" cy="64" r="10.75" fill="#282460" transform="rotate(135 64 64)"/><circle cx="16" cy="64" r="10.063" fill="#282460" transform="rotate(180 64 64)"/><circle cx="16" cy="64" r="8.063" fill="#282460" transform="rotate(225 64 64)"/><circle cx="16" cy="64" r="6.438" fill="#282460" transform="rotate(270 64 64)"/><circle cx="16" cy="64" r="5.375" fill="#282460" transform="rotate(315 64 64)"/><animateTransform attributeName="transform" type="rotate" values="45 64 64;90 64 64;135 64 64;180 64 64;225 64 64;270 64 64;315 64 64;0 64 64" calcMode="discrete" dur="960ms" repeatCount="indefinite"></animateTransform></g></svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 282 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 MiB

+120 -54
View File
@@ -1,42 +1,23 @@
@extends('layouts.app', ['class' => 'bg-default'])
@extends('layouts.app', ['class' => 'bg-white'])
@section('content')
@include('layouts.headers.guest')
{{-- @include('layouts.headers.guest') --}}
<div class="container mt--8 pb-5">
<div class="row justify-content-center">
<div class="col-lg-5 col-md-7">
<div class="card bg-secondary shadow border-0">
<div class="card-header bg-transparent pb-5">
<div class="text-muted text-center mt-2 mb-3"><small>{{ __('Sign in with') }}</small></div>
<div class="btn-wrapper text-center">
<a href="#" class="btn btn-neutral btn-icon">
<span class="btn-inner--icon"><img src="{{ asset('argon') }}/img/icons/common/github.svg"></span>
<span class="btn-inner--text">{{ __('Github') }}</span>
</a>
<a href="#" class="btn btn-neutral btn-icon">
<span class="btn-inner--icon"><img src="{{ asset('argon') }}/img/icons/common/google.svg"></span>
<span class="btn-inner--text">{{ __('Google') }}</span>
</a>
</div>
</div>
<div class="card-body px-lg-5 py-lg-5">
<div class="text-center text-muted mb-4">
<small>
Create new account OR Sign in with these credentials:
<br>
Username <strong>admin@argon.com</strong> Password: <strong>secret</strong>
</small>
</div>
<form role="form" method="POST" action="{{ route('login') }}">
<div class="user-login-5">
<div class="row" style="max-width:100%;">
<div class="col-md-6">
<div class="container text-center mt-7">
<img class="login-logo login-6" src="{{ asset('argon') }}/login/logo_arrahn_baru.png">
<div class="container mt-5">
{{-- <p>Portal rasmi ar-rahn pajak gadai.</p> --}}
<form action="#" method="post" enctype="multipart/form-data" class="login-form" novalidate="novalidate">
@csrf
<div class="form-group{{ $errors->has('email') ? ' has-danger' : '' }} mb-3">
<div class="input-group input-group-alternative">
<div class="input-group-prepend">
<span class="input-group-text"><i class="ni ni-email-83"></i></span>
</div>
<input class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}" placeholder="{{ __('Email') }}" type="email" name="email" value="{{ old('email') }}" value="admin@argon.com" required autofocus>
<div class="row ml-5">
<div class="col-xs-6 col-xl-6">
<div class="form-group {{ $errors->has('email') ? ' has-danger' : '' }}">
<input placeholder="Emel" class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}" placeholder="{{ __('Email') }}" type="email" name="email" value="{{ old('email') }}" id="login-username" required autofocus aria-required="true">
</div>
@if ($errors->has('email'))
<span class="invalid-feedback" style="display: block;" role="alert">
@@ -44,12 +25,9 @@
</span>
@endif
</div>
<div class="col-xs-6 col-xl-6">
<div class="form-group {{ $errors->has('password') ? ' has-danger' : '' }}">
<div class="input-group input-group-alternative">
<div class="input-group-prepend">
<span class="input-group-text"><i class="ni ni-lock-circle-open"></i></span>
</div>
<input class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}" name="password" placeholder="{{ __('Password') }}" type="password" value="secret" required>
<input type="password" placeholder="Katalaluan" class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}" id="login-password" name="password" required aria-required="true">
</div>
@if ($errors->has('password'))
<span class="invalid-feedback" style="display: block;" role="alert">
@@ -57,33 +35,121 @@
</span>
@endif
</div>
<div class="custom-control custom-control-alternative custom-checkbox">
</div>
<div class="row">
<div class="col-sm-4 col-xs-6">
<div class="rem-password">
<input class="custom-control-input" name="remember" id="customCheckLogin" type="checkbox" {{ old('remember') ? 'checked' : '' }}>
<label class="custom-control-label" for="customCheckLogin">
<span class="text-muted">{{ __('Remember me') }}</span>
</label>
</div>
<div class="text-center">
<button type="submit" class="btn btn-primary my-4">{{ __('Sign in') }}</button>
</div>
<div class="col-sm-8 col-xs-6 text-right">
<button class="btn btn-success login pull-right" type="submit" onclick="loading();this.disabled=true;this.innerText=&#39;Signing in..&#39;;this.form.submit();">Daftar Masuk</button>
</div>
</div>
<br>
<div class="row">
<div class="col-sm-12 col-xs-12 forgetpassword">
<center>
<div class="forgot-password">
<a href="{{ route('auth.registerfirst') }}" class="text-light"><font color="#3598dc">Pertama Kali</font></a> |@if (Route::has('password.request')) <a href="{{ route('password.request') }}" class="text-light"><font color="#3598dc">Lupa Katalaluan</font></a>@endif
</div>
<div style="font-size: 10px;"><br><br>Paparan terbaik menggunakan Mozilla Firefox, Google Chrome & Internet Explorer 9.0 ke atas dengan resolusi 1920 x 1080</div>
</center>
</div>
</div>
</form>
</div>
</div>
<div class="row mt-3">
<div class="col-6">
@if (Route::has('password.request'))
<a href="{{ route('password.request') }}" class="text-light">
<small>{{ __('Forgot password?') }}</small>
</a>
@endif
<br>
</div>
<div class="col-6 text-right">
<a href="{{ route('register') }}" class="text-light">
<small>{{ __('Create new account') }}</small>
</a>
<div class="col-md-6">
<div>
<div >
<img class="login-bg" src="{{ asset('argon') }}/login/bg3.jpg">
</div>
</div>
</div>
</div>
</div>
<div id="modal-loading" name="myModal" class="modalloading modal fade" role="dialog" style="display:none">
<div class="modal-dialog-loading">
<img src="{{ asset('argon') }}/login/curvebars.svg" style="height:150px;width:150px;">
</div>
</div>
<script>
function loading_close(){
$('#modal-loading').modal('hide');
}
function loading($timeout = false){
// $('#modal-loading').modal('hide');
// $('#modal-loading').modal('show');
// $modal = $('#modal-loading');
// $modal.modal({
// backdrop: 'static',
// keyboard: false
// })
// $modal.modal('hide');
// $modal.modal('show');
// var blength = $(".modal-backdrop").length;
// if(blength > 1){
// $(".modal-backdrop:gt(0)").remove();//all el other than first will be removed
// }
// console.log('blength', $('.modal-backdrop').length);
$('.modal-backdrop').slice(1).remove();
$('#modal-loading').modal('show');
if ($timeout) {
setTimeout ("loading_close()", $timeout);
}
}
// loading(500);
// var loading = document.getElementsByClassName('loading');
// loading.onclick = function(){
// loading();
// };
document.body.onclick= function(e){
e=window.event? event.srcElement: e.target;
if(e.className && e.className.indexOf('loading')!=-1) loading();
}
// $('body').on('click', '.loading', function() {
// loading();
// });
$(function () {
$('.login-form').submit(function () {
if($(this).valid()) {
//
}
else {
loading_close();
}
});
});
</script>
<!-- END : LOGIN PAGE 5-2 -->
<!--[if lt IE 9]>
<script src="assets/global/plugins/respond.min.js"></script>
<script src="assets/global/plugins/excanvas.min.js"></script>
<![endif]-->
@endsection
@@ -0,0 +1,89 @@
@extends('layouts.app', ['class' => 'bg-default'])
@section('content')
@include('layouts.headers.guest')
<div class="container mt--8 pb-5">
<div class="row justify-content-center">
<div class="col-lg-5 col-md-7">
<div class="card bg-secondary shadow border-0">
<div class="card-header bg-transparent pb-5">
<div class="text-muted text-center mt-2 mb-3"><small>{{ __('Sign in with') }}</small></div>
<div class="btn-wrapper text-center">
<a href="#" class="btn btn-neutral btn-icon">
<span class="btn-inner--icon"><img src="{{ asset('argon') }}/img/icons/common/github.svg"></span>
<span class="btn-inner--text">{{ __('Github') }}</span>
</a>
<a href="#" class="btn btn-neutral btn-icon">
<span class="btn-inner--icon"><img src="{{ asset('argon') }}/img/icons/common/google.svg"></span>
<span class="btn-inner--text">{{ __('Google') }}</span>
</a>
</div>
</div>
<div class="card-body px-lg-5 py-lg-5">
<div class="text-center text-muted mb-4">
<small>
Create new account OR Sign in with these credentials:
<br>
Username <strong>admin@argon.com</strong> Password: <strong>secret</strong>
</small>
</div>
<form role="form" method="POST" action="{{ route('login') }}">
@csrf
<div class="form-group{{ $errors->has('email') ? ' has-danger' : '' }} mb-3">
<div class="input-group input-group-alternative">
<div class="input-group-prepend">
<span class="input-group-text"><i class="ni ni-email-83"></i></span>
</div>
<input class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}" placeholder="{{ __('Email') }}" type="email" name="email" value="{{ old('email') }}" value="admin@argon.com" required autofocus>
</div>
@if ($errors->has('email'))
<span class="invalid-feedback" style="display: block;" role="alert">
<strong>{{ $errors->first('email') }}</strong>
</span>
@endif
</div>
<div class="form-group{{ $errors->has('password') ? ' has-danger' : '' }}">
<div class="input-group input-group-alternative">
<div class="input-group-prepend">
<span class="input-group-text"><i class="ni ni-lock-circle-open"></i></span>
</div>
<input class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}" name="password" placeholder="{{ __('Password') }}" type="password" value="secret" required>
</div>
@if ($errors->has('password'))
<span class="invalid-feedback" style="display: block;" role="alert">
<strong>{{ $errors->first('password') }}</strong>
</span>
@endif
</div>
<div class="custom-control custom-control-alternative custom-checkbox">
<input class="custom-control-input" name="remember" id="customCheckLogin" type="checkbox" {{ old('remember') ? 'checked' : '' }}>
<label class="custom-control-label" for="customCheckLogin">
<span class="text-muted">{{ __('Remember me') }}</span>
</label>
</div>
<div class="text-center">
<button type="submit" class="btn btn-primary my-4">{{ __('Sign in') }}</button>
</div>
</form>
</div>
</div>
<div class="row mt-3">
<div class="col-6">
@if (Route::has('password.request'))
<a href="{{ route('password.request') }}" class="text-light">
<small>{{ __('Forgot password?') }}</small>
</a>
@endif
</div>
<div class="col-6 text-right">
<a href="{{ route('register') }}" class="text-light">
<small>{{ __('Create new account') }}</small>
</a>
</div>
</div>
</div>
</div>
</div>
@endsection
@@ -0,0 +1,315 @@
@extends('layouts.app', ['class' => 'bg-white'])
@section('content')
{{-- @include('layouts.headers.guest') --}}
<div class="user-login-5">
<div class="row" style="max-width:100%;">
<div class="col-md-6">
<div class="container text-center mt-7">
<img class="login-logo login-6" src="{{ asset('argon') }}/login/logo_arrahn_baru.png">
<div class="container mt-5">
{{-- <form action="#" method="post" enctype="multipart/form-data" class="login-form" novalidate="novalidate"> --}}
@csrf
<div class="row ml-5">
<div class="col-xs-6 col-xl-6">
<div class="form-group {{ $errors->has('otp') ? ' has-danger' : '' }}">
<input placeholder="One-Time-Password" class="form-control{{ $errors->has('otp') ? ' is-invalid' : '' }}" type="text" name="otp" value="{{ old('otp') }}" id="login-otp" required autofocus aria-required="true">
</div>
@if ($errors->has('otp'))
<span class="invalid-feedback" style="display: block;" role="alert">
<strong>{{ $errors->first('otp') }}</strong>
</span>
@endif
</div>
<div class="col-xs-6 col-xl-6">
<div class="form-group {{ $errors->has('icno') ? ' has-danger' : '' }}">
<input type="text" placeholder="Nombor Kad Pengenalan" class="form-control{{ $errors->has('icno') ? ' is-invalid' : '' }}" id="login-icno" name="icno" required aria-required="true">
</div>
@if ($errors->has('icno'))
<span class="invalid-feedback" style="display: block;" role="alert">
<strong>{{ $errors->first('icno') }}</strong>
</span>
@endif
</div>
</div>
<div class="row">
<div class="col-sm-4 col-xs-6">
</div>
<div class="col-sm-8 col-xs-6 text-right">
<button class="btn btn-success login pull-right" type="button" onclick="checkpelanggan();">Seterusnya</button>
</div>
</div>
<br>
<div class="row">
<div class="col-sm-12 col-xs-12 forgetpassword">
<center>
<div class="forgot-password">
<a href="{{ route('login') }}" class="text-light"><font color="#3598dc">Log-Masuk</font></a> |@if (Route::has('password.request')) <a href="{{ route('password.request') }}" class="text-light"><font color="#3598dc">Lupa Katalaluan</font></a>@endif
</div>
<div style="font-size: 10px;"><br><br>Paparan terbaik menggunakan Mozilla Firefox, Google Chrome & Internet Explorer 9.0 ke atas dengan resolusi 1920 x 1080</div>
</center>
</div>
</div>
{{-- </form> --}}
</div>
</div>
<br>
</div>
<div class="col-md-6">
<div>
<div style="position: relative;text-align:center;color:white;">
<img class="login-bg" src="{{ asset('argon') }}/login/bg3.jpg">
<div id="makpel" class="card-body bg-secondary px-lg-5 py-lg-5 rounded w-75 invisible" style="position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);">
<h2 class="text-center mt-2 mb-4 font-weight-bold text-uppercase">Maklumat Pelanggan</h2>
@if (Session::has('custdetail'))
<?php $customerdetails = Session::get('custdetail'); ?>
@endif
<form method="post" action="{{ route('auth.tempatregister') }}">
@csrf
<div class="form-group row">
<label for="name"
class="col-md-2 col-lg-2 col-lx-2 col-form-label text-dark text-md-right text-xl-right">{{ __('Nama') }}</label>
<div class="col-md-10">
<input autocomplete="off" type="text" name="name"
class="form-control @error('name') is-invalid @enderror"
value="{{ Session::has('custdetail') ? $customerdetails[0]['nama'] : old('name') }}"
readonly>
@error('name')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
</div>
<div class="form-group row">
<label for="icno"
class="col-md-2 col-form-label text-dark text-md-right">{{ __('No IC') }}</label>
<div class="col-md-4">
<input autocomplete="off" type="text" name="icno"
class="form-control @error('icno') is-invalid @enderror"
value="{{ Session::has('custdetail') ? $customerdetails[0]['kpbaru'] : old('icno') }}"
readonly>
@error('icno')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
<label for="notel"
class="col-md-2 col-form-label text-dark text-md-right">{{ __('No. Tel') }}</label>
<div class="col-md-4">
<input autocomplete="off" type="text" name="notel" class="form-control"
value="{{ Session::has('custdetail') ? $customerdetails[0]['telefon'] : old('notel') }}"
readonly>
</div>
</div>
<div class="form-group row">
<label for="alamat"
class="col-md-2 col-form-label text-dark text-md-right">{{ __('Alamat') }}</label>
<div class="col-md-10">
@php
// $koddaerah = Http::get(config('api.url') .'/api/daerah/' .$customerdetails[0]['koddaerah'] )->json();
// $kodnegeri = Http::get(config('api.url') .'/api/negeri/' .$customerdetails[0]['kodnegeri'] )->json();
@endphp
<textarea name="alamat" class="form-control" rows="3"
readonly>{{ Session::has('custdetail') ? $customerdetails[0]['alamat1'] . ' ' . $customerdetails[0]['alamat2'] : old('alamat') }}
</textarea>
</div>
</div>
<div class="form-group row">
<label for="icno"
class="col-md-2 col-form-label text-dark text-md-right">{{ __('Poskod') }}</label>
<div class="col-md-4">
<input autocomplete="off" type="text" name="poskod"
class="form-control @error('poskod') is-invalid @enderror"
value="{{ Session::has('custdetail') ? $customerdetails[0]['poskod'] : old('poskod') }}"
readonly>
@error('poskod')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
<label for="namadaerah"
class="col-md-2 col-form-label text-dark text-md-right">{{ __('Daerah') }}</label>
<div class="col-md-4">
<input autocomplete="off" type="text" name="namadaerah" class="form-control"
value="{{ Session::has('custdetail') ? $koddaerah['namadaerah'] : old('namadaerah') }}"
readonly>
</div>
</div>
<div class="form-group row">
<label for="negeri"
class="col-md-2 col-form-label text-dark text-md-right">{{ __('Negeri') }}</label>
<div class="col-md-10">
<input autocomplete="off" type="text" name="negeri"
class="form-control @error('negeri') is-invalid @enderror"
value="{{ Session::has('custdetail') ? $kodnegeri['negeri'] : old('negeri') }}"
readonly>
@error('negeri')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
</div>
<span class="text-danger text-xl-center font-weight-bold">*Diminta untuk semak maklumat pelanggan terlebih dahulu!</span><br>
<button type="submit" class="btn btn-success mt-2">Betul</button>
<button type="button" class="btn btn-danger mt-2" onclick="$('#makpel').addClass('invisible');$('#makpel').removeClass('visible');">Salah</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="modal-loading" name="myModal" class="modalloading modal fade" role="dialog" style="display:none">
<div class="modal-dialog-loading">
<img src="{{ asset('argon') }}/login/curvebars.svg" style="height:150px;width:150px;">
</div>
</div>
<script>
function loading_close(){
$('#modal-loading').modal('hide');
}
function loading($timeout = false){
// $('#modal-loading').modal('hide');
// $('#modal-loading').modal('show');
// $modal = $('#modal-loading');
// $modal.modal({
// backdrop: 'static',
// keyboard: false
// })
// $modal.modal('hide');
// $modal.modal('show');
// var blength = $(".modal-backdrop").length;
// if(blength > 1){
// $(".modal-backdrop:gt(0)").remove();//all el other than first will be removed
// }
// console.log('blength', $('.modal-backdrop').length);
$('.modal-backdrop').slice(1).remove();
$('#modal-loading').modal('show');
if ($timeout) {
setTimeout ("loading_close()", $timeout);
}
}
// loading(500);
// var loading = document.getElementsByClassName('loading');
// loading.onclick = function(){
// loading();
// };
document.body.onclick= function(e){
e=window.event? event.srcElement: e.target;
if(e.className && e.className.indexOf('loading')!=-1) loading();
}
function checkpelanggan()
{
var otp_verify = $('#login-otp').val();
var otp_icno = $('#login-icno').val();
$.ajax({
url:'http://localhost:8000/api/otp/check/'+ otp_verify,
method:'GET',
success:function(data){
if(data.length > 0)
{
console.log(data[0].nokp);
$.ajax({
url:'http://localhost:8000/api/customers/'+ data[0].nokp,
method:'GET',
success:function(data){
$('input[name="name"]').val(data.nama);
$('input[name="icno"]').val(data.kpbaru);
$('input[name="notel"]').val(data.telefon);
$('input[name="poskod"]').val(data.poskod);
$('textarea[name="alamat"]').val(data.alamat1);
$.ajax({
url:'http://localhost:8000/api/daerah/'+ data.koddaerah,
method:'GET',
success:function(data){
console.log(data);
$('input[name="namadaerah"]').val(data.namadaerah);
}
});
$.ajax({
url:'http://localhost:8000/api/negeri/'+ data.kodnegeri,
method:'GET',
success:function(data){
console.log(data);
$('input[name="negeri"]').val(data.negeri);
}
});
$('#makpel').addClass('visible');
$('#makpel').removeClass('invisible');
}
});
}
}
});
}
// $('body').on('click', '.loading', function() {
// loading();
// });
$(function () {
$('.login-form').submit(function () {
if($(this).valid()) {
//
}
else {
loading_close();
}
});
});
</script>
<!-- END : LOGIN PAGE 5-2 -->
<!--[if lt IE 9]>
<script src="assets/global/plugins/respond.min.js"></script>
<script src="assets/global/plugins/excanvas.min.js"></script>
<![endif]-->
@endsection
+110 -37
View File
@@ -1,39 +1,25 @@
@extends('layouts.app', ['class' => 'bg-default'])
@extends('layouts.app', ['class' => 'bg-white'])
@section('content')
@include('layouts.headers.guest')
{{-- @include('layouts.headers.guest') --}}
<div class="user-login-5">
<div class="row" style="max-width:100%;">
<div class="col-md-6">
<div class="container text-center mt-7">
<img class="login-logo login-6" src="{{ asset('argon') }}/login/logo_arrahn_baru.png">
<div class="container mt-5">
<div class="container mt--8 pb-5">
<!-- Table -->
<div class="row justify-content-center">
<div class="col-lg-6 col-md-8">
<div class="card bg-secondary shadow border-0">
<div class="card-header bg-transparent pb-5">
<div class="text-muted text-center mt-2 mb-4"><small>{{ __('Sign up with') }}</small></div>
<div class="text-center">
<a href="#" class="btn btn-neutral btn-icon mr-4">
<span class="btn-inner--icon"><img src="{{ asset('argon') }}/img/icons/common/github.svg"></span>
<span class="btn-inner--text">{{ __('Github') }}</span>
</a>
<a href="#" class="btn btn-neutral btn-icon">
<span class="btn-inner--icon"><img src="{{ asset('argon') }}/img/icons/common/google.svg"></span>
<span class="btn-inner--text">{{ __('Google') }}</span>
</a>
</div>
</div>
<div class="card-body px-lg-5 py-lg-5">
<div class="text-center text-muted mb-4">
<small>{{ __('Or sign up with credentials') }}</small>
</div>
<form role="form" method="POST" action="{{ route('register') }}">
@csrf
<div class="form-group{{ $errors->has('name') ? ' has-danger' : '' }}">
<div class="input-group input-group-alternative mb-3">
<div class="row">
<div class="col-6 form-group">
<div class="input-group mb-3">
<div class="input-group-prepend" >
<span class="input-group-text"><i class="ni ni-hat-3"></i></span>
<span class="input-group-text bg-secondary"><i class="ni ni-hat-3"></i></span>
</div>
<input class="form-control{{ $errors->has('name') ? ' is-invalid' : '' }}" placeholder="{{ __('Name') }}" type="text" name="name" value="{{ old('name') }}" required autofocus>
<input class="form-control" placeholder="{{ __('Name') }}" type="text" name="name" value="{{ old('name') ? old('name') : $nama }}" readonly required autofocus>
</div>
@if ($errors->has('name'))
<span class="invalid-feedback" style="display: block;" role="alert">
@@ -41,8 +27,8 @@
</span>
@endif
</div>
<div class="form-group{{ $errors->has('email') ? ' has-danger' : '' }}">
<div class="input-group input-group-alternative mb-3">
<div class="col-6 form-group{{ $errors->has('email') ? ' has-danger' : '' }}">
<div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text"><i class="ni ni-email-83"></i></span>
</div>
@@ -54,8 +40,11 @@
</span>
@endif
</div>
<div class="form-group{{ $errors->has('password') ? ' has-danger' : '' }}">
<div class="input-group input-group-alternative">
</div>
<div class="row">
<div class="col-6 form-group{{ $errors->has('password') ? ' has-danger' : '' }}">
<div class="input-group ">
<div class="input-group-prepend">
<span class="input-group-text"><i class="ni ni-lock-circle-open"></i></span>
</div>
@@ -67,34 +56,118 @@
</span>
@endif
</div>
<div class="form-group">
<div class="input-group input-group-alternative">
<div class="col-6 form-group">
<div class="input-group ">
<div class="input-group-prepend">
<span class="input-group-text"><i class="ni ni-lock-circle-open"></i></span>
</div>
<input class="form-control" placeholder="{{ __('Confirm Password') }}" type="password" name="password_confirmation" required>
</div>
</div>
</div>
<div class="text-muted font-italic">
<small>{{ __('password strength') }}: <span class="text-success font-weight-700">{{ __('strong') }}strong</span></small>
<small>{{ __('password strength') }}: <span class="text-success font-weight-700">{{ __('strong') }}</span></small>
</div>
<div class="row my-4">
<div class="col-12">
<div class="custom-control custom-control-alternative custom-checkbox">
<input class="custom-control-input" id="customCheckRegister" type="checkbox">
<label class="custom-control-label" for="customCheckRegister">
<span class="text-muted">{{ __('I agree with the') }} <a href="#!">{{ __('Privacy Policy') }}</a></span>
<span class="text-muted">{{ __('Saya setuju dengan segala') }} <a href="#!">{{ __('Terma & Syarat') }}</a></span>
</label>
</div>
</div>
</div>
<div class="text-center">
<button type="submit" class="btn btn-primary mt-4">{{ __('Create account') }}</button>
<button type="submit" class="btn btn-success mt-4">{{ __('Cipta Akaun') }}</button>
</div>
</form>
</div>
</div>
<br>
</div>
<div class="col-md-6">
<div>
<div >
<img class="login-bg" src="{{ asset('argon') }}/login/bg3.jpg">
</div>
</div>
</div>
</div>
</div>
<div id="modal-loading" name="myModal" class="modalloading modal fade" role="dialog" style="display:none">
<div class="modal-dialog-loading">
<img src="{{ asset('argon') }}/login/curvebars.svg" style="height:150px;width:150px;">
</div>
</div>
<script>
function loading_close(){
$('#modal-loading').modal('hide');
}
function loading($timeout = false){
// $('#modal-loading').modal('hide');
// $('#modal-loading').modal('show');
// $modal = $('#modal-loading');
// $modal.modal({
// backdrop: 'static',
// keyboard: false
// })
// $modal.modal('hide');
// $modal.modal('show');
// var blength = $(".modal-backdrop").length;
// if(blength > 1){
// $(".modal-backdrop:gt(0)").remove();//all el other than first will be removed
// }
// console.log('blength', $('.modal-backdrop').length);
$('.modal-backdrop').slice(1).remove();
$('#modal-loading').modal('show');
if ($timeout) {
setTimeout ("loading_close()", $timeout);
}
}
// loading(500);
// var loading = document.getElementsByClassName('loading');
// loading.onclick = function(){
// loading();
// };
document.body.onclick= function(e){
e=window.event? event.srcElement: e.target;
if(e.className && e.className.indexOf('loading')!=-1) loading();
}
// $('body').on('click', '.loading', function() {
// loading();
// });
$(function () {
$('.login-form').submit(function () {
if($(this).valid()) {
//
}
else {
loading_close();
}
});
});
</script>
<!-- END : LOGIN PAGE 5-2 -->
<!--[if lt IE 9]>
<script src="assets/global/plugins/respond.min.js"></script>
<script src="assets/global/plugins/excanvas.min.js"></script>
<![endif]-->
@endsection
@@ -0,0 +1,100 @@
@extends('layouts.app', ['class' => 'bg-default'])
@section('content')
@include('layouts.headers.guest')
<div class="container mt--8 pb-5">
<!-- Table -->
<div class="row justify-content-center">
<div class="col-lg-6 col-md-8">
<div class="card bg-secondary shadow border-0">
<div class="card-header bg-transparent pb-5">
<div class="text-muted text-center mt-2 mb-4"><small>{{ __('Sign up with') }}</small></div>
<div class="text-center">
<a href="#" class="btn btn-neutral btn-icon mr-4">
<span class="btn-inner--icon"><img src="{{ asset('argon') }}/img/icons/common/github.svg"></span>
<span class="btn-inner--text">{{ __('Github') }}</span>
</a>
<a href="#" class="btn btn-neutral btn-icon">
<span class="btn-inner--icon"><img src="{{ asset('argon') }}/img/icons/common/google.svg"></span>
<span class="btn-inner--text">{{ __('Google') }}</span>
</a>
</div>
</div>
<div class="card-body px-lg-5 py-lg-5">
<div class="text-center text-muted mb-4">
<small>{{ __('Or sign up with credentials') }}</small>
</div>
<form role="form" method="POST" action="{{ route('register') }}">
@csrf
<div class="form-group{{ $errors->has('name') ? ' has-danger' : '' }}">
<div class="input-group input-group-alternative mb-3">
<div class="input-group-prepend">
<span class="input-group-text"><i class="ni ni-hat-3"></i></span>
</div>
<input class="form-control{{ $errors->has('name') ? ' is-invalid' : '' }}" placeholder="{{ __('Name') }}" type="text" name="name" value="{{ old('name') }}" required autofocus>
</div>
@if ($errors->has('name'))
<span class="invalid-feedback" style="display: block;" role="alert">
<strong>{{ $errors->first('name') }}</strong>
</span>
@endif
</div>
<div class="form-group{{ $errors->has('email') ? ' has-danger' : '' }}">
<div class="input-group input-group-alternative mb-3">
<div class="input-group-prepend">
<span class="input-group-text"><i class="ni ni-email-83"></i></span>
</div>
<input class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}" placeholder="{{ __('Email') }}" type="email" name="email" value="{{ old('email') }}" required>
</div>
@if ($errors->has('email'))
<span class="invalid-feedback" style="display: block;" role="alert">
<strong>{{ $errors->first('email') }}</strong>
</span>
@endif
</div>
<div class="form-group{{ $errors->has('password') ? ' has-danger' : '' }}">
<div class="input-group input-group-alternative">
<div class="input-group-prepend">
<span class="input-group-text"><i class="ni ni-lock-circle-open"></i></span>
</div>
<input class="form-control{{ $errors->has('password') ? ' is-invalid' : '' }}" placeholder="{{ __('Password') }}" type="password" name="password" required>
</div>
@if ($errors->has('password'))
<span class="invalid-feedback" style="display: block;" role="alert">
<strong>{{ $errors->first('password') }}</strong>
</span>
@endif
</div>
<div class="form-group">
<div class="input-group input-group-alternative">
<div class="input-group-prepend">
<span class="input-group-text"><i class="ni ni-lock-circle-open"></i></span>
</div>
<input class="form-control" placeholder="{{ __('Confirm Password') }}" type="password" name="password_confirmation" required>
</div>
</div>
<div class="text-muted font-italic">
<small>{{ __('password strength') }}: <span class="text-success font-weight-700">{{ __('strong') }}strong</span></small>
</div>
<div class="row my-4">
<div class="col-12">
<div class="custom-control custom-control-alternative custom-checkbox">
<input class="custom-control-input" id="customCheckRegister" type="checkbox">
<label class="custom-control-label" for="customCheckRegister">
<span class="text-muted">{{ __('I agree with the') }} <a href="#!">{{ __('Privacy Policy') }}</a></span>
</label>
</div>
</div>
</div>
<div class="text-center">
<button type="submit" class="btn btn-primary mt-4">{{ __('Create account') }}</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
@endsection
+75 -1
View File
@@ -35,6 +35,80 @@
/>
<script src="{{ asset('argon') }}/js/bootstrap-notify.js"></script>
<style>
<style>
div.checker span {
background-image: url("assets/global/plugins/uniform/images/sprite.png");
}
.user-login-5 .login-container>.login-footer .login-social {
padding-left: 0 !important;
}
.login-logo{
margin-top:50px;
width:200px;
height:200px;
}
@media (max-width: 1023px) {
.user-login-5 .login-logo.login-6 {
margin: 0;
}
.user-login-5 .login-logo.login-6 {
left: 7%;
}
.user-login-5 .login-container>.login-content .login-form {
margin-top: 0 !important;
}
}
.btn-primary {
color: #fff !important;
background-color: #282460 !important;
border-color: #357ebd !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
color: #385d8a !important;
background-color: #3598dc !important;
border-color: #3598dc !important;
}
/* body {
font-family: "Noto Sans", sans-serif !important;
} */
.modalloading {
border: none !important;
}
.modal-dialog-loading{
text-align: center;
position:fixed;
top:30%;
bottom:0;
left:0;
right:0;
margin:auto;
}
.login-bg{
background-position:center;
background-size:cover;
background-repeat:no-repeat;
min-height:100vh;
max-width: 100%;
}
</style>
</style>
</head>
<body class="{{ $class ?? '' }}">
@@ -51,7 +125,7 @@
</div>
@guest()
@include('layouts.footers.guest')
{{-- @include('layouts.footers.guest') --}}
@endguest
@@ -3,5 +3,5 @@
@endauth
@guest()
@include('layouts.navbars.navs.guest')
{{-- @include('layouts.navbars.navs.guest') --}}
@endguest
+5 -1
View File
@@ -17,7 +17,6 @@ Route::get('/', function () {
return view('welcome');
});
Auth::routes();
Route::get('/home', [App\Http\Controllers\HomeController::class, 'index'])->name('home');
Auth::routes();
@@ -39,7 +38,12 @@ Auth::routes();
Route::get('/home', 'App\Http\Controllers\HomeController@index')->name('home');
Route::get('/authenticateregister', 'App\Http\Controllers\Auth\RegisterController@firsttimer')->name('auth.registerfirst');
Route::post('/registering', 'App\Http\Controllers\Auth\RegisterController@tempatregister')->name('auth.tempatregister');
Route::group(['middleware' => 'auth'], function () {
Route::get('/semaksag', 'App\Http\Controllers\SemakController@SemakSAG')->name('semaksag');
Route::post('/senaraisag', 'App\Http\Controllers\SemakController@SenaraiSAG')->name('senaraisag');
Route::get('/semakbayaran', 'App\Http\Controllers\BayaranController@SenaraiPembayaran')->name('pembayaransag');