├── AVALIAÇÃO PRÁTICA - DEV PHP.pdf
├── .htaccess
├── index.php
├── views
    ├── includes
    │   ├── footer.view.php
    │   └── header.view.php
    ├── users.delete.view.php
    ├── log.view.php
    ├── login.view.php
    ├── home.view.php
    ├── users.view.php
    ├── users.add.view.php
    └── users.edit.view.php
├── core
    ├── autoload.php
    ├── config.php
    ├── functions.php
    ├── controller.php
    ├── app.php
    ├── model.php
    └── database.php
├── readme
├── controllers
    ├── Home.php
    ├── Log.php
    ├── Users.php
    └── Login.php
└── models
    ├── User.php
    └── Auth.php


/AVALIAÇÃO PRÁTICA - DEV PHP.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/erik-monteiro/desafio-manyminds/HEAD/AVALIAÇÃO PRÁTICA - DEV PHP.pdf


--------------------------------------------------------------------------------
/.htaccess:
--------------------------------------------------------------------------------
1 | RewriteEngine On
2 | 
3 | RewriteCond %{REQUEST_FILENAME} !-f
4 | RewriteCond %{REQUEST_FILENAME} !-d
5 | RewriteRule ^(.*)$ index.php?url=$1 [L,QSA]


--------------------------------------------------------------------------------
/index.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | session_start();
 4 | 
 5 | require("core/autoload.php");
 6 | 
 7 | $database = new Database();
 8 | $database->connect();
 9 | 
10 | $app = new App();
11 | 
12 | ?>


--------------------------------------------------------------------------------
/views/includes/footer.view.php:
--------------------------------------------------------------------------------
1 | <footer>
2 |     <!-- Bootstrap JS -->
3 |     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
4 | </footer>
5 | </body>
6 | </html>
7 | 


--------------------------------------------------------------------------------
/core/autoload.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | require "config.php";
 4 | require "functions.php";
 5 | require "database.php";
 6 | require "controller.php";
 7 | require "model.php";
 8 | require "app.php";
 9 | 
10 | spl_autoload_register(function($class_name){
11 | 	require "models/". ucfirst($class_name) . ".php";
12 | });
13 | 


--------------------------------------------------------------------------------
/readme:
--------------------------------------------------------------------------------
1 | para logar no sistema, use:
2 | 
3 | email: erik@hotmail.com
4 | senha: 123
5 | 
6 | caso a base de dados não seja criada automaticamente ao acessar o servidor local,
7 | crie em seu ambiente local com o nome 'manyminds'
8 | 
9 | acesse o arquivo core/config.php para configurar o usuário do seu banco de dados, senha, etc...


--------------------------------------------------------------------------------
/core/config.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | $servername = "localhost"; 
 4 | $username = "root";
 5 | $password = ""; 
 6 | $dbname = "manyminds"; 
 7 | 
 8 | define('SERVER_NAME', $servername);
 9 | define('USERNAME', $username);
10 | define('PASSWORD', $password);
11 | define('DBNAME', $dbname);
12 | 
13 | define('ROOT', 'http://localhost/desafio-manyminds');
14 | 
15 | ?>
16 | 


--------------------------------------------------------------------------------
/controllers/Home.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | class Home extends Controller
 4 | {
 5 |     public function index()
 6 |     {
 7 |         if (!Auth::loggedIn()) {
 8 |             $this->redirect('/login');
 9 |         }
10 | 
11 |         $user = new User();
12 |         $data = $user->getAll();
13 |         $numberOfUsers = count($data);
14 |    
15 |         return Controller::view('home', ['users' => $numberOfUsers, 'data' => $data]);
16 |     }
17 | }
18 | 
19 | ?>


--------------------------------------------------------------------------------
/core/functions.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | function get_var($key,$default = "",$method = "post")
 4 | {
 5 | 
 6 | 	$data = $_POST;
 7 | 	if($method == "get")
 8 | 	{
 9 | 		$data = $_GET;
10 | 	}
11 | 
12 | 	if(isset($data[$key]))
13 | 	{
14 | 		return $data[$key];
15 | 	}
16 | 
17 | 	return $default;
18 | }
19 | 
20 | function get_select($key, $value)
21 | {
22 | 	if(isset($_POST[$key]))
23 | 	{
24 | 		if($_POST[$key] == $value)
25 | 		{
26 | 			return "selected";
27 | 		}
28 | 	}
29 | 
30 | 	return "";
31 | }
32 | 
33 | 
34 | 
35 | ?>


--------------------------------------------------------------------------------
/models/User.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | class User extends Model
 4 | {
 5 |     public function validateData($data, $id = '')
 6 |     {
 7 |         $this->errors = [];
 8 | 
 9 |         if (empty($data['name']) || empty($data['email']) || empty($data['password']) || empty($data['address']) || empty($data['cep']) || empty($data['city'])) {
10 |             $this->errors['emptyFields'] = 'Todos os campos devem ser preenchidos';
11 |             return false;
12 |         }        
13 | 
14 |         return true;
15 |     }
16 | }
17 | 
18 | ?>


--------------------------------------------------------------------------------
/controllers/Log.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | class Log extends Controller
 4 | {
 5 |     public function index()
 6 |     {
 7 |         if (!Auth::loggedIn()) {
 8 |             $this->redirect('/login');
 9 |         }
10 | 
11 |         $user = new User();
12 |         $dataUser = $user->getAll();
13 |         $logs = $this->getLoginAttempts();
14 |         
15 | 
16 |         return Controller::view('log', ['dataUser' => $dataUser, 'logs' => $logs]);
17 |     }
18 | 
19 |     public function getLoginAttempts()
20 |     {
21 |         $user = new User();
22 |         $query = "SELECT * FROM login_attempts";
23 |         $logs = $user->query($query);
24 |         return $logs;
25 |     }
26 | }
27 | 
28 | ?>


