<?php
/**
 * SOMOS AGRO - Página Principal
 */

require_once __DIR__ . '/config/config.php';
require_once __DIR__ . '/core/auth.php';
require_once __DIR__ . '/core/helpers.php';

$auth = new Auth();

// Se já estiver logado, redireciona para dashboard
if ($auth->isLoggedIn()) {
    header('Location: modules/dashboard/index.php');
    exit;
}

// Buscar dados da empresa (logo)
$db = Database::getInstance();
$conn = $db->getConnection();
$stmt = $conn->prepare("SELECT logo FROM empresa LIMIT 1");
$stmt->execute();
$resultado = $stmt->get_result();
$empresa = $resultado->fetch_assoc();
$stmt->close();

// Caminho da logo
$logoPath = null;
if ($empresa && !empty($empresa['logo'])) {
    $logoPath = 'uploads/empresa/' . $empresa['logo'];
}

$erro = '';

// Processa login
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $email = $_POST['email'] ?? '';
    $senha = $_POST['senha'] ?? '';
    
    if (empty($email) || empty($senha)) {
        $erro = 'Por favor, preencha todos os campos.';
    } else {
        $resultado = $auth->login($email, $senha);
        
        if ($resultado['success']) {
            header('Location: modules/dashboard/index.php');
            exit;
        } else {
            $erro = $resultado['message'];
        }
    }
}
?>
<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Fazenda JW&A</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        body {
            background: linear-gradient(135deg, #2e7d32 0%, #4caf50 50%, #81c784 100%);
            min-height: 100vh;
            display: flex;
            align-items: center;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        .login-container {
            max-width: 450px;
            margin: auto;
        }
        .login-card {
            background: white;
            border-radius: 20px;
            box-shadow: 0 15px 50px rgba(0,0,0,0.3);
            overflow: hidden;
        }
        .login-header {
            background: linear-gradient(135deg, #2e7d32 0%, #4caf50 100%);
            color: white;
            padding: 30px 30px 40px 30px;
            text-align: center;
        }
        
        /* LOGOTIPO MAIORE PREENCHE TUDO O CÍRCULO */
        .login-logo {
            width: 200px;
            height: 200px;
            margin-bottom: 20px;
            border-radius: 50%;
            object-fit: cover;
            object-position: center;
            border: 6px solid white;
            box-shadow: 0 8px 30px rgba(0,0,0,0.4);
            animation: girarLogo 12s linear infinite;
            transform-origin: center center;
            /* Garante que preencha 100% sem espaços */
            display: block;
            margin-left: auto;
            margin-right: auto;
        }
        
        /* Animação de rotação */
        @keyframes girarLogo {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
            }
        }
        
        /* Efeito hover */
        .login-logo:hover {
            animation-play-state: paused;
            cursor: pointer;
            transform: scale(1.05);
            box-shadow: 0 12px 40px rgba(0,0,0,0.5);
        }
        
        /* Ícone padrão (quando não tem logo) */
        .login-logo-icon {
            font-size: 100px;
            margin-bottom: 20px;
            color: white;
            animation: girarLogo 12s linear infinite;
            display: inline-block;
            transform-origin: center center;
            filter: drop-shadow(0 4px 10px rgba(0,0,0,0.3));
        }
        
        .login-logo-icon:hover {
            animation-play-state: paused;
            cursor: pointer;
            transform: scale(1.1);
        }

        .login-body {
            padding: 40px 30px;
        }
        .form-control {
            border-radius: 10px;
            padding: 12px 15px;
            border: 2px solid #e0e0e0;
        }
        .form-control:focus {
            border-color: #4caf50;
            box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.25);
        }
        .btn-login {
            background: linear-gradient(135deg, #2e7d32 0%, #4caf50 100%);
            border: none;
            border-radius: 10px;
            padding: 12px;
            font-size: 18px;
            font-weight: 600;
            color: white;
            width: 100%;
            transition: all 0.3s;
        }
        .btn-login:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(46, 125, 50, 0.4);
        }
        .input-group-text {
            background: #f5f5f5;
            border: 2px solid #e0e0e0;
            border-right: none;
            border-radius: 10px 0 0 10px;
        }
        .input-group .form-control {
            border-left: none;
            border-radius: 0 10px 10px 0;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="login-container">
            <div class="login-card">
                <div class="login-header">
                    <?php if ($logoPath && file_exists($logoPath)): ?>
                        <!-- Logotipo da empresa - agora maior e preenche tudo -->
                        <img src="<?= htmlspecialchars($logoPath) ?>?v=<?= time() ?>" alt="Logo Empresa" class="login-logo">
                    <?php else: ?>
                        <!-- Ícone padrão -->
                        <div class="login-logo-icon">
                            <i class="fas fa-seedling"></i>
                        </div>
                    <?php endif; ?>
                    
                    <h2 class="mb-0">JW&A</h2>
                    <p class="mb-0 mt-2">Fazenda</p>
                </div>
                
                <div class="login-body">
                    <h4 class="text-center mb-4">Bem-vindo de volta!</h4>
                    
                    <?php if ($erro): ?>
                        <div class="alert alert-danger alert-dismissible fade show" role="alert">
                            <i class="fas fa-exclamation-circle me-2"></i>
                            <?= htmlspecialchars($erro) ?>
                            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                        </div>
                    <?php endif; ?>
                    
                    <form method="POST" action="">
                        <!-- CSRF REMOVIDO -->
                        
                        <div class="mb-3">
                            <label class="form-label">Email</label>
                            <div class="input-group">
                                <span class="input-group-text">
                                    <i class="fas fa-envelope"></i>
                                </span>
                                <input type="email" class="form-control" name="email" placeholder="seu@email.com" required autofocus>
                            </div>
                        </div>
                        
                        <div class="mb-4">
                            <label class="form-label">Senha</label>
                            <div class="input-group">
                                <span class="input-group-text">
                                    <i class="fas fa-lock"></i>
                                </span>
                                <input type="password" class="form-control" name="senha" placeholder="••••••••" required>
                            </div>
                            <div class="text-end mt-2">
                                <a href="recuperar_senha.php" class="text-decoration-none" style="color: #4caf50; font-size: 14px;">
                                    <i class="fas fa-key me-1"></i> Esqueci minha senha
                                </a>
                            </div>
                        </div>
                        
                        <button type="submit" class="btn btn-login">
                            <i class="fas fa-sign-in-alt me-2"></i> Entrar
                        </button>
                    </form>
                    
                    <div class="text-center mt-4">
                        <small class="text-muted">
                            <i class="fas fa-shield-alt me-1"></i>
                            Conexão segura e protegida
                        </small>
                    </div>
                </div>
            </div>
            
            <div class="text-center mt-4 text-white">
                <small>&copy; <?= date('Y') ?> SOMOS AGRO - Todos os direitos reservados</small>
            </div>
        </div>
    </div>
    
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>