<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <title>POS</title>

    <!-- Bootstrap -->
    <link href="/eagle_client_istanbulcups/public/css/bootstrap.min.css" rel="stylesheet">

    <!-- FontAwesome -->
    <link href="/eagle_client_istanbulcups/public/css/fontawesome.min.css" rel="stylesheet">

    <!-- CSS POS -->
    <link href="/eagle_client_istanbulcups/public/css/pos.css" rel="stylesheet">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

<body class="pos-layout">

    <!-- Topbar POS -->
    <nav class="navbar navbar-dark bg-dark px-3">
        <span class="navbar-brand mb-0">🧾 POS – <?= htmlspecialchars($_SESSION['user']['nom'] ?? '') ?></span>
        <a href="/eagle_client_istanbulcups/index.php?page=fermer_caisse"
           class="btn btn-outline-danger btn-sm"
           onclick="return confirm('Fermer la caisse ?')">
            Fermer
        </a>
    </nav>

    <main class="container-fluid p-3">
