Update app.py

app.py

@@ -1,393 +1,536 @@
-from flask import Flask, render_template, request, send_file
+from flask import Flask, render_template, request, jsonify, redirect, url_for
+import requests
+from bs4 import BeautifulSoup
+import random
+import string
+import json
+import threading
 import os
-import convertapi
-from docx import Document
-from docx.shared import Pt, Cm, RGBColor
-from docx.enum.text import WD_ALIGN_PARAGRAPH
-from docx.enum.table import WD_TABLE_ALIGNMENT
-from docx.oxml.ns import nsdecls
-from docx.oxml import parse_xml
+import time
+from datetime import datetime
 
-# Configuration des identifiants ConvertAPI
-convertapi.api_credentials = 'secret_8wCI6pgOP9AxLVJG'
+app = Flask(__name__)
 
-# --- Classe de génération de document ---
-class EvaluationGymnique:
-    def __init__(self):
-        self.document = Document()
-        self.document.sections[0].page_height = Cm(29.7)
-        self.document.sections[0].page_width = Cm(21)
-        self.document.sections[0].left_margin = Cm(1.5)
-        self.document.sections[0].right_margin = Cm(1.5)
-        self.document.sections[0].top_margin = Cm(1)
-        self.document.sections[0].bottom_margin = Cm(1)
-        
-        # Informations d'en-tête par défaut
-        self.centre_examen = "Centre d'examen"
-        self.type_examen = "Bac Général"
-        self.serie = "Série"
-        self.etablissement = "Établissement"
-        self.session = "2025"
-        self.nom_candidat = "Candidat"
-        
-        # Liste vide pour les éléments techniques
-        self.elements_techniques = []
-        self.appreciations = ["M", "PM", "NM", "NR"]
+# Configuration globale
+config = {
+    'base_url': "https://ivoire-startup-tracker-edithbrou.replit.app",
+    'accounts_file': "accounts_data.json",
+    'is_running': False,
+    'progress': {
+        'total': 0,
+        'current': 0,
+        'success': 0,
+        'failed': 0,
+        'last_username': '',
+        'last_status': '',
+        'start_time': None,
+        'end_time': None
+    }
+}
+
+# Fonction pour générer un nom d'utilisateur aléatoire (min 80 caractères)
+def generate_random_username(min_length=80, max_length=100):
+    """Génère un nom d'utilisateur aléatoire d'au moins 80 caractères"""
+    length = random.randint(min_length, max_length)
+    return ''.join(random.choice(string.ascii_lowercase) for _ in range(length))
+
+# Fonction pour générer une adresse email aléatoire
+def generate_random_email():
+    """Génère une adresse email aléatoire"""
+    username = ''.join(random.choice(string.ascii_lowercase) for _ in range(12))
+    domains = ["gmail.com", "yahoo.com", "outlook.com", "example.com"]
+    return f"{username}@{random.choice(domains)}"
+
+# Fonction pour générer un mot de passe aléatoire
+def generate_random_password(length=12):
+    """Génère un mot de passe aléatoire"""
+    chars = string.ascii_letters + string.digits + "!@#$%^&*"
+    return ''.join(random.choice(chars) for _ in range(length))
+
+# Fonction pour créer un compte
+def create_account(is_startup_rep=False):
+    """Crée un compte sur le site web"""
+    register_url = f"{config['base_url']}/register"
     
