<?php
session_start();
if(isset($_SESSION['user_id'])) {
    header('Location: dashboard.php');
    exit;
}
$error = '';
if($_POST) {
    require 'config.php';
    $stmt = $pdo->prepare("SELECT id,email,role,suspendu FROM users WHERE email=? AND motdepasse=?");
    $stmt->execute([$_POST['email'], $_POST['motdepasse']]);
    $user = $stmt->fetch();
    if($user && !$user['suspendu']) {
        $_SESSION['user_id'] = $user['id'];
        $_SESSION['role'] = $user['role'];
        $_SESSION['email'] = $user['email'];
        header('Location: dashboard.php');
        exit;
    } else {
        $error = "❌ Email ou mot de passe incorrect";
    }
}
?>
<!DOCTYPE html>
<html>
<head>
    <title>LOCATION AUTO PRO - Connexion</title>
    <link href="style.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <style>
        /* CENTRE PARFAIT - Fonctionne avec votre style.css */
        .login-container {
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 2rem 1rem;
        }
        .login-card {
            max-width: 450px;
            width: 100%;
            box-shadow: 0 20px 40px rgba(0,0,0,0.1);
        }
        .login-card .card-header {
            background: linear-gradient(135deg, var(--primary-color, #007bff) 0%, #0056b3 100%);
            color: white;
            text-align: center;
            padding: 2.5rem 2rem;
            border-radius: 15px 15px 0 0 !important;
        }
        .login-card .card-body {
            padding: 2.5rem;
            background: white;
            border-radius: 0 0 15px 15px !important;
        }
        .login-logo i {
            color: white;
            text-shadow: 0 2px 10px rgba(0,0,0,0.3);
            margin-bottom: 1rem;
        }
        .form-group {
            margin-bottom: 1.5rem;
        }
        .form-label {
            font-weight: 600;
            color: #333;
            margin-bottom: 0.5rem;
            display: block;
        }
        .btn-login {
            background: linear-gradient(135deg, var(--primary-color, #007bff) 0%, #0056b3 100%);
            border: none;
            border-radius: 10px;
            padding: 12px 30px;
            font-weight: 600;
            font-size: 1.1rem;
            width: 100%;
            transition: all 0.3s;
        }
        .btn-login:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(0,123,255,0.3);
        }
        .alert-error {
            background: #f8d7da;
            color: #721c24;
            padding: 1rem;
            border-radius: 10px;
            border: 1px solid #f5c6cb;
            margin-bottom: 1.5rem;
        }
    </style>
</head>
<body>
    <!-- NAVBAR SIMPLIFIÉE -->
    <nav class="navbar">
        <div class="container">
            <span class="navbar-brand">
                <i class="fas fa-car-side me-2"></i>LOCATION AUTO PRO
            </span>
        </div>
    </nav>

    <!-- CONTENEUR CENTRÉ -->
    <div class="login-container">
        <div class="card login-card">
            <div class="card-header">
                <div class="login-logo">
                    <i class="fas fa-car-side fa-3x"></i>
                </div>
                <h2>🚗 Bienvenue Admin</h2>
                <p class="mb-0">Accédez à votre panneau de gestion</p>
            </div>
            <div class="card-body">
                <?php if($error): ?>
                    <div class="alert-error">
                        <i class="fas fa-exclamation-triangle me-2"></i>
                        <?= $error ?>
                    </div>
                <?php endif; ?>
                
                <form method="POST" class="admin-form">
                    <div class="form-group">
                        <label class="form-label">
                            <i class="fas fa-envelope text-primary me-2"></i>Email
                        </label>
                        <input type="email" name="email" placeholder="admin@locationauto.pro" required 
                               class="form-control" autocomplete="email">
                    </div>
                    
                    <div class="form-group">
                        <label class="form-label">
                            <i class="fas fa-lock text-primary me-2"></i>Mot de passe
                        </label>
                        <input type="password" name="motdepasse" placeholder="••••••••••••" required 
                               class="form-control" autocomplete="current-password">
                    </div>
                    
                    <button type="submit" class="btn btn-primary btn-login">
                        <i class="fas fa-sign-in-alt me-2"></i>
                        ACCÉDER AU DASHBOARD
                    </button>
                </form>
            </div>
        </div>
    </div>
</body>
</html>
