<?php
// Inicia a sessão para verificar se o usuário já não está logado
session_start();

// Se o usuário já estiver logado, redireciona para a página principal
if (isset($_SESSION['loggedin']) && $_SESSION['loggedin'] === true) {
    header('Location: /sistema/sos/panic.html');
    exit;
}
?>
<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>F&F Security - Acesso ao Sistema</title>
    <!-- Font Awesome para ícones -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"/>
    <link rel="stylesheet" href="/sistema/sos/style.css">
</head>
<body>
    <div class="login-wrapper">
        <div class="login-header">
            <img src="/sistema/sos/logo.png" alt="Logo F&F Security" class="logo" onerror="this.style.display='none'; document.getElementById('company-name').style.display='block';">
            <h1 id="company-name" style="display:none;">F&F Security</h1>
        </div>
        <div class="login-body">
            <form action="/sistema/sos/login.php" method="post">
                <div class="input-group">
                    <i class="fas fa-user icon"></i>
                    <input type="text" id="username" name="username" placeholder="Usuário" required>
                </div>
                <div class="input-group">
                    <i class="fas fa-lock icon"></i>
                    <input type="password" id="password" name="password" placeholder="Senha" required>
                </div>
                <button type="submit" class="btn-login">Entrar</button>
            </form>
            <?php
                if (isset($_GET['error'])) {
                    echo '<p class="error-message" style="display:block;">Usuário ou senha inválidos.</p>';
                }
            ?>
        </div>
        <div class="login-footer">
            <a href="#">Esqueceu sua senha?</a>
        </div>
    </div>
</body>
</html>