-    def ajouter_entete_colore(self):
-        header_paragraph = self.document.add_paragraph()
-        header_paragraph.alignment = WD_ALIGN_PARAGRAPH.CENTER
-        header_paragraph.space_after = Pt(6)
-        header_run = header_paragraph.add_run("ÉVALUATION GYMNASTIQUE")
-        header_run.bold = True
-        header_run.font.size = Pt(14)
-        header_run.font.color.rgb = RGBColor(0, 32, 96)
-        
-        header_table = self.document.add_table(rows=3, cols=2)
-        header_table.style = 'Table Grid'
-        header_table.autofit = False
-        
-        for row in header_table.rows:
-            row.height = Cm(0.8)
-        for row in header_table.rows:
-            for cell in row.cells:
-                shading_elm = parse_xml(f'<w:shd {nsdecls("w")} w:fill="D9E2F3"/>')
-                cell._tc.get_or_add_tcPr().append(shading_elm)
-        
-        # Première ligne
-        cell = header_table.cell(0, 0)
-        paragraph = cell.paragraphs[0]
-        run = paragraph.add_run("Centre d'examen: ")
-        run.bold = True
-        run.font.size = Pt(10)
-        run.font.color.rgb = RGBColor(0, 32, 96)
-        paragraph.add_run(self.centre_examen).font.size = Pt(10)
-        
-        cell = header_table.cell(0, 1)
-        paragraph = cell.paragraphs[0]
-        run = paragraph.add_run("Examen: ")
-        run.bold = True
-        run.font.size = Pt(10)
-        run.font.color.rgb = RGBColor(0, 32, 96)
-        paragraph.add_run(self.type_examen).font.size = Pt(10)
-        
-        # Deuxième ligne
-        cell = header_table.cell(1, 0)
-        paragraph = cell.paragraphs[0]
-        run = paragraph.add_run("Série: ")
-        run.bold = True
-        run.font.size = Pt(10)
-        run.font.color.rgb = RGBColor(0, 32, 96)
-        paragraph.add_run(self.serie).font.size = Pt(10)
-        
-        cell = header_table.cell(1, 1)
-        paragraph = cell.paragraphs[0]
-        run = paragraph.add_run("Établissement: ")
-        run.bold = True
-        run.font.size = Pt(10)
-        run.font.color.rgb = RGBColor(0, 32, 96)
-        paragraph.add_run(self.etablissement).font.size = Pt(10)
-        
-        # Troisième ligne
-        cell = header_table.cell(2, 0)
-        paragraph = cell.paragraphs[0]
-        run = paragraph.add_run("Session: ")
-        run.bold = True
-        run.font.size = Pt(10)
-        run.font.color.rgb = RGBColor(0, 32, 96)
-        paragraph.add_run(self.session).font.size = Pt(10)
-        
-        cell = header_table.cell(2, 1)
-        paragraph = cell.paragraphs[0]
-        run = paragraph.add_run("Candidat: ")
-        run.bold = True
-        run.font.size = Pt(10)
-        run.font.color.rgb = RGBColor(0, 32, 96)
-        paragraph.add_run(self.nom_candidat).font.size = Pt(10)
-        
-        self.document.add_paragraph().space_after = Pt(4)
+    # Première requête pour récupérer le token CSRF
+    session = requests.Session()
+    try:
+        response = session.get(register_url)
+        
+        if response.status_code != 200:
+            return {'success': False, 'error': f"Erreur lors de l'accès à la page: {response.status_code}"}
+        
+        # Extraire le token CSRF
+        soup = BeautifulSoup(response.text, 'html.parser')
+        csrf_token = soup.find('input', {'id': 'csrf_token'}).get('value')
+        
+        if not csrf_token:
+            return {'success': False, 'error': "Impossible de trouver le token CSRF"}
+        
+        # Générer des informations de compte aléatoires
+        username = generate_random_username()
+        email = generate_random_email()
+        password = generate_random_password()
+        
+        # Préparer les données du formulaire
+        form_data = {
+            'csrf_token': csrf_token,
+            'username': username,
+            'email': email,
+            'password': password,
+            'confirm_password': password,
+            'submit': 'Register'
+        }
+        
+        # Ajouter l'option startup rep si nécessaire
+        if is_startup_rep:
+            form_data['is_startup_rep'] = 'y'
+        
+        # Envoyer le formulaire
+        headers = {
+            'Referer': register_url,
+            'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36'
+        }
+        
+        response = session.post(register_url, data=form_data, headers=headers)
+        
+        result = {
+            'success': response.status_code == 200 or response.status_code == 302,
+            'username': username,
+            'email': email,
+            'password': password,
+            'is_startup_rep': is_startup_rep,
+            'created_at': datetime.now().strftime("%Y-%m-%d %H:%M:%S"),
+            'status_code': response.status_code
+        }
+        
+        return result
     
