<!DOCTYPE html>
<html lang="pt-br">

<head>
    <meta charset="UTF-8">  
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Núcleo de Negócios WEB} Olá, empresário. Bem vindo!</title>

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>

    <style>
        html,
        body {
            height: 100%;
        }

        body {
            display: flex;
            align-items: center;
            padding-top: 40px;
            padding-bottom: 40px;
            background-color: #f5f5f5;
        }

        .form-signin {
            width: 100%;
            max-width: 330px;
            padding: 15px;
            margin: auto;
        }

        .form-signin .checkbox {
            font-weight: 400;
        }

        .form-signin .form-control {
            position: relative;
            box-sizing: border-box;
            height: auto;
            padding: 10px;
            font-size: 16px;
        }

        .form-signin .form-control:focus {
            z-index: 2;
        }

        .form-signin input[type="email"] {
            margin-bottom: -1px;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
        }

        .form-signin input[type="password"] {
            margin-bottom: 10px;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }
    </style>
</head>
<body class="text-center">

<main class="form-signin">
    <form action="<?php echo base_url('loginCliente/signin') ?>" method="post">
        <img class="mb-4" src="<?php echo base_url('public/assets/img/logo-caixapreta.png') ?>" alt="" width="100%" />
        <h1 class="h3 mb-3 fw-normal">Identifique-se</h1>
        <label for="inputEmail" class="visually-hidden">Endereço de e-mail</label>
        <input type="email" name="inputEmail" id="inputEmail" class="form-control" placeholder="Endereço de e-mail" required autofocus>
        <label for="inputPassword" class="visually-hidden">Password</label>
        <input type="password" name="inputPassword" id="inputPassword" class="form-control" placeholder="Password" required>

        <button class="w-100 btn btn-lg btn-primary" type="submit">Sign in</button>
        <p class="mt-5 mb-3 text-muted"><a href="<?php echo base_url('loginCliente/recuperar') ?>">Recuperar Senha</a> | <a href="https://www.nucleodenegociosweb.com.br/consultoria">Entrar em Contato</a></p>
    </form>
    <div>&copy; nucleodenegociosweb.com.br</div>
    <?php $msg = session()->getFlashData('msg') ?>
    <?php if (!empty($msg)) : ?>
        <div class="alert alert-danger">
            <?php echo $msg ?>
        </div>
    <?php endif; ?>
</main>

</body>
</html>