--------------------------------------------------------------------------------
/models/Auth.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | class Auth extends Model
 4 | {
 5 |     public static function authenticate($email)
 6 |     {
 7 |         $_SESSION['user'] = $email;
 8 |     }
 9 | 
10 |     public static function loggedIn()
11 |     {
12 |         if (isset($_SESSION['user'])) {
13 |             return true;
14 |         }
15 | 
16 |         return false;
17 |     }
18 | 
19 |     public static function user()
20 |     {
21 |         if (isset($_SESSION['user'])) {
22 |             return $_SESSION['user'];
23 |         }
24 | 
25 |         return false;
26 |     }
27 | 
28 |     public static function logout()
29 |     {
30 |         if (isset($_SESSION['user'])) {
31 |             unset($_SESSION['user']);
32 |         }
33 |     }
34 | }
35 | 
36 | ?>


--------------------------------------------------------------------------------
/views/users.delete.view.php:
--------------------------------------------------------------------------------
 1 | <?php Controller::view('includes/header')?>
 2 | 
 3 | <div class="container mt-5">
 4 |     <form method="POST">
 5 |         <?php if ($row): ?>
 6 |             <div class="card d-flex justify-content-center mb-3" style="width: 18rem;">
 7 |                 <div class="card-body">
 8 |                     <h5 class="card-title">Realmente deseja excluir?</h5>
 9 | 
10 |                     <a href="<?= ROOT ?>/users" class="btn btn-danger">Cancelar</a>
11 | 
12 |                     <input type="hidden" name="id">
13 |                     <input class="btn btn-success" type="submit" value="Excluir">
14 |                 </div>
15 |             </div>
16 |         <?php endif ?>
17 |     </form>
18 | </div>
19 | 
20 | <?php Controller::view('includes/footer')?>
21 | 


--------------------------------------------------------------------------------
/core/controller.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | class Controller
 4 | {
 5 |     public function controllerName()
 6 |     {
 7 |         return get_class($this);
 8 |     }
 9 | 
10 |     public function view($view, $data = [])
11 |     {   
12 |         extract($data);
13 | 
14 |         if (file_exists("views/" . $view . ".view.php")) {
15 |             require ("views/" . $view . ".view.php");
16 |         } else {
17 |             echo "A view não existe!";
18 |         }
19 |     }
20 | 
21 |     public function load_model($model)
22 | 	{
23 | 
24 | 		if(file_exists("models/" . ucfirst($model) . ".php")) {
25 | 			require("models/" . ucfirst($model) . ".php");
26 | 			return $model = new $model();
27 | 		}
28 | 		
29 | 		return false;
30 | 	}
31 | 
32 | 	public function redirect($link)
33 | 	{
34 | 		header("Location: ". ROOT . "/".trim($link, "/"));
35 | 		die;
36 | 	}
37 | }
38 | 
39 | ?>


--------------------------------------------------------------------------------
/views/log.view.php:
--------------------------------------------------------------------------------
 1 | <?php Controller::view('includes/header')?>
 2 | 
 3 | <section>
 4 |     <div class="container text-center container-fluid mt-5">
 5 |     <?php foreach ($dataUser as $infoUser): ?>
 6 |         <h3 class="text-white">Informações sobre usuários</h3>
 7 |         <ul class="list-group mt-2">
 8 |             <li class="list-group-item">Usuário novo criado em <?= date('d/m/Y H:i:s', strtotime($infoUser->created_at ));?></li>
 9 |             <li class="list-group-item">Usuário editado em <?= date('d/m/Y H:i:s', strtotime($infoUser->updated_at)); ?>
10 |         </ul>
11 |     <?php endforeach ?>
12 |     <div class="container text-center container-fluid mt-5">
13 |         <h3 class="text-white">Informações sobre logins</h3>
14 |         <?php foreach ($logs as $log): ?>
15 |             <ul class="list-group mt-2">
16 |                 <li class="list-group-item">Endereço IP: <?= $log->ip_address ?></li>
17 |                 <li class="list-group-item">Hora da tentativa: <?= date('d/m/Y H:i:s', strtotime($log->attempt_time)); ?></li>
18 |             </ul>
19 |         <?php endforeach ?>
20 |     </div>
21 |     </div>
22 | </section>
23 | 
24 | <?php Controller::view('includes/footer')?>


--------------------------------------------------------------------------------
/core/app.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | class App
 4 | {
 5 |     protected $controller = "login";
 6 |     protected $method = "index";
 7 |     protected $params = [];
 8 | 
 9 |     public function __construct()
10 |     {
11 |         $pageURL = $this->getURL();
12 | 
13 |         if (file_exists("controllers/" . $pageURL[0] . ".php")) {
14 |             $this->controller = ucfirst($pageURL[0]);
15 |             unset($pageURL[0]);
16 |         } else {
17 |             echo "Controller não encontrado";      
18 |         }
19 | 
20 |         require "controllers/" . $this->controller . ".php";
21 |         $this->controller = new $this->controller();
22 |         
23 |         if (isset($pageURL[1])) {
24 |             if (method_exists($this->controller, $pageURL[1])) {
25 |                 $this->method = ucfirst($pageURL[1]);
26 |                 unset($pageURL[1]);
27 |             }
28 |         }
29 | 
30 |         $pageURL = array_values($pageURL);
31 | 		$this->params = $pageURL;
32 | 		
33 |         call_user_func_array([$this->controller, $this->method], $this->params);
34 |     }
35 | 
36 |     public function getURL() {
37 |         $url = isset($_GET['url']) ? $_GET['url'] : "login";
38 | 		return explode("/", filter_var(trim($url, "/")), FILTER_SANITIZE_URL);
39 |     }
40 | }
41 | 
42 | ?>
43 | 
44 | 
45 | <?php
46 | 
47 | 
48 | 
49 | 


