Initial commit: unionflow-mobile-apps

Application Flutter complète (sans build artifacts).

Signed-off-by: lions dev Team

assets/images/payment_methods/README.md

@@ -0,0 +1,36 @@
+# Icônes des moyens de paiement
+
+Ce dossier contient les logos/icônes utilisés dans les listes déroulantes (méthode de paiement) : mobile money, banques, Wave, etc.
+
+## Structure
+
+Chaque sous-dossier correspond à un moyen de paiement et contient au minimum `logo.svg` (ou `logo.png`) :
+
+- **wave** — Wave (mobile money)
+- **orange_money** — Orange Money
+- **free_money** — Free Money
+- **mtn_money** — MTN Mobile Money
+- **moov_money** — Moov Money
+- **mobile_money** — Mobile Money (générique)
+- **especes** — Espèces
+- **virement** — Virement bancaire
+- **cheque** — Chèque
+- **carte_bancaire** — Carte bancaire
+- **autre** — Autre
+
+Les fichiers actuels sont des **placeholders** (cercle avec initiale). Pour utiliser les logos officiels des marques, téléchargez-les depuis les ressources officielles (respect des droits et chartes graphiques).
+
+## Où trouver les logos officiels
+
+- **Wave** : [wave.com](https://www.wave.com) — section presse / médias ou contacter Wave pour l’usage des marques.
+- **Orange Money** : [orange.com](https://www.orange.com) — ressources médias / brand Orange.
+- **MTN** : [mtn.com](https://www.mtn.com) — brand resources / press.
+- **Moov** : Marque Moov (Maroc Telecom / Atlantique Telecom) — ressources officielles.
+- **Free** : [free.fr](https://www.free.fr) — ressources marque Free.
+
+Remplacez `logo.svg` (ou ajoutez `logo.png`) dans le sous-dossier concerné. L’app utilise le chemin `assets/images/payment_methods/{compagnie}/logo.svg` (ou `.png`).
+
+## Format recommandé
+
+- **SVG** : 48×48 viewBox (ou équivalent) pour une bonne qualité dans les listes.
+- **PNG** : 96×96 px ou 144×144 px (@2x / @3x) pour les écrans haute densité.

assets/images/payment_methods/autre/logo.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48" height="48">
+  <circle cx="24" cy="24" r="22" fill="#9CA3AF"/>
+  <text x="24" y="30" font-family="Arial, sans-serif" font-size="18" font-weight="bold" fill="white" text-anchor="middle">?</text>
+</svg>

assets/images/payment_methods/carte_bancaire/logo.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48" height="48">
+  <circle cx="24" cy="24" r="22" fill="#1E40AF"/>
+  <text x="24" y="30" font-family="Arial, sans-serif" font-size="18" font-weight="bold" fill="white" text-anchor="middle">CB</text>
+</svg>

assets/images/payment_methods/cheque/logo.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48" height="48">
+  <circle cx="24" cy="24" r="22" fill="#8B5CF6"/>
+  <text x="24" y="30" font-family="Arial, sans-serif" font-size="18" font-weight="bold" fill="white" text-anchor="middle">C</text>
+</svg>

assets/images/payment_methods/especes/logo.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48" height="48">
+  <circle cx="24" cy="24" r="22" fill="#10B981"/>
+  <text x="24" y="30" font-family="Arial, sans-serif" font-size="18" font-weight="bold" fill="white" text-anchor="middle"><EFBFBD></text>
+</svg>

assets/images/payment_methods/free_money/logo.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48" height="48">
+  <circle cx="24" cy="24" r="22" fill="#E30613"/>
+  <text x="24" y="30" font-family="Arial, sans-serif" font-size="20" font-weight="bold" fill="white" text-anchor="middle">F</text>
+</svg>

assets/images/wax_bands_background.svg

@@ -0,0 +1,56 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 900" preserveAspectRatio="xMidYMid slice">
+  <defs>
+    <pattern id="wax-bands" x="0" y="0" width="360" height="160" patternUnits="userSpaceOnUse">
+      <g opacity="0.12"> <rect x="0" y="0" width="80" height="160" fill="#5A3A22" />
+        <path d="M0,20 L40,0 L80,20 L40,40 Z M0,60 L40,40 L80,60 L40,80 Z M0,100 L40,80 L80,100 L40,120 Z M0,140 L40,120 L80,140 L40,160 Z" fill="#E88D14"/>
+        <path d="M10,25 L40,10 L70,25 L40,40 Z M10,65 L40,50 L70,65 L40,80 Z M10,105 L40,90 L70,105 L40,120 Z" fill="#F3C623"/>
+
+        <line x1="85" y1="0" x2="85" y2="160" stroke="#111111" stroke-width="2"/>
+
+        <rect x="90" y="0" width="80" height="160" fill="#FDF5E6" />
+        <rect x="90" y="0" width="80" height="80" fill="none" stroke="#111111" stroke-width="3"/>
+        <polygon points="90,0 170,0 130,40" fill="#111111" />
+        <polygon points="90,80 170,80 130,40" fill="#006400" />
+        <polygon points="90,0 90,80 130,40" fill="#8B0000" />
+        <polygon points="170,0 170,80 130,40" fill="#E88D14" />
+        <rect x="90" y="80" width="80" height="80" fill="none" stroke="#111111" stroke-width="3"/>
+        <polygon points="90,80 170,80 130,120" fill="#111111" />
+        <polygon points="90,160 170,160 130,120" fill="#006400" />
+        <polygon points="90,80 90,160 130,120" fill="#8B0000" />
+        <polygon points="170,80 170,160 130,120" fill="#E88D14" />
+
+        <line x1="175" y1="0" x2="175" y2="160" stroke="#111111" stroke-width="2"/>
+
+        <rect x="180" y="0" width="80" height="160" fill="#5A3A22" />
+        <polygon points="220,10 250,40 220,70 190,40" fill="#FDF5E6" stroke="#111111" stroke-width="3"/>
+        <polygon points="220,25 235,40 220,55 205,40" fill="#8B0000" />
+        <polygon points="220,90 250,120 220,150 190,120" fill="#FDF5E6" stroke="#111111" stroke-width="3"/>
+        <polygon points="220,105 235,120 220,135 205,120" fill="#E88D14" />
+
+        <line x1="265" y1="0" x2="265" y2="160" stroke="#111111" stroke-width="2"/>
+
+        <rect x="270" y="0" width="80" height="160" fill="#E88D14" />
+        <path d="M270,20 Q310,0 350,20" fill="none" stroke="#111111" stroke-width="5"/>
+        <path d="M270,40 Q310,20 350,40" fill="none" stroke="#5A3A22" stroke-width="5"/>
+        <path d="M270,60 Q310,40 350,60" fill="none" stroke="#111111" stroke-width="5"/>
+        <path d="M270,100 Q310,80 350,100" fill="none" stroke="#111111" stroke-width="5"/>
+        <path d="M270,120 Q310,100 350,120" fill="none" stroke="#5A3A22" stroke-width="5"/>
+        <path d="M270,140 Q310,120 350,140" fill="none" stroke="#111111" stroke-width="5"/>
+        
+        <line x1="355" y1="0" x2="355" y2="160" stroke="#111111" stroke-width="2"/>
+      </g>
+    </pattern>
+
+    <linearGradient id="top-fade" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0" stop-color="#fafaf9" stop-opacity="1" />
+      <stop offset="0.3" stop-color="#fafaf9" stop-opacity="0.8" />
+      <stop offset="1" stop-color="#fafaf9" stop-opacity="0" />
+    </linearGradient>
+  </defs>
+
+  <rect x="0" y="0" width="1440" height="900" fill="#fafaf9" />
+
+  <rect x="0" y="0" width="1440" height="900" fill="url(#wax-bands)" />
+
+  <rect x="0" y="0" width="1440" height="900" fill="url(#top-fade)" pointer-events="none" />
+</svg>