# Interface généraleSe repérer dans l'application : où lire l'état de la station, où trouver chaque module, à quoi ressemble un écran.

## L'en-tête : l'état de la station en un regard

La barre du haut est présente sur tous les écrans. Elle vous dit, sans clic supplémentaire,
où vous travaillez et dans quel état se trouve la station.

| Élément | Ce qu'il affiche | Ce que vous pouvez en faire |
|---------|------------------|------------------------------|
| Logo | Retour à l'accueil | Cliquez dessus pour revenir à l'écran d'accueil |
| Nom de la station et son code | La station sur laquelle vous travaillez | Vérifiez-le avant toute saisie |
| **Station fermée** | Aucune journée n'est ouverte | Cliquez pour ouvrir la fenêtre **Ouverture d'une nouvelle journée** |
| **Ouverture : <date et heure>** | La journée en cours et son horodatage | Cliquez pour ouvrir **Modifier la journée courante** et corriger la date d'ouverture |
| Icône base de données | Le niveau des cuves : **Cuves (nombre)**, avec pour chacune sa capacité, le volume disponible et le pourcentage de remplissage | Surveillez-la avant de commander |
| Icône enveloppe | Les **Messages** reçus, les plus récents en premier | Cliquez sur un message pour ouvrir l'opération concernée, ou sur **Tous les messages** |
| Icône 👥 | Accès direct à la liste des pompistes | Cliquez pour ouvrir la gestion des pompistes |
| Votre nom et votre adresse e-mail | Le compte connecté | **Profile**, **Déconnexion**, et **Mon espace** si vous consultez la station d'un gérant |

💡 La jauge d'une cuve passe **au rouge en dessous de 30 %** de remplissage. C'est le signal
qu'il est temps de préparer une commande de carburant.

## L'arborescence du menu de l'espace station

```text
Accueil

Commande
└── Mes commandes
    ├── Carburant
    └── Gaz & lubrifiant

Réception
└── Mes réceptions
    ├── Carburant
    └── Gaz & lubrifiant

Ventes
├── Vente carburant
│   ├── Saisie index & cuve
│   ├── Ré-jauger
│   ├── Vente au comptant
│   │   ├── Ticket TPE
│   │   └── Bon valeur
│   ├── Livraisons
│   ├── Vente à credit
│   └── Clôture journée
└── Autres ventes
    ├── Services
    └── Gaz & Lub.

Caisse
├── Encaissement
│   ├── Espèces
│   ├── Chèques
│   └── Acomptes
└── Décaissement
    ├── Dépenses
    ├── Versement
    └── Remise chèque

Transfert stock
└── Déstockage

Inventaire
└── Inventaire

Reporting
└── Etats
    ├── Suivi livraison
    ├── Fiche inventaire gaz
    ├── Stock lubrifiant
    ├── Suivi dépotage
    ├── Relévé pompes
    ├── Relévé cuve
    ├── Suivi versement
    ├── Suivi dépense
    ├── Suivi recouvrement
    ├── Suivi client
    ├── Journal recette
    └── Journal station
```

{{< callout context="note" title="Libellés du menu" icon="outline/info-circle" >}}
Les entrées **Vente à credit**, **Relévé pompes** et **Relévé cuve** s'affichent bien ainsi
dans l'application, sans les accents attendus. Elles sont citées à l'identique dans ce guide.
{{< /callout >}}