--------------------------------------------------------------------------------
/core/model.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | class Model extends Database
 4 | {
 5 |     public $errors = [];
 6 | 
 7 |     public function __construct()
 8 | 	{
 9 | 		if(!property_exists($this, 'table')) {
10 | 			$this->table = strtolower($this::class) . "s";
11 | 		}
12 | 	}
13 | 
14 |     public function getAll()
15 |     {   
16 |         $query = "SELECT * FROM $this->table";
17 |         $data = $this->query($query);
18 | 
19 |         return $data;
20 |     }
21 | 
22 |     public function where($column, $value)
23 |     {
24 |         $column = addslashes($column);
25 |         $query = "SELECT * FROM $this->table WHERE $column = :value";
26 |         $data = $this->query($query, [
27 |             'value' => $value
28 |         ]);
29 | 
30 |         return $data;
31 |     }
32 | 
33 |     public function insert($data)
34 |     {
35 |         $keys = array_keys($data);
36 |         $columns = implode(",", $keys);
37 |         $values = implode(",:", $keys);
38 | 
39 |         $query = "INSERT INTO  $this->table ($columns) VALUES (:$values)";
40 |         return Database::query($query, $data);
41 |     }
42 | 
43 |     public function update($id, $data)
44 |     {
45 |         $str = "";
46 | 		foreach ($data as $key => $value) {
47 | 			$str .= $key. "=:". $key.",";
48 | 		}
49 | 
50 | 		$str = trim($str,",");
51 |  
52 | 		$data['id'] = $id;
53 | 		$query = "update $this->table set $str where id = :id";
54 | 
55 | 		return $this->query($query, $data);
56 |     }
57 | 
58 |     public function delete($id)
59 |     {
60 |         $query = "DELETE FROM $this->table WHERE id = :id";
61 |         $data['id'] = $id;
62 |         return Database::query($query, $data);
63 |     }
64 |     
65 | 
66 | }
67 | 
68 | ?>


--------------------------------------------------------------------------------
/views/includes/header.view.php:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="pt-br">
 3 | <head>
 4 |     <meta charset="utf-8">
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1">
 6 |     <title>Desafio - Manyminds</title>
 7 |     <!-- Bootstrap CSS -->
 8 |     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
 9 |     <!-- Icons -->
10 |     <link rel="stylesheet" type="text/css" href="https://pixinvent.com/stack-responsive-bootstrap-4-admin-template/app-assets/fonts/simple-line-icons/style.min.css">
11 | </head>
12 | <body style="background-color: #212529;">
13 |     <header>
14 |         <nav class="navbar navbar-expand-lg bg-body-tertiary">
15 |             <div class="container-fluid">
16 |                 <a class="navbar-brand" href="#">ManyMinds</a>
17 |                 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
18 |                     <span class="navbar-toggler-icon"></span>
19 |                 </button>
20 |                 <div class="collapse navbar-collapse" id="navbarNav">
21 |                     <ul class="navbar-nav">
22 |                         <li class="nav-item">
23 |                             <a class="nav-link active" aria-current="page" href="<?= ROOT . "/home" ?>" style="color: #00838F;">Home</a>
24 |                         </li>
25 |                         <li class="nav-item">
26 |                             <a class="nav-link" href="<?= ROOT . "/users" ?>" style="color: #00838F;">Usuários</a>
27 |                         </li>
28 |                     </ul>
29 |                 </div>
30 |             </div>
31 |         </nav>
32 |     </header>
33 | 


--------------------------------------------------------------------------------
/controllers/Users.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | class Users extends Controller
 4 | {
 5 |     public function index()
 6 |     {
 7 |         if (!Auth::loggedIn()) {
 8 |             $this->redirect('/login');
 9 |         }
10 | 
11 |         $user = new User();
12 |         $data = $user->getAll();
13 | 
14 |         return Controller::view('users', ['data' => $data]);
15 |     }
16 | 
17 |     public function add()
18 |     {
19 |         $errors = [];
20 | 
21 |         if (count($_POST) > 0) {
22 |             $user = new User();
23 | 
24 |             if ($user->validateData($_POST)) {
25 |                 $_POST['status'] = 'active';
26 |                 $_POST['created_at'] = date('Y-m-d H:i:s');
27 |     
28 |                 $user->insert($_POST);
29 |                 $this->redirect('/home');   
30 |             } else {
31 |                 $errors = $user->errors;
32 |             }
33 |         }
34 | 
35 |         $this->view('users.add', ['errors' => $errors]);
36 |     }
37 | 
38 |     public function edit($id = null)
39 |     {
40 |         $user = new User();
41 | 
42 |         if (count($_POST) > 0) {
43 |             $_POST['updated_at'] = date('Y-m-d H:i:s');
44 |             $user->update($id, $_POST);
45 |             $this->redirect('users');
46 |         }
47 | 
48 |         $rows = $user->where('id', $id);
49 | 
50 |         if ($rows) {
51 |             $row = $rows[0]; // Acessar o primeiro objeto da coleção
52 |             $this->view('users.edit', ['row' => $row]);  
53 |         }        
54 |     }
55 | 
56 | 
57 |     public function delete($id = null)
58 |     {
59 |         $user = new User();
60 | 
61 |         if (count($_POST) > 0) {
62 |             $user->delete($id);
63 |             $this->redirect('users');
64 |         }
65 | 
66 |         $row = $user->where('id', $id);
67 |         if ($row) {
68 |             $this->view('users.delete', ['row' => $row]);
69 |         }
70 |     }
71 | }
72 | 
73 | ?>


--------------------------------------------------------------------------------
/views/login.view.php:
--------------------------------------------------------------------------------
 1 | <?php Controller::view('includes/header')?>
 2 | 
 3 | <section class="vh-100 gradient-custom">
 4 |     <div class="container py-5">
 5 |         <div class="row d-flex justify-content-center align-items-center h-100">
 6 |             <div class="col-12 col-md-8 col-lg-6 col-xl-5">
 7 |                 <div class="card bg-dark text-white" style="border-radius: 3rem;">
 8 |                     <div class="card-body p-5 text-center rounded" style="background-color: #17838F;">      
 9 |                         <form action="" method="POST">