-    def creer_tableau_elements(self):
-        table = self.document.add_table(rows=len(self.elements_techniques) + 1, cols=5)
-        table.style = 'Table Grid'
-        table.alignment = WD_TABLE_ALIGNMENT.CENTER
-        
-        # Configuration des largeurs de colonnes
-        for cell in table.columns[0].cells:
-            cell.width = Cm(8)
-        for cell in table.columns[1].cells:
-            cell.width = Cm(3)
-        for cell in table.columns[2].cells:
-            cell.width = Cm(2)
-        for cell in table.columns[3].cells:
-            cell.width = Cm(2.5)
-        for cell in table.columns[4].cells:
-            cell.width = Cm(2.5)
+    except Exception as e:
+        return {'success': False, 'error': str(e)}
+
+# Fonction pour créer plusieurs comptes en arrière-plan
+def create_accounts_background(num_accounts, startup_ratio=0.3):
+    config['progress'] = {
+        'total': num_accounts,
+        'current': 0,
+        'success': 0,
+        'failed': 0,
+        'last_username': '',
+        'last_status': 'Démarrage...',
+        'start_time': datetime.now().strftime("%Y-%m-%d %H:%M:%S"),
+        'end_time': None
+    }
+    
+    # Charger les comptes existants
+    accounts = []
+    if os.path.exists(config['accounts_file']):
+        try:
+            with open(config['accounts_file'], 'r') as f:
+                accounts = json.load(f)
+        except:
+            accounts = []
+    
+    for i in range(num_accounts):
+        if not config['is_running']:
+            break
+            
+        is_startup = random.random() < startup_ratio
         
-        for row in table.rows:
-            row.height = Cm(1)
+        config['progress']['current'] = i + 1
+        config['progress']['last_status'] = f"Création du compte {i+1}/{num_accounts}..."
         
-        # En-tête du tableau
-        header_row = table.rows[0]
-        for cell in header_row.cells:
-            shading_elm = parse_xml(f'<w:shd {nsdecls("w")} w:fill="BDD7EE"/>')
-            cell._tc.get_or_add_tcPr().append(shading_elm)
+        result = create_account(is_startup_rep=is_startup)
         
-        headers = ["ELEMENTS TECHNIQUES", "CATEGORIES D'ELEMENTS TECHNIQUES ET PONDERATION", "", "APPRECIATIONS", "POINTS Accordés"]
-        for i, header in enumerate(headers):
-            cell = table.cell(0, i)
-            cell.text = header
-            cell.paragraphs[0].alignment = WD_ALIGN_PARAGRAPH.CENTER
-            run = cell.paragraphs[0].runs[0]
-            run.bold = True
-            run.font.size = Pt(9)
-            run.font.color.rgb = RGBColor(0, 32, 96)
-        table.cell(0, 1).merge(table.cell(0, 2))
+        if result.get('success', False):
+            config['progress']['success'] += 1
+            config['progress']['last_username'] = result['username']
+            config['progress']['last_status'] = f"Compte {i+1} créé avec succès"
+            accounts.append(result)
+        else:
+            config['progress']['failed'] += 1
+            config['progress']['last_status'] = f"Échec de la création du compte {i+1}: {result.get('error', 'Erreur inconnue')}"
         
-        # Ajout des éléments techniques
-        for i, element in enumerate(self.elements_techniques, 1):
-            element_cell = table.cell(i, 0)
-            element_cell.text = element["nom"]
-            element_cell.paragraphs[0].alignment = WD_ALIGN_PARAGRAPH.LEFT
-            run = element_cell.paragraphs[0].runs[0]
-            run.bold = True
-            run.font.size = Pt(9)
-            
-            categorie_cell = table.cell(i, 1)
-            categorie_cell.text = element["categorie"]
-            categorie_cell.paragraphs[0].alignment = WD_ALIGN_PARAGRAPH.CENTER
-            run = categorie_cell.paragraphs[0].runs[0]
-            run.bold = True
-            run.font.size = Pt(9)
-            run.italic = True
+        # Enregistrer les données régulièrement
+        with open(config['accounts_file'], 'w') as f:
+            json.dump(accounts, f, indent=2)
             
-            points_cell = table.cell(i, 2)
-            points_cell.text = str(element["points"])
-            points_cell.paragraphs[0].alignment = WD_ALIGN_PARAGRAPH.CENTER
-            run = points_cell.paragraphs[0].runs[0]
-            run.bold = True
-            run.font.size = Pt(9)
-            run.italic = True
+        # Petite pause pour éviter de surcharger le serveur
+        time.sleep(1)
     
