20. La navigation

page "catalogue" :
    titre "Catalogue"
    lien "Voir le livre" vers "produit" avec id "livre-1"
    lien "Nos desserts" vers "carte#desserts"
    lien "Nous suivre" vers "https://exemple.fr" avec nouvel onglet

page "produit" avec parametre id :
    titre "Produit"
    texte "Produit {id}"
    bouton "Retour"
    quand l'utilisateur clique sur "Retour" :
        revenir vers "catalogue"

page "carte" :
    titre "La carte"
    section "Desserts" avec ancre "desserts" :
        texte "Tarte aux pommes"

page "catalogue" avec filtre categorie :
    titre "Catalogue"
    menu :
        lien "Tout" vers "catalogue"
        lien "Robes" vers "catalogue" avec categorie "robes"
    si categorie est rien :
        texte "Toutes les catégories"
    sinon :
        texte "Catégorie : {categorie}"

page "espace" :
    titre "Mon espace"
    menu :
        lien "Profil" vers "profil"
        lien "Réglages" vers "reglages"
    sous page

page "profil" dans "espace" :
    texte "Ton profil"

page "reglages" dans "espace" :
    texte "Tes réglages"

serveur "boutique" :
    donnee commande :
        numero : texte
    route "commandes" :
        connecte peut lire commande

page "accueil" :
    titre "Accueil"
    lien "Mes commandes" vers "commandes"

page "commandes" a l'adresse "/compte/commandes" reservee a connecte sinon vers "connexion" :
    titre "Mes commandes"

page "connexion" :
    titre "Connexion"
    formulaire "connexion" :
        champ email "email" avec obligatoire
        champ mot de passe "mot de passe" avec obligatoire
        bouton "Se connecter"
    quand le formulaire "connexion" est soumis :
        se connecter avec champ "email" et champ "mot de passe"
        continuer vers "accueil"

page "introuvable" :
    titre "Cette page n'existe pas"
    lien "Retour à l'accueil" vers "accueil"