10 |                             <h2 class="fw-bold mb-2 text-uppercase">Login</h2>
11 |                             <p class="text-white-50 mb-5">Consulte o arquivo login.txt</p>
12 | 
13 |                             <div class="form-outline form-white mb-4">
14 |                                 <input type="text" class="form-control" placeholder="email" name="email"/>  
15 |                             </div>
16 | 
17 |                             <div class="form-outline form-white mb-4">
18 |                                 <input type="password" class="form-control" placeholder="senha" name="password"/>
19 |                             </div>
20 | 
21 |                             <button class="btn btn-outline-light px-5" type="submit" name="login">Entrar</button>
22 |                         </form>         
23 |                     </div>
24 |                 </div>
25 |                 
26 |                 <?php if (!empty($errors)): ?>
27 |                     <div class="alert alert-danger text-center mt-3 alert-sm" role="alert">
28 |                         <?php
29 |                             foreach ($errors as $error) {
30 |                                 echo $error;
31 |                             }
32 |                         ?>
33 |                     </div>
34 |                 <?php endif ?>
35 |             </div>
36 |         </div>
37 |     </div>
38 | </section>
39 | 
40 | <?php Controller::view('includes/footer')?>


--------------------------------------------------------------------------------
/views/home.view.php:
--------------------------------------------------------------------------------
 1 | <?php Controller::view('includes/header')?>
 2 | 
 3 | <section> 
 4 |     <div class="container text-center">
 5 |         <div class="row mt-5 p-4"  style="background-color: #17838F;">
 6 |             <h3 class="text-white mb-3">Bem vindo a home!</h3>
 7 | 
 8 |             <div class="col mb-2">
 9 |                 <div class="card" style="width: 100%; height: 100%;">
10 |                     <div class="card-body">
11 |                         <h5 class="card-title" style="font-size: 25px;">Número de usuários cadastrados</h5>
12 |                         <p class="card-text mt-4">Há um total de <b><?= $users ?></b> usuários cadastrados!</p>
13 |                         <a href="<?= ROOT ?>/users" class="btn btn-sm btn-outline-primary radius-15">Ver todos</a>
14 |                     </div>
15 |                 </div>
16 |             </div>
17 |             
18 |             <div class="col mb-2">
19 |                 <div class="card" style="width: 100%; height: 100%;">
20 |                     <div class="card-body">
21 |                         <h5 class="card-title" style="font-size: 25px;">Suas informações</h5>
22 |                         <p class="card-text mt-4">email: <?= $_SESSION['user'] ?></p>
23 |                         <?php foreach ($data as $user){
24 |                             if ($user->email == $_SESSION['user']) {
25 |                                 if ($user->status == 'active') {
26 |                                     echo "<h4><span class='badge bg-success'>Usuário ativo</span></h4>";
27 |                                 } else {
28 |                                     echo "<h4><span class='badge bg-danger'>Usuário inativo</span></h4>";
29 |                                 }
30 |                             }
31 |                         } 
32 |                         ?>
33 |                     </div>
34 |                 </div>
35 |             </div>
36 |         </div>
37 |         <div class="row mt-5 p-4"  style="background-color: #17838F;">
38 |             <div class="col mb-2">
39 |                 <div class="card" style="width: 100%; height: 100%;">
40 |                     <div class="card-body">
41 |                         <h5 class="card-title" style="font-size: 25px;">Logs do sistema</h5>
42 |                         <p class="card-text mt-4">Todas as alterações feitas no sistema</p>
43 |                         <a href="<?= ROOT ?>/log" class="btn btn-sm btn-outline-primary radius-15">Ver todos</a>
44 |                     </div>
45 |                 </div>
46 |             </div>
47 |         </div>
48 |     </div>
49 | </section>
50 | 
51 | <?php Controller::view('includes/footer')?>


--------------------------------------------------------------------------------
/controllers/Login.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | class Login extends Controller
 4 | {
 5 |     public function index()
 6 |     {
 7 |         $errors = [];
 8 |         
 9 |         if (isset($_POST['login'])) {
10 |             $email = $_POST['email'];
11 |             $password = $_POST['password'];
12 |             $ipAddress = $_SERVER['REMOTE_ADDR'];
13 | 
14 |             if (!empty($email) && !empty($password)) {
15 |                 $user = new User();
16 | 
17 |                 $query = "SELECT * FROM users WHERE email = :email AND password = :password";
18 |                 $data = [
19 |                     'email' => $email,
20 |                     'password' => $password
21 |                 ];
22 |                 $result = $user->query($query, $data);
23 | 
24 |                 if ($result) {
25 |                     Auth::authenticate($email);
26 |                     $this->redirect('/home');
27 |                 } else {
28 |                     $this->registerFailedLoginAttempt($ipAddress); 
29 |                     if ($this->checkLoginAttempts($ipAddress)) {
30 |                         $errors['ipBlocked'] = "IP BLOQUEADO: você errou as credenciais muitas vezes. Tente novamente em 1 minuto.";
31 |                     } else {
32 |                         $errors['logginFailed'] = "Email ou senha incorretos!";
33 |                     }
34 |                 }
35 |             } else {
36 |                 $errors['emptyField'] = "Email ou senha não preenchidos!";
37 |             }
38 |         }
39 | 
40 |         return Controller::view('login', ['errors' => $errors]);
41 |     }
42 | 
43 |     public function checkLoginAttempts($ipAddress)
44 |     {
45 |         if ($ipAddress != null) {
46 |             $user = new User();
47 |             $maxAttempts = 3;
48 |             $blockDuration = 1;
49 |             $blockTime = date('Y-m-d H:i:s', strtotime("-$blockDuration minute"));
50 | 
51 |             $query = "SELECT COUNT(*) as num_attempts FROM login_attempts WHERE ip_address = :ip AND attempt_time > :block_time";
52 |             $data = [
53 |                 ':ip' => $ipAddress,
54 |                 ':block_time' => $blockTime
55 |             ];
56 |             $result = $user->query($query, $data);
57 | 
58 |             if ($result && $result[0]->num_attempts >= $maxAttempts) {
59 |                 return true;
60 |             }
61 |         }
62 |         
63 |         return false;
64 |     }
65 | 
66 | 
67 |     public function registerFailedLoginAttempt($ipAddress)
68 |     {
69 |         if ($ipAddress != null) {
70 |             $user = new User();
71 | 
72 |             $query = "INSERT INTO login_attempts (ip_address) VALUES (:ip)";
73 |             $data = [':ip' => $ipAddress];
74 |             $user->query($query, $data);
75 |         }
76 |     }
77 | }
78 | 
79 | ?>
80 | 


