| <!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/bootstrap@5.3.0/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> |
| <script src="{{ url_for('serve_js') }}"></script> |
| </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> |
| |
| <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> |
| |
| </body> |
| </html> |
