<?php
session_start();

$error = '';

// 🔐 Στατικοί χρήστες (username => password)
$users = [
    'renos' => 'renos',
    'nikos'  => 'nikos-food'
];


// Έλεγχος φόρμας
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $username = trim($_POST['username'] ?? '');
    $password = trim($_POST['password'] ?? '');

    if ($username === '' || $password === '') {
        $error = "Παρακαλώ συμπληρώστε όνομα χρήστη και κωδικό.";
    } else {
        if (isset($users[$username]) && $users[$username] === $password) {
            // ✅ Επιτυχής σύνδεση
            $_SESSION['user_logged_in'] = true;
            $_SESSION['username'] = $username;

            header("Location: index.php");
            exit;
        } else {
            $error = "Λανθασμένο όνομα χρήστη ή κωδικός.";
        }
    }
}
?>
<!DOCTYPE html>
<html lang="el">
<head>
<meta charset="UTF-8">
<title>Login - Food Costing App</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css">

<style>
body { background: #f5f5f5; }

.login-card {
    max-width: 400px;
    margin: 100px auto;
    padding: 30px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.page-title {
    text-align: center;
    margin-top: 60px;
    margin-bottom: 30px;
}

.page-title h1 {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 10px;
}

.page-title .subtitle {
    font-size: 20px;
    color: #555;
}
</style>
</head>

<body>

<div class="page-title">
    <h1>🍴 Food Costing App</h1>
    <p class="subtitle">
        Καλωσήρθες! Διαχειρίσου υλικά, συνταγές προϊόντων και δες αναλυτικά κόστη.
        <br><br>
        Αυτή η εφαρμογή είναι κατασκευασμένο για την <b>Georges Steak House</b>
    </p>
</div>

<div class="login-card">
    <h3 class="text-center mb-4">🔑 Σύνδεση</h3>

    <?php if ($error): ?>
        <div class="alert alert-danger"><?= htmlspecialchars($error) ?></div>
    <?php endif; ?>

    <form method="POST">
        <div class="mb-3">
            <label class="form-label">Όνομα Χρήστη</label>
            <input type="text" name="username" class="form-control" required>
        </div>

        <div class="mb-3">
            <label class="form-label">Κωδικός</label>
            <input type="password" name="password" class="form-control" required>
        </div>

        <button type="submit" class="btn btn-primary w-100">Σύνδεση</button>
    </form>
</div>

<!-- Matomo -->
<script>
  var _paq = window._paq = window._paq || [];
  _paq.push(['trackPageView']);
  _paq.push(['enableLinkTracking']);
  (function() {
    var u="//cyberon.gr/analytics/";
    _paq.push(['setTrackerUrl', u+'matomo.php']);
    _paq.push(['setSiteId', '6']);
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
  })();
</script>
<!-- End Matomo Code -->

</body>
</html>