--------------------------------------------------------------------------------
/core/database.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | class Database
 4 | {
 5 |     public function connect()
 6 |     {
 7 |         $string = "mysql:host=" . SERVER_NAME . ";dbname=" . DBNAME;
 8 | 
 9 |         if (!$conn = new PDO($string, USERNAME, PASSWORD)){
10 |             echo "Não foi possível conectar com o banco de dados!";
11 |         } else {
12 |             $query = "CREATE DATABASE IF NOT EXISTS " . DBNAME;
13 |             $conn->exec($query);
14 |             $conn->exec("USE " . DBNAME);
15 |         
16 |             $query = "SHOW TABLES LIKE 'users'";
17 |             $result = $conn->query($query);
18 | 
19 |             if ($result->rowCount() == 0) {
20 |                 $query = "CREATE TABLE users (
21 |                             id INT(6) UNSIGNED AUTO_INCREMENT PRIMARY KEY,
22 |                             name VARCHAR(40) NOT NULL,
23 |                             email VARCHAR(50) NOT NULL,
24 |                             password VARCHAR(50) NOT NULL,
25 |                             status ENUM('active', 'not_active') NOT NULL DEFAULT 'active',
26 |                             address VARCHAR(100) NOT NULL,
27 |                             cep VARCHAR(9) NOT NULL,
28 |                             city VARCHAR(40) NOT NULL,
29 |                             created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
30 |                             updated_at TIMESTAMP DEFAULT NULL
31 |                         )";
32 |                 $conn->exec($query);
33 | 
34 |                 $query = "INSERT INTO users 
35 |                     (name, email, password, status, address, cep, city, created_at, updated_at) 
36 |                     VALUES 
37 |                     ('Erik', 'erik@hotmail.com', '123', 'active', 'Endereço teste', '95322999', 'Porto Alegre', NOW(), null)";
38 |                 $conn->exec($query);
39 | 
40 |                 $query = "CREATE TABLE login_attempts (
41 |                             id INT(6) UNSIGNED AUTO_INCREMENT PRIMARY KEY,
42 |                             ip_address VARCHAR(50),
43 |                             attempt_time TIMESTAMP DEFAULT CURRENT_TIMESTAMP
44 |                         )";
45 |                 $conn->exec($query);
46 |             }
47 |         }
48 |         return $conn;
49 |     }
50 | 
51 |     public function query($query, $data = array(), $data_type = "object")
52 | 	{
53 | 		$conn = $this->connect();
54 | 		$stm = $conn->prepare($query);
55 | 
56 | 		$result = false;
57 | 		if ($stm) {
58 | 			$check = $stm->execute($data);
59 | 			if ($check) {
60 | 				if($data_type == "object"){
61 | 					$result = $stm->fetchAll(PDO::FETCH_OBJ);
62 | 				}else{
63 | 					$result = $stm->fetchAll(PDO::FETCH_ASSOC);
64 | 				}
65 |  
66 |  			}
67 | 		}
68 | 
69 | 		if(is_array($result) && count($result) >0){
70 | 			return $result;
71 | 		}
72 | 
73 | 		return false;
74 | 	}
75 | }
76 | 
77 | ?>