-    def ajouter_note_jury(self):
-        para = self.document.add_paragraph()
-        para.space_before = Pt(4)
-        para.space_after = Pt(4)
-        run = para.add_run("NB1 : Zone réservée aux membres du jury ! Le jury cochera le point correspondant au niveau de réalisation de l'élément gymnique par le candidat.")
-        run.bold = True
-        run.font.color.rgb = RGBColor(255, 0, 0)
-        run.font.size = Pt(9)
+    config['is_running'] = False
+    config['progress']['end_time'] = datetime.now().strftime("%Y-%m-%d %H:%M:%S")
+    config['progress']['last_status'] = "Terminé"
     
-    def creer_tableau_recapitulatif(self):
-        note_table = self.document.add_table(rows=3, cols=13)
-        note_table.style = 'Table Grid'
-        note_table.alignment = WD_TABLE_ALIGNMENT.CENTER
-        
-        for row in note_table.rows:
-            row.height = Cm(0.6)
-        for cell in note_table.rows[0].cells:
-            shading_elm = parse_xml(f'<w:shd {nsdecls("w")} w:fill="BDD7EE"/>')
-            cell._tc.get_or_add_tcPr().append(shading_elm)
-        
-        for col, (type_lettre, points) in enumerate([("A", "1pt"), ("B", "1,5pt"), ("C", "2pts"), ("D", "2,5pts"), ("E", "3pts")]):
-            idx = col * 2
-            if idx + 1 < len(note_table.columns):
-                cell = note_table.cell(0, idx)
-                cell.merge(note_table.cell(0, idx + 1))
-                cell.text = f"Type {type_lettre}\n{points}"
-                cell.paragraphs[0].alignment = WD_ALIGN_PARAGRAPH.CENTER
-                for run in cell.paragraphs[0].runs:
-                    run.bold = True
-                    run.font.size = Pt(9)
-                    run.font.color.rgb = RGBColor(0, 32, 96)
-        
-        for col, (titre, points) in enumerate([("ROV", "2pts"), ("Projet", "2pts"), ("Réalisation", "16pts")], 10):
-            if col < len(note_table.columns):
-                cell = note_table.cell(0, col)
-                cell.text = f"{titre}\n{points}"
-                cell.paragraphs[0].alignment = WD_ALIGN_PARAGRAPH.CENTER
-                for run in cell.paragraphs[0].runs:
-                    run.bold = True
-                    run.font.size = Pt(9)
-                    run.font.color.rgb = RGBColor(0, 32, 96)
-        
-        for col in range(5):
-            idx = col * 2
-            if idx + 1 < len(note_table.columns):
-                neg_cell = note_table.cell(1, idx)
-                neg_cell.text = "NEG"
-                neg_cell.paragraphs[0].alignment = WD_ALIGN_PARAGRAPH.CENTER
-                for run in neg_cell.paragraphs[0].runs:
-                    run.italic = True
-                    run.font.size = Pt(9)
-                
-                note_cell = note_table.cell(1, idx + 1)
-                note_cell.text = "Note"
-                note_cell.paragraphs[0].alignment = WD_ALIGN_PARAGRAPH.CENTER
-                for run in note_cell.paragraphs[0].runs:
-                    run.italic = True
-                    run.font.size = Pt(9)
-        
-        for col in range(10, 13):
-            if col < len(note_table.columns):
-                cell = note_table.cell(1, col)
-                cell.text = "Note"
-                cell.paragraphs[0].alignment = WD_ALIGN_PARAGRAPH.CENTER
-                for run in cell.paragraphs[0].runs:
-                    run.italic = True
-                    run.font.size = Pt(9)
-        
-        for col, type_lettre in enumerate(["A", "B", "C", "D", "E"]):
-            idx = col * 2
-            if idx < len(note_table.columns):
-                neg_cell = note_table.cell(2, idx)
-                neg_cell.text = ""
-                neg_cell.paragraphs[0].alignment = WD_ALIGN_PARAGRAPH.CENTER
+    # Enregistrement final
+    with open(config['accounts_file'], 'w') as f:
+        json.dump(accounts, f, indent=2)
+
+# Routes Flask
+@app.route('/')
+def index():
+    return render_template('index.html', config=config)
+
+@app.route('/start', methods=['POST'])
+def start():
+    if config['is_running']:
+        return jsonify({"status": "error", "message": "Une génération est déjà en cours"})
     
