ispt4.0_laravel/resources/views/auth/login.blade.php

191 lines
6.2 KiB
PHP
Executable File

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{ config('app.name') }}</title>
<link rel="icon" type="image/x-icon" href="{{ URL::asset('assets/dist/img/favicon.ico') }}">
<!-- Google Font: Source Sans Pro -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{ config('app.name') }}</title>
<link rel="icon" type="image/x-icon" href="{{ URL::asset('assets/dist/img/favicon.ico') }}">
<!-- Google Font: Source Sans Pro -->
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
<!-- 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') }}">
<style>
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 class="hold-transition login-page">
@if (session('success'))
<div class="content">
<div class="alert alert-success" role="alert" id="alert-message-success" style="transition: opacity 1s;">
{{ session('success') }}
</div>
</div>
<script>
setTimeout(function() {
$('#alert-message-success').fadeOut('slow', function() {
$(this).remove();
});
}, 30000); // A mensagem desaparecerá após 5 segundos
</script>
@endif
@if (session('danger'))
<div class="content">
<div class="alert alert-danger" role="alert" id="alert-message-success" style="transition: opacity 1s;">
{{ session('danger') }}
</div>
</div>
<script>
setTimeout(function() {
$('#alert-message-success').fadeOut('slow', function() {
$(this).remove();
});
}, 10000); // A mensagem desaparecerá após 5 segundos
</script>
@endif
@if (count($errors) > 0)
<div class="alert alert-danger">
{{ implode('', $errors->all('Utilizador ou palavra-passe não Coincidem')) }}
</div>
@endif
<div class="login-box">
<!-- /.login-logo -->
<div class="card card-outline card-primary">
<div class="card-header text-center">
<p class="h1" style="color:#00B0EA"><b>ISPT</b>4.0</p>
</div>
<div class="card-body">
<p class="login-box-msg"> Introduza os seus dados para iniciar a sessão.</p>
<form action="{{ route('login') }}" method="POST">
@csrf
<div class="input-group mb-3">
<input type="text" name="email" class="form-control" placeholder="Utilizador"
id="email" placeholder="email">
{{-- <input type="text" name="user_nif" id="user_nif" class="form-control" value="{{ old('user_nif') }}" required autofocus> --}}
<div class="input-group-append">
<div class="input-group-text">
<span class="fas fa-user" style="color:#00B0EA"></span>
</div>
</div>
</div>
<div class="input-group mb-3">
<input type="password" name="password" class="form-control" id="password"
placeholder="Palavra-passe">
<div class="input-group-append">
<div class="input-group-text">
<span class="fas fa-lock" style="color:#00B0EA"></span>
</div>
</div>
</div>
<div class="row">
<!-- ... -->
</div>
<div class="row">
<div class="col-sm">
<a href="{{ route('password.request') }}" style="color:#09255C;">Esqueceu-se da sua
palavra-passe?</a>
</div>
<div class="col-sm">
<button type="submit" class="btn btn-primary btn-block"
style="background-color: #00B0EA;margin-top:20px;">Iniciar</button>
</div>
</div>
</form>
<!-- /.social-auth-links -->
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
<!-- /.login-box -->
<!-- jQuery -->
<script src="{{ asset('assets/plugins/jquery/jquery.min.js') }}"></script>
<!-- Bootstrap 4 -->
<script src="{{ asset('assets/plugins/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
<!-- AdminLTE App -->
<script src="{{ asset('assets/dist/js/adminlte.min.js') }}"></script>
</body>
</html>