Afiq Hamzah
145 lines
4.3 KiB
PHP
145 lines
4.3 KiB
PHP
@extends('includes.login.index')
|
|
|
|
@section('content')
|
|
|
|
<style>
|
|
#loader {
|
|
display: none;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
background: rgba(0, 0, 0, 0.4) url("") no-repeat center center;
|
|
z-index: 99999;
|
|
|
|
|
|
}
|
|
#loader-image {
|
|
position: absolute;
|
|
top: 40%;
|
|
left: 45%;
|
|
z-index: 100
|
|
}
|
|
|
|
</style>
|
|
|
|
<title>Lupa Kata Laluan | Portal Pelanggan</title>
|
|
<!-- <div style="text-align: center;"><img src="{{ asset('/argon/img/brand/arrahnpay3.png') }}" style="text-align: center;"></div> -->
|
|
<h6 style="text-align: center; margin-bottom: 10%;">Lupa Kata Laluan</h6>
|
|
|
|
@if (session('status'))
|
|
{{-- <div class="alert alert-success" role="alert">
|
|
{{ session('status') }}
|
|
</div> --}}
|
|
<div class="alert alert-success text-white" role="alert">
|
|
<p>
|
|
Sila periksa Emel untuk menetapkan semula kata laluan.
|
|
<p>
|
|
Sekiranya anda tidak menerima sebarang emel, sila semak di dalam fail 'SPAM' emel.
|
|
<p>
|
|
Sekiranya wujud di dalam fail 'SPAM', tukar emel kepada 'NOT SPAM' terlebih dahulu.
|
|
</div>
|
|
<script>
|
|
var status = "{{ session('status') }}";
|
|
console.log(status);
|
|
$.notify({
|
|
icon: 'far fa-check-circle fa-2x',
|
|
newest_on_top: true,
|
|
message: "<strong class='text-center' style='font-size:15px; color: #ffff;'>" + status + "</strong>"
|
|
}, {
|
|
type: 'success',
|
|
allow_dismiss: false,
|
|
placement: {
|
|
align: 'center',
|
|
from: 'bottom'
|
|
},
|
|
animate: {
|
|
enter: 'animate__animated animate__bounce',
|
|
|
|
exit: 'animate__animated animate__bounceOutDown'
|
|
}
|
|
});
|
|
</script>
|
|
@endif
|
|
|
|
@if (session('info'))
|
|
{{-- <div class="alert alert-info" role="alert">
|
|
{{ session('info') }}
|
|
</div> --}}
|
|
<script>
|
|
var status = "{{ session('info') }}";
|
|
$.notify({
|
|
icon: 'fas fa-info fa-2x',
|
|
newest_on_top: true,
|
|
message: "<strong style='font-size:15px;'>" + status + "</strong>"
|
|
}, {
|
|
type: 'info',
|
|
allow_dismiss: false,
|
|
placement: {
|
|
align: 'center',
|
|
from: 'bottom'
|
|
},
|
|
animate: {
|
|
enter: 'animate__animated animate__bounce',
|
|
|
|
exit: 'animate__animated animate__bounceOutDown'
|
|
}
|
|
});
|
|
</script>
|
|
@endif
|
|
|
|
<style>
|
|
#buttonspare:hover {
|
|
|
|
background-color: #12b65224;
|
|
}
|
|
</style>
|
|
|
|
<!-- <form role="form" method="POST" action="{{ route('password.email') }}"> -->
|
|
<form name="katalaluan" role="form" method="POST" action="{{ route('password.email') }}">
|
|
@csrf
|
|
<div id='loader'><img id="loader-image" src="{{ asset('assets') }}/img/Spinner14.gif" /></div>
|
|
<p>Sila masukkan Emel</p>
|
|
<div class="input-group input-group-outline my-3">
|
|
|
|
<input placeholder="Emel" type="email" class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}" name="email" value="{{ old('email') }}" id="login-username">
|
|
</div>
|
|
|
|
@if ($errors->has('email'))
|
|
<span class="invalid-feedback" style="display: block;margin-top:-10px !important;" role="alert">
|
|
<strong>{{ $errors->first('email') }}</strong>
|
|
</span>
|
|
@endif
|
|
|
|
<div class="text-center">
|
|
<button type="submit" class="btn bg-gradient-dark w-100 my-4 mb-2" style="background: #4A4E59;" onclick="showLoading()">Tetap Semula Kata Laluan</button>
|
|
</div>
|
|
<div class="text-center mt-3" style="margin: 0% 10%;">
|
|
{{-- <a href="https://spare.arrahn.com.my/pembayaransegera" id="buttonspare" title="Pembayaran Pantas SPARE" style="color: #12B652; border: 1px solid #12B652;" class="btn my-4 mb-2" target="_blank">Bayaran Pantas (SPARE)</a href="#"> --}}
|
|
</div>
|
|
<p class="text-sm text-center">
|
|
|
|
<a href="{{ route('auth.registerfirst') }}">Pertama Kali</a>
|
|
<a href="#" class="text-dark text-gradient font-weight-bold"> | </a>
|
|
<a href="{{ route('login') }}">Log Masuk</a>
|
|
<a href="#" class="text-dark text-gradient font-weight-bold"> | </a>
|
|
<a href="{{ route('auth.forgotemel') }}">Lupa Emel</a>
|
|
</p>
|
|
|
|
<p class="text-sm text-center">
|
|
<a href="{{ route('termasyarat') }}">Terma Dan Syarat</a>
|
|
</p>
|
|
</form>
|
|
|
|
<script>
|
|
$(function() {
|
|
$( "form" ).submit(function() {
|
|
$('#loader').show();
|
|
});
|
|
});
|
|
</script>
|
|
|
|
@endsection
|