-    def ajouter_note_candidat_avec_cadre(self):
-        note_table = self.document.add_table(rows=1, cols=1)
-        note_table.style = 'Table Grid'
-        note_table.alignment = WD_TABLE_ALIGNMENT.CENTER
-        
-        cell = note_table.cell(0, 0)
-        shading_elm = parse_xml(f'<w:shd {nsdecls("w")} w:fill="E2EFDA"/>')
-        cell._tc.get_or_add_tcPr().append(shading_elm)
-        
-        p = cell.paragraphs[0]
-        run = p.add_run("NB2: Après le choix des catégories d'éléments gymniques par le candidat, ce dernier remplira la colonne de pointage selon l'orientation suivante: A (0.25; 0.5; 0.75; 1) B (0.25; 0.5; 0.75; 1; 1.25; 1.5) C (0.5; 0.75; 1; 1.25; 1.5; 2) D (0.75; 1; 1.25; 1.5; 2; 2.5) et E (0.75; 1; 1.5; 2; 2.5; 3) également, le candidat devra fournir 2 copies de son projet sur une page! (appréciations: NR, NM, PM, M).")
-        run.italic = True
-        run.font.size = Pt(8)
+    num_accounts = int(request.form.get('num_accounts', 10))
+    startup_ratio = float(request.form.get('startup_ratio', 0.3))
     
-    def ajouter_zone_note(self):
-        zone_note = self.document.add_table(rows=1, cols=2)
-        zone_note.style = 'Table Grid'
-        zone_note.alignment = WD_TABLE_ALIGNMENT.RIGHT
-        
-        # Nouvelle largeur fixe pour les deux cellules (réduite)
-        cell_width = Cm(1.5)
-        
-        cell_libelle = zone_note.cell(0, 0)
-        cell_libelle.width = cell_width
-        cell_libelle.text = "Note finale"
-        cell_libelle.paragraphs[0].alignment = WD_ALIGN_PARAGRAPH.RIGHT
-        run = cell_libelle.paragraphs[0].runs[0]
-        run.bold = True
-        run.font.size = Pt(10)  # réduit de Pt(11) à Pt(10)
-        run.font.color.rgb = RGBColor(0, 32, 96)
-        
-        cell_saisie = zone_note.cell(0, 1)
-        cell_saisie.width = cell_width
-        # Diminution de la hauteur de ligne
-        zone_note.rows[0].height = Cm(1.5)
-        shading_elm = parse_xml(f'<w:shd {nsdecls("w")} w:fill="F2F2F2"/>')
-        cell_saisie._tc.get_or_add_tcPr().append(shading_elm)
-        cell_saisie.text = "/20"
-        cell_saisie.paragraphs[0].alignment = WD_ALIGN_PARAGRAPH.CENTER
-        run = cell_saisie.paragraphs[0].runs[0]
-        run.bold = True
-        run.font.size = Pt(10)
+    config['is_running'] = True
     
-    def ajouter_lignes_correcteurs(self):
-        para_intro = self.document.add_paragraph()
-        para_intro.space_before = Pt(6)
-        
-        for role in ["Projet", "principal", "ROV"]:
-            para = self.document.add_paragraph()
-            para.space_before = Pt(2)
-            para.space_after = Pt(2)
-            run = para.add_run(f"Correcteur {role} : ")
-            run.bold = True
-            para.add_run(".................................................................")
+    # Démarrer le processus en arrière-plan
+    thread = threading.Thread(target=create_accounts_background, args=(num_accounts, startup_ratio))
+    thread.daemon = True
+    thread.start()
+    
+    return jsonify({"status": "success", "message": "Génération démarrée"})
+
+@app.route('/stop', methods=['POST'])
+def stop():
+    config['is_running'] = False
+    return jsonify({"status": "success", "message": "Arrêt demandé"})
+
+@app.route('/progress')
+def progress():
+    return jsonify(config['progress'])
+
+@app.route('/accounts')
+def view_accounts():
+    page = int(request.args.get('page', 1))
+    per_page = 20
     
-    # Méthodes de modification des données
-    def modifier_centre_examen(self, nom):
-        self.centre_examen = nom
+    accounts = []
+    if os.path.exists(config['accounts_file']):
+        try:
+            with open(config['accounts_file'], 'r') as f:
+                accounts = json.load(f)
+        except:
+            accounts = []
+            
+    total_accounts = len(accounts)
+    total_pages = (total_accounts + per_page - 1) // per_page
     
-    def modifier_type_examen(self, type_examen):
-        self.type_examen = type_examen
+    start_idx = (page - 1) * per_page
+    end_idx = start_idx + per_page
     