--------------------------------------------------------------------------------
/views/users.view.php:
--------------------------------------------------------------------------------
  1 | <?php Controller::view('includes/header') ?>
  2 | 
  3 | <div class="container container-fluid mt-5">
  4 |     <table class="table table-striped">
  5 |         <thead>
  6 |             <tr>
  7 |                 <th scope="col">#</th>
  8 |                 <th scope="col">Nome</th>
  9 |                 <th scope="col">Email</th>
 10 |                 <th scope="col">Endereço</th>
 11 |                 <th scope="col">Cidade</th>
 12 |                 <th scope="col">CEP</th>
 13 |                 <th scope="col">Situação</th>
 14 |                 <th scope="col">Ações</th>
 15 |             </tr>
 16 |         </thead>
 17 |         <tbody>
 18 |             <?php foreach ($data as $user) { ?>
 19 |             <tr>
 20 |                 <th scope="row"><?php echo $user->id ?></th>
 21 |                 <td><?= $user->name ?></td>
 22 |                 <td><?= $user->email ?></td>
 23 |                 <td><?= $user->address ?></td>
 24 |                 <td><?= $user->city ?></td>
 25 |                 <td><?= $user->cep ?></td>
 26 |                 <td>
 27 |                     <?php if ($user->status == 'active') { ?>
 28 |                         <span class="badge bg-success">Usuário ativo</span>
 29 |                     <?php } else { ?>
 30 |                         <span class="badge bg-danger">Usuário inativo</span>
 31 |                     <?php } ?>
 32 |                 </td>
 33 |                 <td>
 34 |                     <a href="<?= ROOT ?> /users/edit/<?= $user->id ?>" class="btn btn-outline-primary btn-sm">Editar</a>
 35 |                     <a href="<?= ROOT ?> /users/delete/<?= $user->id ?>" class="btn btn-outline-danger btn-sm" name="deleteUser">Excluir</a>    
 36 |                 </td>
 37 |             </tr>
 38 |             <?php } ?>
 39 |         </tbody>
 40 |     </table>
 41 | 
 42 |     <div class="container text-center mt-2">
 43 |         <a href="<?= ROOT ?> /users/add" class="btn btn-success">Adicionar</a>
 44 |     </div>
 45 | </div>
 46 | 
 47 | <?php Controller::view('includes/footer') ?>
 48 | 
 49 | <style>
 50 | @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700;900&display=swap');
 51 | 
 52 | *, body {
 53 |     font-family: 'Poppins', sans-serif;
 54 |     font-weight: 400;
 55 |     -webkit-font-smoothing: antialiased;
 56 |     text-rendering: optimizeLegibility;
 57 |     -moz-osx-font-smoothing: grayscale;
 58 | }
 59 | 
 60 | html, body {
 61 |     height: 100%;
 62 |     background-color: #152733;
 63 |     overflow: hidden;
 64 | }
 65 | 
 66 | 
 67 | .form-holder {
 68 |       display: flex;
 69 |       flex-direction: column;
 70 |       justify-content: center;
 71 |       align-items: center;
 72 |       text-align: center;
 73 |       min-height: 100vh;
 74 | }
 75 | 
 76 | .form-holder .form-content {
 77 |     position: relative;
 78 |     text-align: center;
 79 |     display: -webkit-box;
 80 |     display: -moz-box;
 81 |     display: -ms-flexbox;
 82 |     display: -webkit-flex;
 83 |     display: flex;
 84 |     -webkit-justify-content: center;
 85 |     justify-content: center;
 86 |     -webkit-align-items: center;
 87 |     align-items: center;
 88 |     padding: 60px;
 89 | }
 90 | 
 91 | .form-content .form-items {
 92 |     border: 3px solid #fff;
 93 |     padding: 40px;
 94 |     display: inline-block;
 95 |     width: 100%;
 96 |     min-width: 540px;
 97 |     -webkit-border-radius: 10px;
 98 |     -moz-border-radius: 10px;
 99 |     border-radius: 10px;
100 |     text-align: left;
101 |     -webkit-transition: all 0.4s ease;
102 |     transition: all 0.4s ease;
103 | }
104 | 
105 | .form-content h3 {
106 |     color: #fff;
107 |     text-align: left;
108 |     font-size: 28px;
109 |     font-weight: 600;
110 |     margin-bottom: 5px;
111 | }
112 | 
113 | .form-content h3.form-title {
114 |     margin-bottom: 30px;
115 | }
116 | 
117 | .form-content p {
118 |     color: #fff;
119 |     text-align: left;
120 |     font-size: 17px;
121 |     font-weight: 300;
122 |     line-height: 20px;
123 |     margin-bottom: 30px;
124 | }
125 | 
126 | 
127 | .form-content label, .was-validated .form-check-input:invalid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label{
128 |     color: #fff;
129 | }
130 | 
131 | .form-content input[type=text], .form-content input[type=password], .form-content input[type=email], .form-content select {
132 |     width: 100%;
133 |     padding: 9px 20px;
134 |     text-align: left;
135 |     border: 0;
136 |     outline: 0;
137 |     border-radius: 6px;
138 |     background-color: #fff;
139 |     font-size: 15px;
140 |     font-weight: 300;
141 |     color: #8D8D8D;
142 |     -webkit-transition: all 0.3s ease;
143 |     transition: all 0.3s ease;
144 |     margin-top: 16px;
145 | }
146 | 
147 | 
148 | .btn-primary{
149 |     background-color: #6C757D;
150 |     outline: none;
151 |     border: 0px;
152 |      box-shadow: none;
153 | }
154 | 
155 | .btn-primary:hover, .btn-primary:focus, .btn-primary:active{
156 |     background-color: #495056;
157 |     outline: none !important;
158 |     border: none !important;
159 |      box-shadow: none;
160 | }
161 | 
162 | .form-content textarea {
163 |     position: static !important;
164 |     width: 100%;
165 |     padding: 8px 20px;
166 |     border-radius: 6px;
167 |     text-align: left;
168 |     background-color: #fff;
169 |     border: 0;
170 |     font-size: 15px;
171 |     font-weight: 300;
172 |     color: #8D8D8D;
173 |     outline: none;
174 |     resize: none;
175 |     height: 120px;
176 |     -webkit-transition: none;
177 |     transition: none;
178 |     margin-bottom: 14px;
179 | }
180 | 
181 | .form-content textarea:hover, .form-content textarea:focus {
182 |     border: 0;
183 |     background-color: #ebeff8;
184 |     color: #8D8D8D;
185 | }
186 | 
187 | .mv-up{
188 |     margin-top: -9px !important;
189 |     margin-bottom: 8px !important;
190 | }
191 | 
192 | .invalid-feedback{
193 |     color: #ff606e;
194 | }
195 | 
196 | .valid-feedback{
197 |    color: #2acc80;
198 | }
199 | 
200 | </style>