Les entrées `Vente carburant`, `Autres ventes`, `Encaissement` et `Décaissement`
n'apparaissent qu'une fois les index et jauges d'ouverture enregistrés. Voir
[Droits d'accès](../droits-acces/).

## L'arborescence du menu de l'espace de pilotage

```text
Accueil
Dashboard

Facturation
├── Factures
│   ├── Factures de vente
│   └── Factures d'avoir
└── Tarifications
    ├── Ajouter
    └── Liste

Paramétrage
├── Réseaux & Tiers
│   ├── Stations
│   ├── Gérants
│   └── Tiers
├── Catalogue
│   ├── Unités
│   ├── Produits
│   └── Promotion
├── Finance
│   ├── Banque
│   ├── Compte banque
│   ├── Moyen de paiement
│   └── Types dépenses
└── Stocks & Achats
    ├── Inventaire
    ├── Transfert stock
    └── Commandes
        ├── Carburant
        └── Gaz & Lubrifiant

Sécurité & Compte
└── Gestion des utilisateurs

Reporting
└── Etats
    ├── Journal caisse
    ├── Etat des Bons valeurs
    ├── Etat des tickets TPE
    ├── Etat des chèques clients
    ├── Etat des mouvements carburants
    ├── Etat des dépenses
    ├── Etat des ventes
    ├── Etat des approvisionnements
    ├── Etat des crédits et recouvrements
    ├── Etat de suivi client
    └── Etat de suivi station
```

Chaque section n'apparaît que si le droit correspondant vous est attribué.

## Les notifications

L'enveloppe de l'en-tête regroupe les messages adressés à votre station. Un point de
signalement apparaît dès qu'un message est en attente.

- Le contenu du message décrit l'opération concernée, avec son ancienneté (« il y a 2 heures »).
- Cliquer sur un message vous emmène directement à l'écran de traitement.
- 🔔 Le message se referme automatiquement une fois l'opération traitée : par exemple, une
  livraison annoncée disparaît de la liste dès que sa réception est enregistrée.
- **Tous les messages** ouvre la liste complète. Si aucun message n'est en attente,
  l'application affiche « Vous n'avez pas de notification » et vous ramène à l'accueil.

## La structure type d'un écran

### L'écran d'accueil de la station

Quatre indicateurs y résument l'activité : **Nbre commandes**, **Nbre produits**,
**Qté dépotée** et **CA mensuel**.

### Un écran de liste

- Un titre de section rappelle ce que contient la liste (par exemple « Liste des commandes de carburant »).
- Le tableau présente les colonnes usuelles : **Date**, le numéro du document, le tiers
  concerné, **Statut** et **Action**.
- La colonne **Action** propose l'icône crayon pour modifier (uniquement si le document est
  encore modifiable) et l'icône œil pour visualiser le document.
- Les listes longues sont paginées et disposent d'une zone de recherche.

### Un écran de création ou de modification

- Les champs obligatoires bloquent l'enregistrement s'ils sont vides.
- Les documents à plusieurs lignes proposent un bouton d'ajout de ligne, à répéter autant de
  fois que nécessaire.
- Les boutons **Enregistrer** et **Retour** ferment l'écran.
- Un bandeau vert confirme la réussite, un bandeau rouge signale le refus et son motif.

### Un écran de détail

- Il récapitule l'en-tête du document et le détail de ses lignes.
- Les boutons d'action dépendent du statut : **Confirmer** ou **Valider** pour approuver,
  **Annuler** pour abandonner.
- Une fois le document validé, ces boutons disparaissent : seule la consultation reste possible.

### Un état de suivi

- Les états s'ouvrent sur une grille de données avec ses propres filtres, la plupart du temps
  une période et une station.
- Le bouton **Rechercher** lance l'extraction.
- Le bouton **Exporter** propose l'enregistrement du résultat au format tableur ou PDF.

## Les badges de statut

Dans les listes, le statut est affiché sous forme de pastille colorée :

| Couleur | Statuts concernés | Lecture |
|---------|-------------------|---------|
| Vert | **Validé(e)**, **Terminé(e)** | L'opération a produit ses effets |
| Bleu | **En traitement** | L'opération est prise en charge, elle n'est plus modifiable |
| Orange | **En attente** et les autres statuts | L'opération attend une action de votre part |

## Confort d'utilisation

- Le bouton **Mode sombre**, au bas du menu de gauche, bascule l'affichage en thème sombre ;
  votre choix est conservé d'une session à l'autre.
- Sur écran étroit, le menu de gauche se replie derrière l'icône à trois barres de l'en-tête.
- `Profile` permet de mettre à jour vos nom, prénom, téléphone et adresse e-mail, ainsi que
  votre mot de passe.

## Et après ?

Vous êtes prêt : rendez-vous dans la section [Modules](../../modules/), en commençant par la
**Journée d'exploitation**.