-    def modifier_serie(self, serie):
-        self.serie = serie
+    current_accounts = accounts[start_idx:end_idx]
     
-    def modifier_etablissement(self, nom):
-        self.etablissement = nom
+    return render_template(
+        'accounts.html',
+        accounts=current_accounts,
+        page=page,
+        total_pages=total_pages,
+        total_accounts=total_accounts
+    )
+
+if __name__ == '__main__':
+    # Créer le dossier templates s'il n'existe pas
+    if not os.path.exists('templates'):
+        os.makedirs('templates')
     
-    def modifier_session(self, annee):
-        self.session = annee
+    # Créer les templates HTML
+    with open('templates/index.html', 'w') as f:
+        f.write('''
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Générateur de comptes automatique</title>
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body { background-color: #f5f5f5; }
+        .card { box-shadow: 0 4px 8px rgba(0,0,0,0.1); }
+        .progress { height: 25px; }
+        #status-display { height: 200px; overflow-y: auto; }
+    </style>
+</head>
+<body>
+    <div class="container mt-5">
+        <div class="row">
+            <div class="col-md-12 mb-4">
+                <div class="card">
+                    <div class="card-header bg-primary text-white">
+                        <h3 class="card-title mb-0">Générateur de comptes - Startup Côte d'Ivoire</h3>
+                    </div>
+                    <div class="card-body">
+                        <form id="generator-form">
+                            <div class="row mb-3">
+                                <div class="col-md-6">
+                                    <label for="num_accounts" class="form-label">Nombre de comptes à créer</label>
+                                    <input type="number" class="form-control" id="num_accounts" name="num_accounts" min="1" max="1000" value="10">
+                                </div>
+                                <div class="col-md-6">
+                                    <label for="startup_ratio" class="form-label">Ratio de représentants de startup (%)</label>
+                                    <input type="number" class="form-control" id="startup_ratio" name="startup_ratio" min="0" max="100" value="30">
+                                </div>
+                            </div>
+                            <div class="d-grid gap-2 d-md-flex justify-content-md-center">
+                                <button type="submit" id="start-btn" class="btn btn-success btn-lg">
+                                    <i class="fas fa-play"></i> Démarrer
+                                </button>
+                                <button type="button" id="stop-btn" class="btn btn-danger btn-lg">
+                                    <i class="fas fa-stop"></i> Arrêter
+                                </button>
+                                <a href="/accounts" class="btn btn-primary btn-lg">
+                                    <i class="fas fa-list"></i> Voir les comptes
+                                </a>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+            </div>
+            
+            <div class="col-md-12">
+                <div class="card">
+                    <div class="card-header bg-info text-white">
+                        <h4 class="card-title mb-0">Progression</h4>
+                    </div>
+                    <div class="card-body">
+                        <div class="progress mb-3">
+                            <div id="progress-bar" class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" style="width: 0%">0%</div>
+                        </div>
+                        
+                        <div class="row text-center mb-3">
+                            <div class="col">
+                                <div class="card bg-light">
+                                    <div class="card-body">
+                                        <h5>Total</h5>
+                                        <h3 id="total-count">0</h3>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col">
+                                <div class="card bg-success text-white">
+                                    <div class="card-body">
+                                        <h5>Réussis</h5>
+                                        <h3 id="success-count">0</h3>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col">
+                                <div class="card bg-danger text-white">
+                                    <div class="card-body">
+                                        <h5>Échecs</h5>
+                                        <h3 id="failed-count">0</h3>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        
+                        <div class="card mb-3">
+                            <div class="card-header">
+                                <h5>Dernier statut</h5>
+                            </div>
+                            <div class="card-body">
+                                <p id="last-status">-</p>
+                                <p>Dernier compte créé: <span id="last-username" class="text-primary fw-bold">-</span></p>
+                            </div>
+                        </div>
+                        
+                        <div class="row">
+                            <div class="col-md-6">
+                                <p>Heure de début: <span id="start-time">-</span></p>
+                            </div>
+                            <div class="col-md-6 text-end">
+                                <p>Heure de fin: <span id="end-time">-</span></p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
     
-    def modifier_candidat(self, nom):
-        self.nom_candidat = nom
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/js/all.min.js"></script>
+    <script>
+        document.addEventListener('DOMContentLoaded', function() {
+            // Formulaire de génération
+            document.getElementById('generator-form').addEventListener('submit', function(e) {
+                e.preventDefault();
+                
+                const numAccounts = document.getElementById('num_accounts').value;
+                const startupRatio = document.getElementById('startup_ratio').value / 100;
+                
+                fetch('/start', {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/x-www-form-urlencoded',
+                    },
+                    body: `num_accounts=${numAccounts}&startup_ratio=${startupRatio}`
+                })
+                .then(response => response.json())
+                .then(data => {
+                    if (data.status === 'success') {
+                        startProgressUpdates();
+                    } else {
+                        alert(data.message);
+                    }
+                });
+            });
+            
+            // Bouton d'arrêt
+            document.getElementById('stop-btn').addEventListener('click', function() {
+                fetch('/stop', {
+                    method: 'POST'
+                })
+                .then(response => response.json())
+                .then(data => {
+                    alert(data.message);
+                });
+            });
+            
+            // Mettre à jour la progression
+            function updateProgress() {
+                fetch('/progress')
+                .then(response => response.json())
+                .then(data => {
+                    const progressPercent = data.total > 0 ? Math.round((data.current / data.total) * 100) : 0;
+                    
+                    document.getElementById('progress-bar').style.width = `${progressPercent}%`;
+                    document.getElementById('progress-bar').textContent = `${progressPercent}%`;
+                    
+                    document.getElementById('total-count').textContent = data.total;
+                    document.getElementById('success-count').textContent = data.success;
+                    document.getElementById('failed-count').textContent = data.failed;
+                    
+                    document.getElementById('last-status').textContent = data.last_status;
+                    document.getElementById('last-username').textContent = data.last_username || '-';
+                    
+                    document.getElementById('start-time').textContent = data.start_time || '-';
+                    document.getElementById('end-time').textContent = data.end_time || '-';
+                });
+            }
+            
+            let progressInterval;
+            
+            function startProgressUpdates() {
+                // Arrêter l'intervalle précédent s'il existe
+                if (progressInterval) {
+                    clearInterval(progressInterval);
+                }
+                
+                // Mettre à jour immédiatement
+                updateProgress();
+                
+                // Puis toutes les 2 secondes
+                progressInterval = setInterval(updateProgress, 2000);
+            }
+            
+            // Vérifier si une génération est déjà en cours au chargement de la page
+            updateProgress();
+        });
+    </script>
+</body>
+</html>
+        ''')
     