--------------------------------------------------------------------------------
/views/users.add.view.php:
--------------------------------------------------------------------------------
  1 | <?php Controller::view('includes/header')?>
  2 | 
  3 | <div class="form-body">
  4 |     <div class="row">
  5 |         <div class="form-holder">
  6 |             <div class="form-content">
  7 |                 <div class="form-items">
  8 |                     <h3>Cadastrar usuário</h3>
  9 |                     <p>Preencha todos os campos abaixo</p>
 10 |                     <form method="POST" action="">
 11 |                         <div class="col-md-12">
 12 |                             <input class="form-control" type="text" name="name" placeholder="Nome" >
 13 |                         </div>
 14 | 
 15 |                         <div class="col-md-12">
 16 |                             <input class="form-control" type="email" name="email" placeholder="E-mail" >
 17 |                         </div>
 18 | 
 19 |                         <div class="col-md-12">
 20 |                             <input class="form-control" type="password" name="password" placeholder="Senha" >
 21 |                         </div>
 22 | 
 23 |                         <div class="col-md-12">
 24 |                             <input class="form-control" type="text" name="address" placeholder="Endereço" >
 25 |                         </div>
 26 | 
 27 |                         <div class="col-md-12">
 28 |                             <input class="form-control" type="text" name="cep" placeholder="CEP" >
 29 |                         </div>
 30 | 
 31 |                         <div class="col-md-12">
 32 |                             <input class="form-control" type="text" name="city" placeholder="Cidade" >
 33 |                         </div>
 34 |                 
 35 |                         <div class="container text-center">
 36 |                             <div class="form-button mt-3">
 37 |                                 <button id="submit" type="submit" class="btn btn-primary">Cadastrar</button>
 38 |                             </div>
 39 |                         </div>
 40 |                     </form>
 41 |                 </div>
 42 |             </div>
 43 |         </div>
 44 |     </div>
 45 | </div>
 46 | 
 47 | <?php if (!empty($errors)): ?>
 48 |     <div class="alert alert-danger text-center mt-3 alert-sm" role="alert">
 49 |         <?php
 50 |             foreach ($errors as $error) {
 51 |                 echo $error;
 52 |             }
 53 |         ?>
 54 |     </div>
 55 | <?php endif ?>
 56 | 
 57 | <?php Controller::view('includes/footer')?>
 58 | 
 59 | 
 60 | <style>
 61 | @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700;900&display=swap');
 62 | 
 63 | *, body {
 64 |     font-family: 'Poppins', sans-serif;
 65 |     font-weight: 400;
 66 |     -webkit-font-smoothing: antialiased;
 67 |     text-rendering: optimizeLegibility;
 68 |     -moz-osx-font-smoothing: grayscale;
 69 | }
 70 | 
 71 | html, body {
 72 |     height: 100%;
 73 |     background-color: #152733;
 74 |     overflow: hidden;
 75 | }
 76 | 
 77 | 
 78 | .form-holder {
 79 |       display: flex;
 80 |       flex-direction: column;
 81 |       justify-content: center;
 82 |       align-items: center;
 83 |       text-align: center;
 84 |       min-height: 100vh;
 85 | }
 86 | 
 87 | .form-holder .form-content {
 88 |     position: relative;
 89 |     text-align: center;
 90 |     display: -webkit-box;
 91 |     display: -moz-box;
 92 |     display: -ms-flexbox;
 93 |     display: -webkit-flex;
 94 |     display: flex;
 95 |     -webkit-justify-content: center;
 96 |     justify-content: center;
 97 |     -webkit-align-items: center;
 98 |     align-items: center;
 99 |     padding: 60px;
100 | }
101 | 
102 | .form-content .form-items {
103 |     border: 3px solid #fff;
104 |     padding: 40px;
105 |     display: inline-block;
106 |     width: 100%;
107 |     min-width: 540px;
108 |     -webkit-border-radius: 10px;
109 |     -moz-border-radius: 10px;
110 |     border-radius: 10px;
111 |     text-align: left;
112 |     -webkit-transition: all 0.4s ease;
113 |     transition: all 0.4s ease;
114 | }
115 | 
116 | .form-content h3 {
117 |     color: #fff;
118 |     text-align: left;
119 |     font-size: 28px;
120 |     font-weight: 600;
121 |     margin-bottom: 5px;
122 | }
123 | 
124 | .form-content h3.form-title {
125 |     margin-bottom: 30px;
126 | }
127 | 
128 | .form-content p {
129 |     color: #fff;
130 |     text-align: left;
131 |     font-size: 17px;
132 |     font-weight: 300;
133 |     line-height: 20px;
134 |     margin-bottom: 30px;
135 | }
136 | 
137 | 
138 | .form-content label, .was-validated .form-check-input:invalid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label{
139 |     color: #fff;
140 | }
141 | 
142 | .form-content input[type=text], .form-content input[type=password], .form-content input[type=email], .form-content select {
143 |     width: 100%;
144 |     padding: 9px 20px;
145 |     text-align: left;
146 |     border: 0;
147 |     outline: 0;
148 |     border-radius: 6px;
149 |     background-color: #fff;
150 |     font-size: 15px;
151 |     font-weight: 300;
152 |     color: #8D8D8D;
153 |     -webkit-transition: all 0.3s ease;
154 |     transition: all 0.3s ease;
155 |     margin-top: 16px;
156 | }
157 | 
158 | 
159 | .btn-primary{
160 |     background-color: #6C757D;
161 |     outline: none;
162 |     border: 0px;
163 |      box-shadow: none;
164 | }
165 | 
166 | .btn-primary:hover, .btn-primary:focus, .btn-primary:active{
167 |     background-color: #495056;
168 |     outline: none !important;
169 |     border: none !important;
170 |      box-shadow: none;
171 | }
172 | 
173 | .form-content textarea {
174 |     position: static !important;
175 |     width: 100%;
176 |     padding: 8px 20px;
177 |     border-radius: 6px;
178 |     text-align: left;
179 |     background-color: #fff;
180 |     border: 0;
181 |     font-size: 15px;
182 |     font-weight: 300;
183 |     color: #8D8D8D;
184 |     outline: none;
185 |     resize: none;
186 |     height: 120px;
187 |     -webkit-transition: none;
188 |     transition: none;
189 |     margin-bottom: 14px;
190 | }
191 | 
192 | .form-content textarea:hover, .form-content textarea:focus {
193 |     border: 0;
194 |     background-color: #ebeff8;
195 |     color: #8D8D8D;
196 | }
197 | 
198 | .mv-up{
199 |     margin-top: -9px !important;
200 |     margin-bottom: 8px !important;
201 | }
202 | 
203 | .invalid-feedback{
204 |     color: #ff606e;
205 | }
206 | 
207 | .valid-feedback{
208 |    color: #2acc80;
209 | }
210 | 
211 | </style>


