1. Objectif de la page

La page Recharger le compte permet à l’utilisateur d’ajouter des fonds sur son compte IretiPay en choisissant une méthode de rechargement disponible (espèces ou mobile money).

2. Accès à la page

Cette page est accessible depuis :

• la page Accueil
• l’action Recharge

3. En‑tête de la page

3.1 Titre

Recharger le compte

3.2 Sous‑titre

Choisissez votre méthode de rechargement préférée

🎯 Cet en‑tête oriente clairement l’utilisateur vers la sélection du mode de recharge.

3.3 Bouton retour

• Icône : flèche retour
• Action : retourne à la page précédente

4. Méthodes de rechargement disponibles

La page est organisée en deux sections principales.

5. Section Espèces

5.1 Intitulé

Espèces

5.2 Option : Agent IritiPay

• Icône : Agent / boutique
• Libellé : Agent IritiPay
• Chevron ( > ) : indique une navigation

5.3 Fonctionnalité

Cette option permet à l’utilisateur de :

• recharger son compte en espèces
• via un agent IritiPay agréé

📌 En cliquant, l’utilisateur est redirigé vers :

• une page de recherche d’agents
• ou une page d’instructions de recharge chez un agent

6. Section Mobile Money

6.1 Intitulé

Mobile Money

6.2 État : aucun numéro configuré

Lorsque l’utilisateur n’a aucun numéro Mobile Money enregistré, un message informatif est affiché.

Message affiché

• Titre :
  Aucun numéro mobile money configuré
• Description :
  Ajoutez vos numéros mobile money dans votre profil pour pouvoir recharger votre compte.

🎯 Objectif :

• informer l’utilisateur de la raison du blocage
• guider vers la solution

6.3 Bouton d’action

+ Ajouter des numéros

• Couleur : orange
• Action :
  • redirige vers la page Profil / Gestion des numéros Mobile Money
  • permet d’ajouter un ou plusieurs numéros (Orange Money, MTN MoMo, Moov Money, etc.)

📌 Tant qu’aucun numéro n’est ajouté :

• la recharge par Mobile Money est désactivée

7. Comportements fonctionnels attendus

• ✅ Les méthodes disponibles sont affichées selon l’état du compte utilisateur
• ✅ Le message Mobile Money est conditionnel
• ✅ Après ajout d’un numéro Mobile Money :
  • la carte d’alerte disparaît
  • les options Mobile Money deviennent cliquables
• ✅ Les redirections doivent être rapides et sécurisées

8. Barre de navigation inférieure

Éléments visibles :

• 🏠 Accueil
• 📷 QR Code (bouton central)
• 🧾 Factures

📌 La barre reste fixe pour assurer une navigation continue.

9. Cas d’erreurs et recommandations

• Aucun agent disponible → afficher un message informatif
• Erreur de configuration Mobile Money → message clair avec action corrective
• Vérification des permissions et de la connexion réseau

10. Résumé

✅ Page simple et orientée action
✅ Séparation claire des méthodes de recharge
✅ Bonne gestion des états utilisateur (configuré / non configuré)
✅ Expérience utilisateur guidée et sécurisée