-    def ajouter_element(self, nom, categorie, points):
-        self.elements_techniques.append({
-            "nom": nom,
-            "categorie": categorie,
-            "points": float(points)
-        })
+    with open('templates/accounts.html', 'w') as f:
+        f.write('''
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Liste des comptes générés</title>
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
+    <style>
+        body { background-color: #f5f5f5; }
+        .card { box-shadow: 0 4px 8px rgba(0,0,0,0.1); }
+        .username-cell {
+            max-width: 200px;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+        .pagination { margin-bottom: 0; }
+    </style>
+</head>
+<body>
+    <div class="container mt-5">
+        <div class="row">
+            <div class="col-md-12 mb-4">
+                <div class="card">
+                    <div class="card-header bg-primary text-white d-flex justify-content-between align-items-center">
+                        <h3 class="mb-0">Liste des comptes générés</h3>
+                        <a href="/" class="btn btn-light">Retour au générateur</a>
+                    </div>
+                    <div class="card-body">
+                        <div class="alert alert-info">
+                            Total des comptes générés: {{ total_accounts }}
+                        </div>
+                        
+                        <div class="table-responsive">
+                            <table class="table table-striped table-hover">
+                                <thead>
+                                    <tr>
+                                        <th>#</th>
+                                        <th>Nom d'utilisateur</th>
+                                        <th>Email</th>
+                                        <th>Mot de passe</th>
+                                        <th>Startup Rep</th>
+                                        <th>Date de création</th>
+                                        <th>Statut</th>
+                                    </tr>
+                                </thead>
+                                <tbody>
+                                    {% for account in accounts %}
+                                    <tr>
+                                        <td>{{ (page - 1) * 20 + loop.index }}</td>
+                                        <td class="username-cell" title="{{ account.username }}">{{ account.username }}</td>
+                                        <td>{{ account.email }}</td>
+                                        <td>{{ account.password }}</td>
+                                        <td>{% if account.is_startup_rep %}Oui{% else %}Non{% endif %}</td>
+                                        <td>{{ account.created_at }}</td>
+                                        <td>
+                                            {% if account.success %}
+                                            <span class="badge bg-success">Succès</span>
+                                            {% else %}
+                                            <span class="badge bg-danger">Échec</span>
+                                            {% endif %}
+                                        </td>
+                                    </tr>
+                                    {% endfor %}
+                                </tbody>
+                            </table>
+                        </div>
+                        
+                        {% if total_pages > 1 %}
+                        <div class="d-flex justify-content-center mt-4">
+                            <nav aria-label="Page navigation">
+                                <ul class="pagination">
+                                    <li class="page-item {% if page == 1 %}disabled{% endif %}">
+                                        <a class="page-link" href="{{ url_for('view_accounts', page=page-1) if page > 1 else '#' }}">Précédent</a>
+                                    </li>
+                                    
+                                    {% for p in range(1, total_pages + 1) %}
+                                        {% if p == page %}
+                                        <li class="page-item active"><span class="page-link">{{ p }}</span></li>
+                                        {% else %}
+                                        <li class="page-item"><a class="page-link" href="{{ url_for('view_accounts', page=p) }}">{{ p }}</a></li>
+                                        {% endif %}
+                                    {% endfor %}
+                                    
+                                    <li class="page-item {% if page == total_pages %}disabled{% endif %}">
+                                        <a class="page-link" href="{{ url_for('view_accounts', page=page+1) if page < total_pages else '#' }}">Suivant</a>
+                                    </li>
+                                </ul>
+                            </nav>
+                        </div>
+                        {% endif %}
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
     
-    def generer_document(self, nom_fichier="evaluation_gymnastique.docx"):
-        self.ajouter_entete_colore()
-        self.creer_tableau_elements()
-        self.ajouter_note_jury()
-        self.creer_tableau_recapitulatif()
-        self.ajouter_lignes_correcteurs()
-        self.ajouter_zone_note()
-        self.ajouter_note_candidat_avec_cadre()
-        self.document.save(nom_fichier)
-        return nom_fichier
-
-# --- Application Flask ---
-app = Flask(__name__)
-
-@app.route("/", methods=["GET", "POST"])
-def index():
-    if request.method == "POST":
-        # Récupération des informations depuis le formulaire
-        centre_examen = request.form.get("centre_examen", "Centre d'examen")
-        type_examen = request.form.get("type_examen", "Bac Général")
-        serie = request.form.get("serie", "Série")
-        etablissement = request.form.get("etablissement", "Établissement")
-        session_value = request.form.get("session", "2025")
-        nom_candidat = request.form.get("nom_candidat", "Candidat")
-        
-        # Création et configuration du document
-        evaluation = EvaluationGymnique()
-        evaluation.modifier_centre_examen(centre_examen)
-        evaluation.modifier_type_examen(type_examen)
-        evaluation.modifier_serie(serie)
-        evaluation.modifier_etablissement(etablissement)
-        evaluation.modifier_session(session_value)
-        evaluation.modifier_candidat(nom_candidat)
-        
-        # Récupération des éléments techniques ajoutés dynamiquement
-        element_names = request.form.getlist("new_element_name")
-        element_categories = request.form.getlist("new_element_categorie")
-        element_points = request.form.getlist("new_element_points")
-        for name, cat, pts in zip(element_names, element_categories, element_points):
-            if name and cat and pts:
-                evaluation.ajouter_element(name, cat, pts)
-        
-        # Génération du document DOCX
-        filename = "evaluation_gymnastique.docx"
-        evaluation.generer_document(filename)
-        
-        # Vérification du format de sortie demandé
-        output_format = request.form.get("format", "docx")
-        if output_format == "pdf":
-            # Conversion en PDF via ConvertAPI
-            result = convertapi.convert('pdf', {
-                'File': filename,
-                'FileName': 'evaluation_gymnastique',
-                'ConvertMetadata': 'false',
-                'ConvertHeadings': 'false'
-            }, from_format='doc')
-            pdf_filename = "evaluation_gymnastique.pdf"
-            result.save_files(pdf_filename)
-            return send_file(pdf_filename, as_attachment=True)
-        else:
-            return send_file(filename, as_attachment=True)
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
+</body>
+</html>
+        ''')
     
-    return render_template("index.html")
-
-if __name__ == "__main__":
-    app.run(debug=True)
+    app.run(debug=True)