--------------------------------------------------------------------------------
/views/users.edit.view.php:
--------------------------------------------------------------------------------
  1 | <?php Controller::view('includes/header') ?>
  2 | 
  3 | <div class="form-body">
  4 |     <div class="row">
  5 |         <div class="form-holder">
  6 |             <div class="form-content">
  7 |                 <div class="form-items">
  8 |                     <h3>Editar usuário</h3>
  9 |                     <p>Edite os campos que achar necessário</p>
 10 |                     <?php if ($row): ?>
 11 |                         <form method="POST" action="">
 12 |                             <div class="col-md-12">
 13 |                                 <input class="form-control" type="text" name="name" placeholder="Nome" value="<?= $row->name ?>">
 14 |                             </div>
 15 | 
 16 |                             <div class="col-md-12">
 17 |                                 <input class="form-control" type="email" name="email" placeholder="E-mail" value="<?= $row->email ?>">
 18 |                             </div>
 19 | 
 20 |                             <div class="col-md-12">
 21 |                                 <select class="my-2 form-control" name="status" required>
 22 |                                     <option value="">Selecione</option>
 23 |                                     <option <?=get_select('status', 'active')?> value="active">Ativo</option>
 24 |                                     <option <?=get_select('status', 'not_active')?> value="not_active">Não ativo</option>
 25 |                                 </select>
 26 |                             </div>
 27 | 
 28 |                             <div class="col-md-12">
 29 |                                 <input class="form-control" type="password" name="password" placeholder="Senha" value="<?= $row->password ?>">
 30 |                             </div>
 31 | 
 32 |                             <div class="col-md-12">
 33 |                                 <input class="form-control" type="text" name="address" placeholder="Endereço" value="<?= $row->address ?>">
 34 |                             </div>
 35 | 
 36 |                             <div class="col-md-12">
 37 |                                 <input class="form-control" type="text" name="cep" placeholder="CEP" value="<?= $row->cep ?>">
 38 |                             </div>
 39 | 
 40 |                             <div class="col-md-12">
 41 |                                 <input class="form-control" type="text" name="city" placeholder="Cidade" value="<?= $row->city ?>">
 42 |                             </div>
 43 |                     
 44 |                             <div class="container text-center">
 45 |                                 <div class="form-button mt-3">
 46 |                                     <button id="submit" type="submit" class="btn btn-primary">Editar</button>
 47 |                                 </div>
 48 |                             </div>
 49 |                         </form>
 50 |                     <?php endif ?>
 51 |                 </div>
 52 |             </div>
 53 |         </div>
 54 |     </div>
 55 | </div>
 56 | 
 57 | <?php if (!empty($errors)): ?>
 58 |     <div class="alert alert-danger text-center mt-3 alert-sm" role="alert">
 59 |         <?php
 60 |             foreach ($errors as $error) {
 61 |                 echo $error;
 62 |             }
 63 |         ?>
 64 |     </div>
 65 | <?php endif ?>
 66 | 
 67 | <?php Controller::view('includes/footer') ?>
 68 | 
 69 | 
 70 | <style>
 71 | @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700;900&display=swap');
 72 | 
 73 | *, body {
 74 |     font-family: 'Poppins', sans-serif;
 75 |     font-weight: 400;
 76 |     -webkit-font-smoothing: antialiased;
 77 |     text-rendering: optimizeLegibility;
 78 |     -moz-osx-font-smoothing: grayscale;
 79 | }
 80 | 
 81 | html, body {
 82 |     height: 100%;
 83 |     background-color: #152733;
 84 |     overflow: hidden;
 85 | }
 86 | 
 87 | 
 88 | .form-holder {
 89 |     display: flex;
 90 |     flex-direction: column;
 91 |     justify-content: center;
 92 |     align-items: center;
 93 |     text-align: center;
 94 |     min-height: 100vh;
 95 | }
 96 | 
 97 | .form-holder .form-content {
 98 |     position: relative;
 99 |     text-align: center;
100 |     display: -webkit-box;
101 |     display: -moz-box;
102 |     display: -ms-flexbox;
103 |     display: -webkit-flex;
104 |     display: flex;
105 |     -webkit-justify-content: center;
106 |     justify-content: center;
107 |     -webkit-align-items: center;
108 |     align-items: center;
109 |     padding: 60px;
110 | }
111 | 
112 | .form-content .form-items {
113 |     border: 3px solid #fff;
114 |     padding: 40px;
115 |     display: inline-block;
116 |     width: 100%;
117 |     min-width: 540px;
118 |     -webkit-border-radius: 10px;
119 |     -moz-border-radius: 10px;
120 |     border-radius: 10px;
121 |     text-align: left;
122 |     -webkit-transition: all 0.4s ease;
123 |     transition: all 0.4s ease;
124 | }
125 | 
126 | .form-content h3 {
127 |     color: #fff;
128 |     text-align: left;
129 |     font-size: 28px;
130 |     font-weight: 600;
131 |     margin-bottom: 5px;
132 | }
133 | 
134 | .form-content h3.form-title {
135 |     margin-bottom: 30px;
136 | }
137 | 
138 | .form-content p {
139 |     color: #fff;
140 |     text-align: left;
141 |     font-size: 17px;
142 |     font-weight: 300;
143 |     line-height: 20px;
144 |     margin-bottom: 30px;
145 | }
146 | 
147 | 
148 | .form-content label, .was-validated .form-check-input:invalid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label{
149 |     color: #fff;
150 | }
151 | 
152 | .form-content input[type=text], .form-content input[type=password], .form-content input[type=email], .form-content select {
153 |     width: 100%;
154 |     padding: 9px 20px;
155 |     text-align: left;
156 |     border: 0;
157 |     outline: 0;
158 |     border-radius: 6px;
159 |     background-color: #fff;
160 |     font-size: 15px;
161 |     font-weight: 300;
162 |     color: #8D8D8D;
163 |     -webkit-transition: all 0.3s ease;
164 |     transition: all 0.3s ease;
165 |     margin-top: 16px;
166 | }
167 | 
168 | 
169 | .btn-primary{
170 |     background-color: #6C757D;
171 |     outline: none;
172 |     border: 0px;
173 |      box-shadow: none;
174 | }
175 | 
176 | .btn-primary:hover, .btn-primary:focus, .btn-primary:active{
177 |     background-color: #495056;
178 |     outline: none !important;
179 |     border: none !important;
180 |      box-shadow: none;
181 | }
182 | 
183 | .form-content textarea {
184 |     position: static !important;
185 |     width: 100%;
186 |     padding: 8px 20px;
187 |     border-radius: 6px;
188 |     text-align: left;
189 |     background-color: #fff;
190 |     border: 0;
191 |     font-size: 15px;
192 |     font-weight: 300;
193 |     color: #8D8D8D;
194 |     outline: none;
195 |     resize: none;
196 |     height: 120px;
197 |     -webkit-transition: none;
198 |     transition: none;
199 |     margin-bottom: 14px;
200 | }
201 | 
202 | .form-content textarea:hover, .form-content textarea:focus {
203 |     border: 0;
204 |     background-color: #ebeff8;
205 |     color: #8D8D8D;
206 | }
207 | 
208 | .mv-up{
209 |     margin-top: -9px !important;
210 |     margin-bottom: 8px !important;
211 | }
212 | 
213 | .invalid-feedback{
214 |     color: #ff606e;
215 | }
216 | 
217 | .valid-feedback{
218 |    color: #2acc80;
219 | }
220 | 
221 | </style>


--------------------------------------------------------------------------------