ispt4.0_laravel/resources/views/auth/forgot-password.blade.php
2024-04-14 20:15:30 +01:00

161 lines
5.0 KiB
PHP
Executable File

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
<title>{{ config('app.name') }}</title>
<link rel="icon" type="image/x-icon" href="{{ URL::asset('assets/dist/img/favicon.ico') }}">
<!-- Font Awesome -->
<link rel="stylesheet" href="{{ URL::asset('assets/plugins/fontawesome-free/css/all.min.css') }}">
<!-- icheck bootstrap -->
<link rel="stylesheet" href="{{ URL::asset('assets/plugins/icheck-bootstrap/icheck-bootstrap.min.css') }}">
<!-- Theme style -->
<link rel="stylesheet" href="{{ URL::asset('assets/dist/css/adminlte.min.css') }}">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<style>
html,
body {
height: 100%;
}
.container {
min-height: 100%;
}
body {
animation: theme 21s linear infinite;
}
body:after,
body:before {
content: '';
display: block;
position: fixed;
z-index: -1;
top: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.05);
animation: background 90s linear infinite;
}
body:after {
left: 15vw;
}
body:before {
right: 15vw;
animation-delay: -30s;
animation-direction: reverse;
}
@keyframes theme {
0%,
100% {
background: #09255C;
}
33% {
background: #EAF3F6;
}
66% {
background: #00B0EA;
}
}
@keyframes background {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
</style>
</head>
<body>
<div class="container h-100">
<div class="row justify-content-center align-items-center h-100">
<div class="col-md-8">
{{-- Se forbem sucedido, devolve o status sent,indicando o envio para o email --}}
@if (session('status'))
<div class="content">
<div class="alert alert-success" role="alert" id="alert-message-success"
style="transition: opacity 1s;">
{{ session('status') }}
</div>
</div>
<script>
setTimeout(function() {
$('#alert-message-success').fadeOut('slow', function() {
$(this).remove();
});
}, 10000); // A mensagem desaparecerá após 5 segundos
</script>
@endif
<div class="card card-outline card-primary">
<div class="card-header text-center">
<p class="h4" style="color:#00B0EA"><b>Recuperar palavra-passe</b></p>
</div>
<div class="card-body">
<form method="POST" action="{{ route('password.email') }}">
@csrf
<div class="form-group row">
<label for="email"
class="col-md-4 col-form-label text-md-right">{{ __('Introduza seu email de registo :') }}</label>
<div class="col-md-6">
<input id="email" type="email"
class="form-control @error('email') is-invalid @enderror" name="email"
value="{{ old('email') }}" required autocomplete="email" autofocus>
@error('email')
<span class="invalid-feedback" role="alert">
<strong>{{ $message }}</strong>
</span>
@enderror
</div>
</div>
<div class="row">
<div class="col d-flex justify-content-between">
<a href="{{ route('login') }}" class="btn btn-danger">Login</a>
<button type="submit" class="btn btn-primary">
{{ __('Enviar para o e-mail.') }}
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</body>
</html>