docs: close ticket #96

Co-authored-by: Cursor <cursoragent@cursor.com>

.gitattributes

@@ -1,18 +0,0 @@
-# Fins de ligne : toujours LF dans le dépôt (évite les conflits Linux/Windows)
-* text=auto eol=lf
-
-# Fichiers binaires : pas de conversion
-*.png binary
-*.jpg binary
-*.jpeg binary
-*.gif binary
-*.ico binary
-*.webp binary
-*.pdf binary
-*.woff binary
-*.woff2 binary
-*.ttf binary
-*.eot binary
-
-# Scripts shell : toujours LF
-*.sh text eol=lf

backend/src/app.module.ts

@@ -16,6 +16,7 @@ import { AllExceptionsFilter } from './common/filters/all_exceptions.filters';
 import { EnfantsModule } from './routes/enfants/enfants.module';
 import { AppConfigModule } from './modules/config/config.module';
 import { DocumentsLegauxModule } from './modules/documents-legaux';
+import { RelaisModule } from './routes/relais/relais.module';
 
 @Module({
   imports: [
@@ -53,6 +54,7 @@ import { DocumentsLegauxModule } from './modules/documents-legaux';
     AuthModule,
     AppConfigModule,
     DocumentsLegauxModule,
+    RelaisModule,
   ],
   controllers: [AppController],
   providers: [

backend/src/config/typeorm.config.ts

@@ -0,0 +1,15 @@
+import { DataSource } from 'typeorm';
+import { config } from 'dotenv';
+
+config();
+
+export default new DataSource({
+  type: 'postgres',
+  host: process.env.DATABASE_HOST,
+  port: parseInt(process.env.DATABASE_PORT || '5432', 10),
+  username: process.env.DATABASE_USERNAME,
+  password: process.env.DATABASE_PASSWORD,
+  database: process.env.DATABASE_NAME,
+  entities: ['src/**/*.entity.ts'],
+  migrations: ['src/migrations/*.ts'],
+});

backend/src/entities/relais.entity.ts

@@ -0,0 +1,35 @@
+import { Entity, PrimaryGeneratedColumn, Column, CreateDateColumn, UpdateDateColumn, OneToMany } from 'typeorm';
+import { Users } from './users.entity';
+
+@Entity('relais', { schema: 'public' })
+export class Relais {
+  @PrimaryGeneratedColumn('uuid')
+  id: string;
+
+  @Column({ name: 'nom' })
+  nom: string;
+
+  @Column({ name: 'adresse' })
+  adresse: string;
+
+  @Column({ type: 'jsonb', name: 'horaires_ouverture', nullable: true })
+  horaires_ouverture?: any;
+
+  @Column({ name: 'ligne_fixe', nullable: true })
+  ligne_fixe?: string;
+
+  @Column({ default: true, name: 'actif' })
+  actif: boolean;
+
+  @Column({ type: 'text', name: 'notes', nullable: true })
+  notes?: string;
+
+  @CreateDateColumn({ name: 'cree_le', type: 'timestamptz' })
+  cree_le: Date;
+
+  @UpdateDateColumn({ name: 'modifie_le', type: 'timestamptz' })
+  modifie_le: Date;
+
+  @OneToMany(() => Users, user => user.relais)
+  gestionnaires: Users[];
+}

backend/src/entities/users.entity.ts

@@ -1,11 +1,12 @@
 import {
   Entity, PrimaryGeneratedColumn, Column,
   CreateDateColumn, UpdateDateColumn,
-  OneToOne, OneToMany
+  OneToOne, OneToMany, ManyToOne, JoinColumn
 } from 'typeorm';
 import { AssistanteMaternelle } from './assistantes_maternelles.entity';
 import { Parents } from './parents.entity';
 import { Message } from './messages.entity';
+import { Relais } from './relais.entity';
 
 // Enums alignés avec la BDD PostgreSQL
 export enum RoleType {
@@ -80,7 +81,7 @@ export class Users {
     type: 'enum',
     enum: StatutUtilisateurType,
     enumName: 'statut_utilisateur_type', // correspond à l'enum de la db psql
-    default: StatutUtilisateurType.EN_ATTENTE,
+    default: StatutUtilisateurType.ACTIF,
     name: 'statut'
   })
   statut: StatutUtilisateurType;
@@ -147,4 +148,11 @@ export class Users {
 
   @OneToMany(() => Parents, parent => parent.co_parent)
   co_parent_in?: Parents[];
+
+  @Column({ nullable: true, name: 'relais_id' })
+  relaisId?: string;
+
+  @ManyToOne(() => Relais, relais => relais.gestionnaires, { nullable: true })
+  @JoinColumn({ name: 'relais_id' })
+  relais?: Relais;
 }

backend/src/modules/mail/mail.module.ts

@@ -0,0 +1,10 @@
+import { Module } from '@nestjs/common';
+import { MailService } from './mail.service';
+import { AppConfigModule } from '../config/config.module';
+
+@Module({
+  imports: [AppConfigModule],
+  providers: [MailService],
+  exports: [MailService],
+})
+export class MailModule {}

backend/src/modules/mail/mail.service.ts

@@ -0,0 +1,100 @@
+import { Injectable, Logger } from '@nestjs/common';
+import { AppConfigService } from '../config/config.service';
+
+@Injectable()
+export class MailService {
+  private readonly logger = new Logger(MailService.name);
+
+  constructor(private readonly configService: AppConfigService) {}
+
+  /**
+   * Envoi d'un email générique
+   * @param to Destinataire
+   * @param subject Sujet
+   * @param html Contenu HTML
+   * @param text Contenu texte (optionnel)
+   */
+  async sendEmail(to: string, subject: string, html: string, text?: string): Promise<void> {
+    try {
+      // Récupération de la configuration SMTP
+      const smtpHost = this.configService.get<string>('smtp_host');
+      const smtpPort = this.configService.get<number>('smtp_port');
+      const smtpSecure = this.configService.get<boolean>('smtp_secure');
+      const smtpAuthRequired = this.configService.get<boolean>('smtp_auth_required');
+      const smtpUser = this.configService.get<string>('smtp_user');
+      const smtpPassword = this.configService.get<string>('smtp_password');
+      const emailFromName = this.configService.get<string>('email_from_name');
+      const emailFromAddress = this.configService.get<string>('email_from_address');
+
+      // Import dynamique de nodemailer
+      const nodemailer = await import('nodemailer');
+
+      // Configuration du transporteur
+      const transportConfig: any = {
+        host: smtpHost,
+        port: smtpPort,
+        secure: smtpSecure,
+      };
+
+      if (smtpAuthRequired && smtpUser && smtpPassword) {
+        transportConfig.auth = {
+          user: smtpUser,
+          pass: smtpPassword,
+        };
+      }
+
+      const transporter = nodemailer.createTransport(transportConfig);
+
+      // Envoi de l'email
+      await transporter.sendMail({
+        from: `"${emailFromName}" <${emailFromAddress}>`,
+        to,
+        subject,
+        text: text || html.replace(/<[^>]*>?/gm, ''), // Fallback texte simple
+        html,
+      });
+
+      this.logger.log(`📧 Email envoyé à ${to} : ${subject}`);
+    } catch (error) {
+      this.logger.error(`❌ Erreur lors de l'envoi de l'email à ${to}`, error);
+      throw error;
+    }
+  }
+
+  /**
+   * Envoi de l'email de bienvenue pour un gestionnaire
+   * @param to Email du gestionnaire
+   * @param prenom Prénom
+   * @param nom Nom
+   * @param token Token de création de mot de passe (si applicable) ou mot de passe temporaire (si applicable)
+   * @note Pour l'instant, on suppose que le gestionnaire doit définir son mot de passe via "Mot de passe oublié" ou un lien d'activation
+   * Mais le ticket #17 parle de "Flag changement_mdp_obligatoire = TRUE", ce qui implique qu'on lui donne un mot de passe temporaire ou qu'on lui envoie un lien.
+   * Le ticket #24 parle de "API Création mot de passe" via token.
+   * Pour le ticket #17, on crée le gestionnaire avec un mot de passe (hashé).
+   * Si on suit le ticket #35 (Frontend), on saisit un mot de passe.
+   * Donc on envoie juste un email de confirmation de création de compte.
+   */
+  async sendGestionnaireWelcomeEmail(to: string, prenom: string, nom: string): Promise<void> {
+    const appName = this.configService.get<string>('app_name', 'P\'titsPas');
+    const appUrl = this.configService.get<string>('app_url', 'https://app.ptits-pas.fr');
+
+    const subject = `Bienvenue sur ${appName}`;
+    const html = `
+      <div style="font-family: Arial, sans-serif; max-width: 600px; margin: 0 auto;">
+        <h2 style="color: #4CAF50;">Bienvenue ${prenom} ${nom} !</h2>
+        <p>Votre compte gestionnaire sur <strong>${appName}</strong> a été créé avec succès.</p>
+        <p>Vous pouvez dès à présent vous connecter avec l'adresse email <strong>${to}</strong> et le mot de passe qui vous a été communiqué.</p>
+        <p>Lors de votre première connexion, il vous sera demandé de modifier votre mot de passe pour des raisons de sécurité.</p>
+        <div style="text-align: center; margin: 30px 0;">
+          <a href="${appUrl}" style="background-color: #4CAF50; color: white; padding: 12px 24px; text-decoration: none; border-radius: 4px; font-weight: bold;">Accéder à l'application</a>
+        </div>
+        <hr style="border: 1px solid #eee; margin: 20px 0;">
+        <p style="color: #666; font-size: 12px;">
+          Cet email a été envoyé automatiquement. Merci de ne pas y répondre.
+        </p>
+      </div>
+    `;
+
+    await this.sendEmail(to, subject, html);
+  }
+}

backend/src/routes/relais/dto/create-relais.dto.ts

@@ -0,0 +1,34 @@
+import { ApiProperty } from '@nestjs/swagger';
+import { IsBoolean, IsNotEmpty, IsOptional, IsString, IsObject } from 'class-validator';
+
+export class CreateRelaisDto {
+  @ApiProperty({ example: 'Relais Petite Enfance Centre' })
+  @IsString()
+  @IsNotEmpty()
+  nom: string;
+
+  @ApiProperty({ example: '12 rue de la Mairie, 75000 Paris' })
+  @IsString()
+  @IsNotEmpty()
+  adresse: string;
+
+  @ApiProperty({ example: { lundi: '09:00-17:00' }, required: false })
+  @IsOptional()
+  @IsObject()
+  horaires_ouverture?: any;
+
+  @ApiProperty({ example: '0123456789', required: false })
+  @IsOptional()
+  @IsString()
+  ligne_fixe?: string;
+
+  @ApiProperty({ default: true, required: false })
+  @IsOptional()
+  @IsBoolean()
+  actif?: boolean;
+
+  @ApiProperty({ example: 'Notes internes...', required: false })
+  @IsOptional()
+  @IsString()
+  notes?: string;
+}

backend/src/routes/relais/dto/update-relais.dto.ts

@@ -0,0 +1,4 @@
+import { PartialType } from '@nestjs/swagger';
+import { CreateRelaisDto } from './create-relais.dto';
+
+export class UpdateRelaisDto extends PartialType(CreateRelaisDto) {}

backend/src/routes/relais/relais.controller.ts

@@ -0,0 +1,57 @@
+import { Controller, Get, Post, Body, Patch, Param, Delete, UseGuards } from '@nestjs/common';
+import { RelaisService } from './relais.service';
+import { CreateRelaisDto } from './dto/create-relais.dto';
+import { UpdateRelaisDto } from './dto/update-relais.dto';
+import { ApiBearerAuth, ApiTags, ApiOperation, ApiResponse } from '@nestjs/swagger';
+import { AuthGuard } from 'src/common/guards/auth.guard';
+import { RolesGuard } from 'src/common/guards/roles.guard';
+import { Roles } from 'src/common/decorators/roles.decorator';
+import { RoleType } from 'src/entities/users.entity';
+
+@ApiTags('Relais')
+@ApiBearerAuth('access-token')
+@UseGuards(AuthGuard, RolesGuard)
+@Controller('relais')
+export class RelaisController {
+  constructor(private readonly relaisService: RelaisService) {}
+
+  @Post()
+  @Roles(RoleType.SUPER_ADMIN, RoleType.ADMINISTRATEUR)
+  @ApiOperation({ summary: 'Créer un relais' })
+  @ApiResponse({ status: 201, description: 'Le relais a été créé.' })
+  create(@Body() createRelaisDto: CreateRelaisDto) {
+    return this.relaisService.create(createRelaisDto);
+  }
+
+  @Get()
+  @Roles(RoleType.SUPER_ADMIN, RoleType.ADMINISTRATEUR)
+  @ApiOperation({ summary: 'Lister tous les relais' })
+  @ApiResponse({ status: 200, description: 'Liste des relais.' })
+  findAll() {
+    return this.relaisService.findAll();
+  }
+
+  @Get(':id')
+  @Roles(RoleType.SUPER_ADMIN, RoleType.ADMINISTRATEUR)
+  @ApiOperation({ summary: 'Récupérer un relais par ID' })
+  @ApiResponse({ status: 200, description: 'Le relais trouvé.' })
+  findOne(@Param('id') id: string) {
+    return this.relaisService.findOne(id);
+  }
+
+  @Patch(':id')
+  @Roles(RoleType.SUPER_ADMIN, RoleType.ADMINISTRATEUR)
+  @ApiOperation({ summary: 'Mettre à jour un relais' })
+  @ApiResponse({ status: 200, description: 'Le relais a été mis à jour.' })
+  update(@Param('id') id: string, @Body() updateRelaisDto: UpdateRelaisDto) {
+    return this.relaisService.update(id, updateRelaisDto);
+  }
+
+  @Delete(':id')
+  @Roles(RoleType.SUPER_ADMIN, RoleType.ADMINISTRATEUR)
+  @ApiOperation({ summary: 'Supprimer un relais' })
+  @ApiResponse({ status: 200, description: 'Le relais a été supprimé.' })
+  remove(@Param('id') id: string) {
+    return this.relaisService.remove(id);
+  }
+}

backend/src/routes/relais/relais.module.ts

@@ -0,0 +1,17 @@
+import { Module } from '@nestjs/common';
+import { TypeOrmModule } from '@nestjs/typeorm';
+import { RelaisService } from './relais.service';
+import { RelaisController } from './relais.controller';
+import { Relais } from 'src/entities/relais.entity';
+import { AuthModule } from 'src/routes/auth/auth.module';
+
+@Module({
+  imports: [
+    TypeOrmModule.forFeature([Relais]),
+    AuthModule,
+  ],
+  controllers: [RelaisController],
+  providers: [RelaisService],
+  exports: [RelaisService],
+})
+export class RelaisModule {}

backend/src/routes/relais/relais.service.ts

@@ -0,0 +1,42 @@
+import { Injectable, NotFoundException } from '@nestjs/common';
+import { InjectRepository } from '@nestjs/typeorm';
+import { Repository } from 'typeorm';
+import { Relais } from 'src/entities/relais.entity';
+import { CreateRelaisDto } from './dto/create-relais.dto';
+import { UpdateRelaisDto } from './dto/update-relais.dto';
+
+@Injectable()
+export class RelaisService {
+  constructor(
+    @InjectRepository(Relais)
+    private readonly relaisRepository: Repository<Relais>,
+  ) {}
+
+  create(createRelaisDto: CreateRelaisDto) {
+    const relais = this.relaisRepository.create(createRelaisDto);
+    return this.relaisRepository.save(relais);
+  }
+
+  findAll() {
+    return this.relaisRepository.find({ order: { nom: 'ASC' } });
+  }
+
+  async findOne(id: string) {
+    const relais = await this.relaisRepository.findOne({ where: { id } });
+    if (!relais) {
+      throw new NotFoundException(`Relais #${id} not found`);
+    }
+    return relais;
+  }
+
+  async update(id: string, updateRelaisDto: UpdateRelaisDto) {
+    const relais = await this.findOne(id);
+    Object.assign(relais, updateRelaisDto);
+    return this.relaisRepository.save(relais);
+  }
+
+  async remove(id: string) {
+    const relais = await this.findOne(id);
+    return this.relaisRepository.remove(relais);
+  }
+}

backend/src/routes/user/dto/create_admin.dto.ts

@@ -1,4 +1,10 @@
-import { OmitType } from "@nestjs/swagger";
+import { PickType } from "@nestjs/swagger";
 import { CreateUserDto } from "./create_user.dto";
 
-export class CreateAdminDto extends OmitType(CreateUserDto, ['role'] as const) {}
+export class CreateAdminDto extends PickType(CreateUserDto, [
+  'nom',
+  'prenom',
+  'email',
+  'password',
+  'telephone'
+] as const) {}

backend/src/routes/user/dto/create_gestionnaire.dto.ts

@@ -1,4 +1,10 @@
-import { OmitType } from "@nestjs/swagger";
+import { ApiProperty, OmitType } from "@nestjs/swagger";
 import { CreateUserDto } from "./create_user.dto";
+import { IsOptional, IsUUID } from "class-validator";
 
-export class CreateGestionnaireDto extends OmitType(CreateUserDto, ['role'] as const) {}
+export class CreateGestionnaireDto extends OmitType(CreateUserDto, ['role', 'adresse', 'genre', 'statut', 'situation_familiale', 'ville', 'code_postal', 'photo_url', 'consentement_photo', 'date_consentement_photo', 'changement_mdp_obligatoire'] as const) {
+  @ApiProperty({ required: false, description: 'ID du relais de rattachement' })
+  @IsOptional()
+  @IsUUID()
+  relaisId?: string;
+}

backend/src/routes/user/dto/create_user.dto.ts

@@ -36,10 +36,10 @@ export class CreateUserDto {
   @MaxLength(100)
   nom: string;
 
-  @ApiProperty({ enum: GenreType, required: false, default: GenreType.AUTRE })
+  @ApiProperty({ enum: GenreType, required: false })
   @IsOptional()
   @IsEnum(GenreType)
-  genre?: GenreType = GenreType.AUTRE;
+  genre?: GenreType;
 
   @ApiProperty({ enum: RoleType })
   @IsEnum(RoleType)
@@ -86,7 +86,7 @@ export class CreateUserDto {
   @ApiProperty({ default: false })
   @IsOptional()
   @IsBoolean()
-  consentement_photo?: boolean = false;
+  consentement_photo?: boolean;
 
   @ApiProperty({ required: false })
   @IsOptional()
@@ -96,7 +96,7 @@ export class CreateUserDto {
   @ApiProperty({ default: false })
   @IsOptional()
   @IsBoolean()
-  changement_mdp_obligatoire?: boolean = false;
+  changement_mdp_obligatoire?: boolean;
 
   @ApiProperty({ example: true })
   @IsBoolean()

backend/src/routes/user/dto/update_gestionnaire.dto.ts

@@ -1,4 +1,10 @@
-import { PartialType } from "@nestjs/swagger";
-import { CreateGestionnaireDto } from "./create_gestionnaire.dto";
+import { PartialType, ApiProperty } from "@nestjs/swagger";
+import { CreateUserDto } from "./create_user.dto";
+import { IsOptional, IsUUID } from "class-validator";
 
-export class UpdateGestionnaireDto extends PartialType(CreateGestionnaireDto) {}
+export class UpdateGestionnaireDto extends PartialType(CreateUserDto) {
+  @ApiProperty({ required: false, description: 'ID du relais de rattachement' })
+  @IsOptional()
+  @IsUUID()
+  relaisId?: string;
+}

backend/src/routes/user/gestionnaires/gestionnaires.module.ts

@@ -4,11 +4,13 @@ import { GestionnairesController } from './gestionnaires.controller';
 import { Users } from 'src/entities/users.entity';
 import { TypeOrmModule } from '@nestjs/typeorm';
 import { AuthModule } from 'src/routes/auth/auth.module';
+import { MailModule } from 'src/modules/mail/mail.module';
 
 @Module({
   imports: [
     TypeOrmModule.forFeature([Users]),
     AuthModule,
+    MailModule,
   ],
   controllers: [GestionnairesController],
   providers: [GestionnairesService],

backend/src/routes/user/gestionnaires/gestionnaires.service.ts

@@ -5,16 +5,18 @@ import {
 } from '@nestjs/common';
 import { InjectRepository } from '@nestjs/typeorm';
 import { Repository } from 'typeorm';
-import { RoleType, Users } from 'src/entities/users.entity';
+import { RoleType, StatutUtilisateurType, Users } from 'src/entities/users.entity';
 import { CreateGestionnaireDto } from '../dto/create_gestionnaire.dto';
 import { UpdateGestionnaireDto } from '../dto/update_gestionnaire.dto';
 import * as bcrypt from 'bcrypt';
+import { MailService } from 'src/modules/mail/mail.service';
 
 @Injectable()
 export class GestionnairesService {
   constructor(
     @InjectRepository(Users)
     private readonly gestionnaireRepository: Repository<Users>,
+    private readonly mailService: MailService,
   ) { }
 
   // Création d’un gestionnaire
@@ -30,30 +32,51 @@ export class GestionnairesService {
       password: hashedPassword,
       prenom: dto.prenom,
       nom: dto.nom,
-      genre: dto.genre,
-      statut: dto.statut,
+      // genre: dto.genre, // Retiré
+      // statut: dto.statut, // Retiré
+      statut: StatutUtilisateurType.ACTIF,
       telephone: dto.telephone,
-      adresse: dto.adresse,
-      photo_url: dto.photo_url,
-      consentement_photo: dto.consentement_photo ?? false,
-      date_consentement_photo: dto.date_consentement_photo
-        ? new Date(dto.date_consentement_photo)
-        : undefined,
-      changement_mdp_obligatoire: dto.changement_mdp_obligatoire ?? false,
+      // adresse: dto.adresse, // Retiré
+      // photo_url: dto.photo_url, // Retiré
+      // consentement_photo: dto.consentement_photo ?? false, // Retiré
+      // date_consentement_photo: dto.date_consentement_photo // Retiré
+      //   ? new Date(dto.date_consentement_photo)
+      //   : undefined,
+      changement_mdp_obligatoire: true,
       role: RoleType.GESTIONNAIRE,
+      relaisId: dto.relaisId,
     });
-    return this.gestionnaireRepository.save(entity);
+    
+    const savedUser = await this.gestionnaireRepository.save(entity);
+
+    // Envoi de l'email de bienvenue
+    try {
+      await this.mailService.sendGestionnaireWelcomeEmail(
+        savedUser.email,
+        savedUser.prenom || '',
+        savedUser.nom || '',
+      );
+    } catch (error) {
+      // On ne bloque pas la création si l'envoi d'email échoue, mais on log l'erreur
+      console.error('Erreur lors de l\'envoi de l\'email de bienvenue au gestionnaire', error);
+    }
+
+    return savedUser;
   }
 
   // Liste des gestionnaires
   async findAll(): Promise<Users[]> {
-    return this.gestionnaireRepository.find({ where: { role: RoleType.GESTIONNAIRE } });
+    return this.gestionnaireRepository.find({
+      where: { role: RoleType.GESTIONNAIRE },
+      relations: ['relais'],
+    });
   }
 
   // Récupérer un gestionnaire par ID
   async findOne(id: string): Promise<Users> {
     const gestionnaire = await this.gestionnaireRepository.findOne({
       where: { id, role: RoleType.GESTIONNAIRE },
+      relations: ['relais'],
     });
     if (!gestionnaire) throw new NotFoundException('Gestionnaire introuvable');
     return gestionnaire;

backend/src/routes/user/user.controller.ts

@@ -6,6 +6,7 @@ import { User } from 'src/common/decorators/user.decorator';
 import { RoleType, Users } from 'src/entities/users.entity';
 import { UserService } from './user.service';
 import { CreateUserDto } from './dto/create_user.dto';
+import { CreateAdminDto } from './dto/create_admin.dto';
 import { UpdateUserDto } from './dto/update_user.dto';
 
 @ApiTags('Utilisateurs')
@@ -15,6 +16,17 @@ import { UpdateUserDto } from './dto/update_user.dto';
 export class UserController {
   constructor(private readonly userService: UserService) { }
 
+  // Création d'un administrateur (réservée aux super admins)
+  @Post('admin')
+  @Roles(RoleType.SUPER_ADMIN)
+  @ApiOperation({ summary: 'Créer un nouvel administrateur (super admin seulement)' })
+  createAdmin(
+    @Body() dto: CreateAdminDto,
+    @User() currentUser: Users
+  ) {
+    return this.userService.createAdmin(dto, currentUser);
+  }
+
   // Création d'un utilisateur (réservée aux super admins)
   @Post()
   @Roles(RoleType.SUPER_ADMIN)
@@ -43,9 +55,9 @@ export class UserController {
     return this.userService.findOne(id);
   }
 
-  // Modifier un utilisateur (réservé super_admin)
+  // Modifier un utilisateur (réservé super_admin et admin)
   @Patch(':id')
-  @Roles(RoleType.SUPER_ADMIN)
+  @Roles(RoleType.SUPER_ADMIN, RoleType.ADMINISTRATEUR)
   @ApiOperation({ summary: 'Mettre à jour un utilisateur' })
   @ApiParam({ name: 'id', description: "UUID de l'utilisateur" })
   updateUser(

backend/src/routes/user/user.service.ts

@@ -3,6 +3,7 @@ import { InjectRepository } from "@nestjs/typeorm";
 import { RoleType, StatutUtilisateurType, Users } from "src/entities/users.entity";
 import { In, Repository } from "typeorm";
 import { CreateUserDto } from "./dto/create_user.dto";
+import { CreateAdminDto } from "./dto/create_admin.dto";
 import { UpdateUserDto } from "./dto/update_user.dto";
 import * as bcrypt from 'bcrypt';
 import { StatutValidationType, Validation } from "src/entities/validations.entity";
@@ -106,6 +107,31 @@ export class UserService {
         return this.findOne(saved.id);
     }
 
+    async createAdmin(dto: CreateAdminDto, currentUser: Users): Promise<Users> {
+        if (currentUser.role !== RoleType.SUPER_ADMIN) {
+             throw new ForbiddenException('Seuls les super administrateurs peuvent créer un administrateur');
+        }
+
+        const exist = await this.usersRepository.findOneBy({ email: dto.email });
+        if (exist) throw new BadRequestException('Email déjà utilisé');
+
+        const salt = await bcrypt.genSalt();
+        const hashedPassword = await bcrypt.hash(dto.password, salt);
+
+        const entity = this.usersRepository.create({
+            email: dto.email,
+            password: hashedPassword,
+            prenom: dto.prenom,
+            nom: dto.nom,
+            role: RoleType.ADMINISTRATEUR,
+            statut: StatutUtilisateurType.ACTIF,
+            telephone: dto.telephone,
+            changement_mdp_obligatoire: true,
+        });
+
+        return this.usersRepository.save(entity);
+    }
+
     async findAll(): Promise<Users[]> {
         return this.usersRepository.find();
     }
@@ -134,6 +160,11 @@ export class UserService {
             throw new ForbiddenException('Accès réservé aux super admins');
         }
 
+        // Un admin ne peut pas modifier un super admin
+        if (currentUser.role === RoleType.ADMINISTRATEUR && user.role === RoleType.SUPER_ADMIN) {
+            throw new ForbiddenException('Vous ne pouvez pas modifier un super administrateur');
+        }
+
         // Empêcher de modifier le flag changement_mdp_obligatoire pour admin/gestionnaire
         if (
             (user.role === RoleType.ADMINISTRATEUR || user.role === RoleType.GESTIONNAIRE) &&

database/BDD.sql

@@ -331,13 +331,29 @@ CREATE INDEX idx_acceptations_utilisateur ON acceptations_documents(id_utilisate
 CREATE INDEX idx_acceptations_document ON acceptations_documents(id_document);
 
 -- ==========================================================
--- Modification Table : utilisateurs (ajout colonnes documents)
+-- Table : relais
+-- ==========================================================
+CREATE TABLE relais (
+    id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
+    nom VARCHAR(255) NOT NULL,
+    adresse TEXT NOT NULL,
+    horaires_ouverture JSONB,
+    ligne_fixe VARCHAR(20),
+    actif BOOLEAN DEFAULT true,
+    notes TEXT,
+    cree_le TIMESTAMPTZ DEFAULT now(),
+    modifie_le TIMESTAMPTZ DEFAULT now()
+);
+
+-- ==========================================================
+-- Modification Table : utilisateurs (ajout colonnes documents et relais)
 -- ==========================================================
 ALTER TABLE utilisateurs 
     ADD COLUMN IF NOT EXISTS cgu_version_acceptee INTEGER,
     ADD COLUMN IF NOT EXISTS cgu_acceptee_le TIMESTAMPTZ,
     ADD COLUMN IF NOT EXISTS privacy_version_acceptee INTEGER,
-    ADD COLUMN IF NOT EXISTS privacy_acceptee_le TIMESTAMPTZ;
+    ADD COLUMN IF NOT EXISTS privacy_acceptee_le TIMESTAMPTZ,
+    ADD COLUMN IF NOT EXISTS relais_id UUID REFERENCES relais(id) ON DELETE SET NULL;
 
 -- ==========================================================
 -- Seed : Documents légaux génériques v1

docs/23_LISTE-TICKETS.md

@@ -1,9 +1,9 @@
 # 🎫 Liste Complète des Tickets - Projet P'titsPas
 
-**Version** : 1.4
-**Date** : 9 Février 2026
+**Version** : 1.5
+**Date** : 24 Février 2026
 **Auteur** : Équipe PtitsPas  
-**Estimation totale** : ~184h
+**Estimation totale** : ~208h
 
 ---
 
@@ -27,8 +27,15 @@
 | 14 | [Frontend] Panneau Paramètres / Configuration (première config + accès permanent) | Ouvert |
 | 15 | [Frontend] Écran Paramètres (accès permanent) | Ouvert |
 | 16 | [Doc] Documentation configuration on-premise | Ouvert |
-| 17–88 | (voir sections ci‑dessous ; #82, #78, #79, #81, #83 ; #86, #87, #88 fermés en doublon) | — |
-| 92 | [Frontend] Dashboard Admin - Données réelles et branchement API | Ouvert |
+| 17 | [Backend] API Création gestionnaire | ✅ Terminé |
+| 91 | [Frontend] Inscription AM – Branchement soumission formulaire à l'API | Ouvert |
+| 92 | [Frontend] Dashboard Admin - Données réelles et branchement API | ✅ Terminé |
+| 93 | [Frontend] Panneau Admin - Homogeneiser la presentation des onglets | Ouvert |
+| 94 | [Backend] Relais - modele, API CRUD et liaison gestionnaire | ✅ Terminé |
+| 95 | [Frontend] Admin - gestion des relais et rattachement gestionnaire | Ouvert |
+| 96 | [Frontend] Admin - Création administrateur via modale (sans relais) | ✅ Terminé |
+| 97 | [Backend] Harmoniser API création administrateur avec le contrat frontend | ✅ Terminé |
+| 89 | Log des appels API en mode debug | Ouvert |
 
 *Gitea #1 et #2 = anciens tickets de test (fermés). Liste complète : https://git.ptits-pas.fr/jmartin/petitspas/issues*
 
@@ -316,21 +323,22 @@ Rédiger la documentation pour aider les collectivités à configurer l'applicat
 
 ## 🟢 PRIORITÉ 2 : Backend - Authentification & Gestion Comptes
 
-### Ticket #17 : [Backend] API Création gestionnaire
+### Ticket #17 : [Backend] API Création gestionnaire ✅
 **Estimation** : 3h  
 **Labels** : `backend`, `p2`, `auth`
+**Statut** : ✅ TERMINÉ (Fermé le 2026-02-23)
 
 **Description** :
 Créer l'endpoint pour permettre au super admin de créer des gestionnaires.
 
 **Tâches** :
-- [ ] Endpoint `POST /api/v1/gestionnaires`
-- [ ] Validation DTO
-- [ ] Hash bcrypt
-- [ ] Flag `changement_mdp_obligatoire = TRUE`
-- [ ] Guards (super_admin only)
-- [ ] Email de notification (utiliser MailService avec config dynamique)
-- [ ] Tests unitaires
+- [x] Endpoint `POST /api/v1/gestionnaires`
+- [x] Validation DTO
+- [x] Hash bcrypt
+- [x] Flag `changement_mdp_obligatoire = TRUE`
+- [x] Guards (super_admin only)
+- [x] Email de notification (utiliser MailService avec config dynamique)
+- [x] Tests unitaires
 
 **Référence** : [20_WORKFLOW-CREATION-COMPTE.md](./20_WORKFLOW-CREATION-COMPTE.md#étape-2--création-dun-gestionnaire)
 
@@ -641,6 +649,38 @@ Enregistrer les acceptations de documents légaux lors de l'inscription (traçab
 
 ---
 
+### Ticket #94 : [Backend] Relais - Modèle, API CRUD et liaison gestionnaire ✅
+**Estimation** : 4h
+**Labels** : `backend`, `p2`, `admin`
+**Statut** : ✅ TERMINÉ (Fermé le 2026-02-21)
+
+**Description** :
+Le back-office admin doit gérer des Relais avec des données réelles en base, et permettre une liaison simple avec les gestionnaires.
+
+**Tâches** :
+- [x] Créer le modèle `Relais` (nom, adresse, horaires, téléphone, actif, notes)
+- [x] Exposer les endpoints admin CRUD pour les relais (`GET`, `POST`, `PATCH`, `DELETE`)
+- [x] Ajouter la liaison : un gestionnaire peut être rattaché à un relais principal (`relais_id` dans `users` ?)
+- [x] Validations (champs requis, format horaires)
+
+---
+
+### Ticket #97 : [Backend] Harmoniser API création administrateur avec le contrat frontend
+**Estimation** : 3h
+**Labels** : `backend`, `p2`, `auth`, `admin`
+
+**Description** :
+Rendre l'API de création administrateur cohérente et stable avec le besoin frontend (modale simplifiée), en définissant un contrat clair et minimal.
+
+**Tâches** :
+- [ ] Introduire un DTO dédié `CreateAdministrateurDto`
+- [ ] Champs autorisés : nom, prenom, email, password, telephone
+- [ ] Champs exclus : adresse, ville, photo, etc.
+- [ ] Rôle forcé à `ADMINISTRATEUR`
+- [ ] Validation stricte
+
+---
+
 ## 🟢 PRIORITÉ 3 : Frontend - Interfaces
 
 ### Ticket #35 : [Frontend] Écran Création Gestionnaire
@@ -894,9 +934,10 @@ Créer l'écran de gestion des documents légaux (CGU/Privacy) pour l'admin.
 
 ---
 
-### Ticket #92 : [Frontend] Dashboard Admin - Données réelles et branchement API
+### Ticket #92 : [Frontend] Dashboard Admin - Données réelles et branchement API ✅
 **Estimation** : 8h  
 **Labels** : `frontend`, `p3`, `admin`
+**Statut** : ✅ TERMINÉ (Fermé le 2026-02-17)
 
 **Description** :
 Le dashboard admin (onglets Gestionnaires | Parents | Assistantes maternelles | Administrateurs) affiche actuellement des données en dur (mock). Remplacer par des appels API pour afficher les vrais utilisateurs et permettre les actions de gestion (voir, modifier, valider/refuser). Référence : [90_AUDIT.md](./90_AUDIT.md).
@@ -1018,6 +1059,67 @@ Adapter l'écran de choix Parent/AM pour une meilleure expérience mobile et coh
 
 ---
 
+### Ticket #91 : [Frontend] Inscription AM – Branchement soumission formulaire à l'API
+**Estimation** : 3h
+**Labels** : `frontend`, `p3`, `auth`, `cdc`
+
+**Description** :
+Branchement du formulaire d'inscription AM (étape 4) à l'endpoint d'inscription.
+
+**Tâches** :
+- [ ] Construire le body (DTO) à partir de `AmRegistrationData`
+- [ ] Appel HTTP `POST /api/v1/auth/register/am`
+- [ ] Gestion réponse (201 : succès + redirection ; 4xx : erreur)
+- [ ] Conversion photo en base64 si nécessaire
+
+---
+
+### Ticket #93 : [Frontend] Panneau Admin - Homogénéisation des onglets
+**Estimation** : 4h
+**Labels** : `frontend`, `p3`, `admin`, `ux`
+
+**Description** :
+Uniformiser l'UI/UX des 4 onglets du dashboard admin (Gestionnaires, Parents, AM, Admins).
+
+**Tâches** :
+- [ ] Standardiser le header de liste (Recherche, Filtres, Bouton Action)
+- [ ] Standardiser les cartes utilisateurs (`ListTile` uniforme)
+- [ ] Standardiser les états (Loading, Erreur, Vide)
+- [ ] Factoriser les composants partagés
+
+---
+
+### Ticket #95 : [Frontend] Admin - Gestion des Relais et rattachement gestionnaire
+**Estimation** : 5h
+**Labels** : `frontend`, `p3`, `admin`
+
+**Description** :
+Interface de gestion des Relais dans le dashboard admin et rattachement des gestionnaires.
+
+**Tâches** :
+- [ ] Section Relais avec 2 sous-onglets : Paramètres techniques / Paramètres territoriaux
+- [ ] Liste, Création, Édition, Activation/Désactivation des relais
+- [ ] Champs UI : nom, adresse, horaires, téléphone, statut, notes
+- [ ] Onglet Gestionnaires : Ajout contrôle de rattachement au relais principal
+
+---
+
+### Ticket #96 : [Frontend] Admin - Création administrateur via modale (sans relais) ✅
+**Estimation** : 3h
+**Labels** : `frontend`, `p3`, `admin`
+**Statut** : ✅ TERMINÉ (Fermé le 2026-02-24)
+
+**Description** :
+Permettre la création d'un administrateur via une modale simple depuis le dashboard admin.
+
+**Tâches** :
+- [x] Bouton "Créer administrateur" dans l'onglet Administrateurs
+- [x] Modale avec formulaire simplifié (Nom, Prénom, Email, MDP, Téléphone)
+- [x] Appel API `POST /users` (ou endpoint dédié si #97 implémenté)
+- [x] Gestion succès/erreur et rafraîchissement liste
+
+---
+
 ## 🔵 PRIORITÉ 4 : Tests & Documentation
 
 ### Ticket #52 : [Tests] Tests unitaires Backend
@@ -1133,6 +1235,20 @@ Mettre en place un système de logs centralisé avec Winston pour faciliter le d
 
 ---
 
+### Ticket #89 : Log des appels API en mode debug
+**Estimation** : 2h
+**Labels** : `backend`, `monitoring`
+
+**Description** :
+Ajouter des logs détaillés pour les appels API en mode debug pour faciliter le diagnostic.
+
+**Tâches** :
+- [ ] Middleware ou Intercepteur pour logger les requêtes entrantes (méthode, URL, body)
+- [ ] Logger les réponses (status, temps d'exécution)
+- [ ] Activable via variable d'environnement `DEBUG=true` ou niveau de log
+
+---
+
 ### Ticket #51 (réf.) : [Frontend] Écran Logs Admin (optionnel v1.1)
 **Estimation** : 4h  
 **Labels** : `frontend`, `p3`, `monitoring`, `admin`
@@ -1235,28 +1351,29 @@ Rédiger les documents légaux génériques (CGU et Politique de confidentialit
 
 ## 📊 Résumé final
 
-**Total** : 65 tickets  
-**Estimation** : ~184h de développement
+**Total** : 72 tickets  
+**Estimation** : ~208h de développement
 
 ### Par priorité
 - **P0 (Bloquant BDD)** : 7 tickets (~5h)
 - **P1 (Bloquant Config)** : 7 tickets (~22h)
-- **P2 (Backend)** : 18 tickets (~50h)
-- **P3 (Frontend)** : 22 tickets (~71h) ← +1 mobile RegisterChoice
+- **P2 (Backend)** : 19 tickets (~54h)
+- **P3 (Frontend)** : 25 tickets (~83h)
 - **P4 (Tests/Doc)** : 4 tickets (~24h)
 - **Critiques** : 6 tickets (~13h)
 - **Juridique** : 1 ticket (~8h)
 
 ### Par domaine
 - **BDD** : 7 tickets
-- **Backend** : 23 tickets
-- **Frontend** : 22 tickets ← +1 mobile RegisterChoice
+- **Backend** : 24 tickets
+- **Frontend** : 25 tickets
 - **Tests** : 3 tickets
 - **Documentation** : 5 tickets
 - **Infra** : 2 tickets
 - **Juridique** : 1 ticket
 
 ### Modifications par rapport à la version initiale
+- ✅ **v1.5** : Ajout tickets #91, #93, #94, #95. Ticket #92 terminé.
 - ✅ **v1.4** : Numéros de section du doc = numéros Gitea (Ticket #n = issue #n). Tableau et sections renumérotés. Doublons #86, #87, #88 fermés sur Gitea (#86→#12, #87→#14, #88→#15) ; tickets sources #12, #14, #15 mis à jour (doc + body Gitea).
 - ✅ **Concept v1.3** : Configuration initiale = un seul panneau Paramètres (3 sections) dans le dashboard ; plus de page dédiée « Setup Wizard » ; navigation bloquée jusqu’à sauvegarde au premier déploiement. Tickets #10, #12, #13 alignés.
 - ❌ **Supprimé** : Tickets "Renvoyer email validation" (backend + frontend) - Pas prioritaire
@@ -1270,7 +1387,7 @@ Rédiger les documents légaux génériques (CGU et Politique de confidentialit
 
 ---
 
-**Dernière mise à jour** : 9 Février 2026
-**Version** : 1.4
+**Dernière mise à jour** : 24 Février 2026
+**Version** : 1.6
 **Statut** : ✅ Aligné avec le dépôt Gitea
 

docs/EVOLUTIONS_CDC.md

@@ -256,3 +256,23 @@ Pour chaque évolution identifiée, ce document suivra la structure suivante :
 - Modification du flux de sélection d'image dans les écrans concernés (ex: `parent_register_step3_screen.dart`).
 - Ajout potentiel de nouvelles dépendances et configurations spécifiques aux plateformes.
 - Mise à jour de la documentation utilisateur si cette fonctionnalité est implémentée. 
+
+## 8. Évolution future - Gouvernance intra-RPE
+
+### 8.1 Niveaux d'accès et rôles différenciés dans un même Relais
+
+#### 8.1.1 Situation actuelle
+- Le périmètre actuel prévoit un rattachement simple entre gestionnaire et relais.
+- Le rôle "gestionnaire" est traité de manière uniforme dans l'outil.
+
+#### 8.1.2 Évolution à prévoir
+- Introduire un modèle de rôles internes au relais (par exemple : responsable/coordinatrice, animatrice/référente, administratif).
+- Permettre des niveaux d'autorité différents selon les actions (pilotage, validation, consultation, administration locale).
+- Définir des permissions fines par fonctionnalité (lecture, création, modification, suppression, validation).
+- Prévoir une gestion multi-utilisateurs par relais avec traçabilité des décisions.
+
+#### 8.1.3 Impact attendu
+- Évolution du modèle de données vers un RBAC intra-RPE.
+- Adaptation des écrans d'administration pour gérer les rôles locaux.
+- Renforcement des contrôles d'accès backend et des règles métier.
+- Clarification des workflows décisionnels dans l'application.

frontend/lib/models/relais_model.dart

@@ -0,0 +1,33 @@
+class RelaisModel {
+  final String id;
+  final String nom;
+  final String adresse;
+  final Map<String, dynamic>? horairesOuverture;
+  final String? ligneFixe;
+  final bool actif;
+  final String? notes;
+
+  const RelaisModel({
+    required this.id,
+    required this.nom,
+    required this.adresse,
+    this.horairesOuverture,
+    this.ligneFixe,
+    required this.actif,
+    this.notes,
+  });
+
+  factory RelaisModel.fromJson(Map<String, dynamic> json) {
+    return RelaisModel(
+      id: (json['id'] ?? '').toString(),
+      nom: (json['nom'] ?? '').toString(),
+      adresse: (json['adresse'] ?? '').toString(),
+      horairesOuverture: json['horaires_ouverture'] is Map<String, dynamic>
+          ? json['horaires_ouverture'] as Map<String, dynamic>
+          : null,
+      ligneFixe: json['ligne_fixe'] as String?,
+      actif: json['actif'] as bool? ?? true,
+      notes: json['notes'] as String?,
+    );
+  }
+}

frontend/lib/models/user.dart

@@ -13,6 +13,8 @@ class AppUser {
   final String? adresse;
   final String? ville;
   final String? codePostal;
+  final String? relaisId;
+  final String? relaisNom;
 
   AppUser({
     required this.id,
@@ -29,9 +31,15 @@ class AppUser {
     this.adresse,
     this.ville,
     this.codePostal,
+    this.relaisId,
+    this.relaisNom,
   });
 
   factory AppUser.fromJson(Map<String, dynamic> json) {
+    final relaisJson = json['relais'];
+    final relaisMap =
+        relaisJson is Map<String, dynamic> ? relaisJson : <String, dynamic>{};
+
     return AppUser(
       id: json['id'] as String,
       email: json['email'] as String,
@@ -56,6 +64,9 @@ class AppUser {
       adresse: json['adresse'] as String?,
       ville: json['ville'] as String?,
       codePostal: json['code_postal'] as String?,
+      relaisId: (json['relaisId'] ?? json['relais_id'] ?? relaisMap['id'])
+          ?.toString(),
+      relaisNom: relaisMap['nom']?.toString(),
     );
   }
 
@@ -75,6 +86,8 @@ class AppUser {
       'adresse': adresse,
       'ville': ville,
       'code_postal': codePostal,
+      'relais_id': relaisId,
+      'relais_nom': relaisNom,
     };
   }
 

frontend/lib/screens/administrateurs/admin_dashboardScreen.dart

@@ -1,10 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:p_tits_pas/services/configuration_service.dart';
-import 'package:p_tits_pas/widgets/admin/assistante_maternelle_management_widget.dart';
-import 'package:p_tits_pas/widgets/admin/gestionnaire_management_widget.dart';
-import 'package:p_tits_pas/widgets/admin/parent_managmant_widget.dart';
-import 'package:p_tits_pas/widgets/admin/admin_management_widget.dart';
 import 'package:p_tits_pas/widgets/admin/parametres_panel.dart';
+import 'package:p_tits_pas/widgets/admin/user_management_panel.dart';
 import 'package:p_tits_pas/widgets/app_footer.dart';
 import 'package:p_tits_pas/widgets/admin/dashboard_admin.dart';
 
@@ -18,7 +15,7 @@ class AdminDashboardScreen extends StatefulWidget {
 class _AdminDashboardScreenState extends State<AdminDashboardScreen> {
   bool? _setupCompleted;
   int mainTabIndex = 0;
-  int subIndex = 0;
+  int settingsSubIndex = 0;
 
   @override
   void initState() {
@@ -26,6 +23,11 @@ class _AdminDashboardScreenState extends State<AdminDashboardScreen> {
     _loadSetupStatus();
   }
 
+  @override
+  void dispose() {
+    super.dispose();
+  }
+
   Future<void> _loadSetupStatus() async {
     try {
       final completed = await ConfigurationService.getSetupStatus();
@@ -35,12 +37,14 @@ class _AdminDashboardScreenState extends State<AdminDashboardScreen> {
         if (!completed) mainTabIndex = 1;
       });
     } catch (e) {
-      if (mounted) setState(() {
+      if (mounted) {
+        setState(() {
           _setupCompleted = false;
           mainTabIndex = 1;
         });
       }
     }
+  }
 
   void onMainTabChange(int index) {
     setState(() {
@@ -48,9 +52,9 @@ class _AdminDashboardScreenState extends State<AdminDashboardScreen> {
     });
   }
 
-  void onSubTabChange(int index) {
+  void onSettingsSubTabChange(int index) {
     setState(() {
-      subIndex = index;
+      settingsSubIndex = index;
     });
   }
 
@@ -80,9 +84,11 @@ class _AdminDashboardScreenState extends State<AdminDashboardScreen> {
       body: Column(
         children: [
           if (mainTabIndex == 0)
-            DashboardUserManagementSubBar(
-              selectedSubIndex: subIndex,
-              onSubTabChange: onSubTabChange,
+            const SizedBox.shrink()
+          else
+            DashboardSettingsSubBar(
+              selectedSubIndex: settingsSubIndex,
+              onSubTabChange: onSettingsSubTabChange,
             ),
           Expanded(
             child: _getBody(),
@@ -95,19 +101,11 @@ class _AdminDashboardScreenState extends State<AdminDashboardScreen> {
 
   Widget _getBody() {
     if (mainTabIndex == 1) {
-      return ParametresPanel(redirectToLoginAfterSave: !_setupCompleted!);
-    }
-    switch (subIndex) {
-      case 0:
-        return const GestionnaireManagementWidget();
-      case 1:
-        return const ParentManagementWidget();
-      case 2:
-        return const AssistanteMaternelleManagementWidget();
-      case 3:
-        return const AdminManagementWidget();
-      default:
-        return const Center(child: Text('Page non trouvée'));
+      return ParametresPanel(
+        redirectToLoginAfterSave: !_setupCompleted!,
+        selectedSettingsTabIndex: settingsSubIndex,
+      );
     }
+    return const AdminUserManagementPanel();
   }
 }

frontend/lib/screens/administrateurs/creation/admin_create.dart

@@ -0,0 +1,357 @@
+import 'package:flutter/material.dart';
+import 'package:p_tits_pas/models/user.dart';
+import 'package:p_tits_pas/services/user_service.dart';
+
+class AdminCreateDialog extends StatefulWidget {
+  final AppUser? initialUser;
+
+  const AdminCreateDialog({
+    super.key,
+    this.initialUser,
+  });
+
+  @override
+  State<AdminCreateDialog> createState() => _AdminCreateDialogState();
+}
+
+class _AdminCreateDialogState extends State<AdminCreateDialog> {
+  final _formKey = GlobalKey<FormState>();
+  final _nomController = TextEditingController();
+  final _prenomController = TextEditingController();
+  final _emailController = TextEditingController();
+  final _passwordController = TextEditingController();
+  final _telephoneController = TextEditingController();
+
+  bool _isSubmitting = false;
+  bool _obscurePassword = true;
+  bool get _isEditMode => widget.initialUser != null;
+
+  @override
+  void initState() {
+    super.initState();
+    final user = widget.initialUser;
+    if (user != null) {
+      _nomController.text = user.nom ?? '';
+      _prenomController.text = user.prenom ?? '';
+      _emailController.text = user.email;
+      _telephoneController.text = user.telephone ?? '';
+      // En édition, on ne préremplit jamais le mot de passe.
+      _passwordController.clear();
+    }
+  }
+
+  @override
+  void dispose() {
+    _nomController.dispose();
+    _prenomController.dispose();
+    _emailController.dispose();
+    _passwordController.dispose();
+    _telephoneController.dispose();
+    super.dispose();
+  }
+
+  String? _required(String? value, String field) {
+    if (value == null || value.trim().isEmpty) {
+      return '$field est requis';
+    }
+    return null;
+  }
+
+  String? _validateEmail(String? value) {
+    final base = _required(value, 'Email');
+    if (base != null) return base;
+    final email = value!.trim();
+    final ok = RegExp(r'^[^@]+@[^@]+\.[^@]+$').hasMatch(email);
+    if (!ok) return 'Format email invalide';
+    return null;
+  }
+
+  String? _validatePassword(String? value) {
+    if (_isEditMode && (value == null || value.trim().isEmpty)) {
+      return null;
+    }
+    final base = _required(value, 'Mot de passe');
+    if (base != null) return base;
+    if (value!.trim().length < 6) return 'Minimum 6 caractères';
+    return null;
+  }
+
+  Future<void> _submit() async {
+    if (_isSubmitting) return;
+    if (!_formKey.currentState!.validate()) return;
+
+    setState(() {
+      _isSubmitting = true;
+    });
+
+    try {
+      if (_isEditMode) {
+        await UserService.updateAdmin(
+          adminId: widget.initialUser!.id,
+          nom: _nomController.text.trim(),
+          prenom: _prenomController.text.trim(),
+          email: _emailController.text.trim(),
+          telephone: _telephoneController.text.trim(),
+          password: _passwordController.text.trim().isEmpty
+              ? null
+              : _passwordController.text,
+        );
+      } else {
+        await UserService.createAdmin(
+          nom: _nomController.text.trim(),
+          prenom: _prenomController.text.trim(),
+          email: _emailController.text.trim(),
+          password: _passwordController.text,
+          telephone: _telephoneController.text.trim(),
+        );
+      }
+      if (!mounted) return;
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(
+          content: Text(
+            _isEditMode
+                ? 'Administrateur modifié avec succès.'
+                : 'Administrateur créé avec succès.',
+          ),
+        ),
+      );
+      Navigator.of(context).pop(true);
+    } catch (e) {
+      if (!mounted) return;
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(
+          content: Text(
+            e.toString().replaceFirst('Exception: ', ''),
+          ),
+          backgroundColor: Colors.red.shade700,
+        ),
+      );
+    } finally {
+      if (!mounted) return;
+      setState(() {
+        _isSubmitting = false;
+      });
+    }
+  }
+
+  Future<void> _delete() async {
+    if (!_isEditMode || _isSubmitting) return;
+
+    final confirmed = await showDialog<bool>(
+      context: context,
+      builder: (ctx) {
+        return AlertDialog(
+          title: const Text('Confirmer la suppression'),
+          content: Text(
+            'Supprimer ${widget.initialUser!.fullName.isEmpty ? widget.initialUser!.email : widget.initialUser!.fullName} ?',
+          ),
+          actions: [
+            TextButton(
+              onPressed: () => Navigator.of(ctx).pop(false),
+              child: const Text('Annuler'),
+            ),
+            FilledButton(
+              onPressed: () => Navigator.of(ctx).pop(true),
+              style: FilledButton.styleFrom(backgroundColor: Colors.red.shade700),
+              child: const Text('Supprimer'),
+            ),
+          ],
+        );
+      },
+    );
+
+    if (confirmed != true) return;
+
+    setState(() {
+      _isSubmitting = true;
+    });
+    try {
+      await UserService.deleteUser(widget.initialUser!.id);
+      if (!mounted) return;
+      ScaffoldMessenger.of(context).showSnackBar(
+        const SnackBar(content: Text('Administrateur supprimé.')),
+      );
+      Navigator.of(context).pop(true);
+    } catch (e) {
+      if (!mounted) return;
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(
+          content: Text(e.toString().replaceFirst('Exception: ', '')),
+          backgroundColor: Colors.red.shade700,
+        ),
+      );
+      setState(() {
+        _isSubmitting = false;
+      });
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return AlertDialog(
+      title: Row(
+        children: [
+          Expanded(
+            child: Text(
+              _isEditMode
+                  ? 'Modifier un administrateur'
+                  : 'Créer un administrateur',
+            ),
+          ),
+          if (_isEditMode)
+            IconButton(
+              icon: const Icon(Icons.close),
+              tooltip: 'Fermer',
+              onPressed: _isSubmitting
+                  ? null
+                  : () => Navigator.of(context).pop(false),
+            ),
+        ],
+      ),
+      content: SizedBox(
+        width: 620,
+        child: Form(
+          key: _formKey,
+          child: SingleChildScrollView(
+            child: Column(
+              mainAxisSize: MainAxisSize.min,
+              children: [
+                Row(
+                  children: [
+                    Expanded(child: _buildNomField()),
+                    const SizedBox(width: 12),
+                    Expanded(child: _buildPrenomField()),
+                  ],
+                ),
+                const SizedBox(height: 12),
+                _buildEmailField(),
+                const SizedBox(height: 12),
+                Row(
+                  children: [
+                    Expanded(child: _buildPasswordField()),
+                    const SizedBox(width: 12),
+                    Expanded(child: _buildTelephoneField()),
+                  ],
+                ),
+              ],
+            ),
+          ),
+        ),
+      ),
+      actions: [
+        if (_isEditMode) ...[
+          OutlinedButton(
+            onPressed: _isSubmitting ? null : _delete,
+            style: OutlinedButton.styleFrom(foregroundColor: Colors.red.shade700),
+            child: const Text('Supprimer'),
+          ),
+          FilledButton.icon(
+            onPressed: _isSubmitting ? null : _submit,
+            icon: _isSubmitting
+                ? const SizedBox(
+                    width: 16,
+                    height: 16,
+                    child: CircularProgressIndicator(strokeWidth: 2),
+                  )
+                : const Icon(Icons.edit),
+            label: Text(_isSubmitting ? 'Modification...' : 'Modifier'),
+          ),
+        ] else ...[
+          OutlinedButton(
+            onPressed:
+                _isSubmitting ? null : () => Navigator.of(context).pop(false),
+            child: const Text('Annuler'),
+          ),
+          FilledButton.icon(
+            onPressed: _isSubmitting ? null : _submit,
+            icon: _isSubmitting
+                ? const SizedBox(
+                    width: 16,
+                    height: 16,
+                    child: CircularProgressIndicator(strokeWidth: 2),
+                  )
+                : const Icon(Icons.person_add_alt_1),
+            label: Text(_isSubmitting ? 'Création...' : 'Créer'),
+          ),
+        ],
+      ],
+    );
+  }
+
+  Widget _buildNomField() {
+    return TextFormField(
+      controller: _nomController,
+      textCapitalization: TextCapitalization.words,
+      decoration: const InputDecoration(
+        labelText: 'Nom',
+        border: OutlineInputBorder(),
+      ),
+      validator: (v) => _required(v, 'Nom'),
+    );
+  }
+
+  Widget _buildPrenomField() {
+    return TextFormField(
+      controller: _prenomController,
+      textCapitalization: TextCapitalization.words,
+      decoration: const InputDecoration(
+        labelText: 'Prénom',
+        border: OutlineInputBorder(),
+      ),
+      validator: (v) => _required(v, 'Prénom'),
+    );
+  }
+
+  Widget _buildEmailField() {
+    return TextFormField(
+      controller: _emailController,
+      keyboardType: TextInputType.emailAddress,
+      decoration: const InputDecoration(
+        labelText: 'Email',
+        border: OutlineInputBorder(),
+      ),
+      validator: _validateEmail,
+    );
+  }
+
+  Widget _buildPasswordField() {
+    return TextFormField(
+      controller: _passwordController,
+      obscureText: _obscurePassword,
+      enableSuggestions: false,
+      autocorrect: false,
+      autofillHints: _isEditMode
+          ? const <String>[]
+          : const [AutofillHints.newPassword],
+      decoration: InputDecoration(
+        labelText: _isEditMode
+            ? 'Nouveau mot de passe'
+            : 'Mot de passe',
+        border: const OutlineInputBorder(),
+        suffixIcon: IconButton(
+          onPressed: () {
+            setState(() {
+              _obscurePassword = !_obscurePassword;
+            });
+          },
+          icon: Icon(
+            _obscurePassword ? Icons.visibility_off : Icons.visibility,
+          ),
+        ),
+      ),
+      validator: _validatePassword,
+    );
+  }
+
+  Widget _buildTelephoneField() {
+    return TextFormField(
+      controller: _telephoneController,
+      keyboardType: TextInputType.phone,
+      decoration: const InputDecoration(
+        labelText: 'Téléphone',
+        border: OutlineInputBorder(),
+      ),
+      validator: (v) => _required(v, 'Téléphone'),
+    );
+  }
+}

frontend/lib/screens/administrateurs/creation/gestionnaires_create.dart

@@ -1,17 +1,451 @@
 import 'package:flutter/material.dart';
+import 'package:p_tits_pas/models/relais_model.dart';
+import 'package:p_tits_pas/models/user.dart';
+import 'package:p_tits_pas/services/relais_service.dart';
+import 'package:p_tits_pas/services/user_service.dart';
 
-class GestionnairesCreate extends StatelessWidget {
-  const GestionnairesCreate({super.key});
+class GestionnaireCreateDialog extends StatefulWidget {
+  final AppUser? initialUser;
+
+  const GestionnaireCreateDialog({
+    super.key,
+    this.initialUser,
+  });
+
+  @override
+  State<GestionnaireCreateDialog> createState() =>
+      _GestionnaireCreateDialogState();
+}
+
+class _GestionnaireCreateDialogState extends State<GestionnaireCreateDialog> {
+  final _formKey = GlobalKey<FormState>();
+  final _nomController = TextEditingController();
+  final _prenomController = TextEditingController();
+  final _emailController = TextEditingController();
+  final _passwordController = TextEditingController();
+  final _telephoneController = TextEditingController();
+
+  bool _isSubmitting = false;
+  bool _obscurePassword = true;
+  bool _isLoadingRelais = true;
+  List<RelaisModel> _relais = [];
+  String? _selectedRelaisId;
+  bool get _isEditMode => widget.initialUser != null;
+
+  @override
+  void initState() {
+    super.initState();
+    final user = widget.initialUser;
+    if (user != null) {
+      _nomController.text = user.nom ?? '';
+      _prenomController.text = user.prenom ?? '';
+      _emailController.text = user.email;
+      _telephoneController.text = user.telephone ?? '';
+      // En édition, on ne préremplit jamais le mot de passe.
+      _passwordController.clear();
+      final initialRelaisId = user.relaisId?.trim();
+      _selectedRelaisId =
+          (initialRelaisId == null || initialRelaisId.isEmpty)
+              ? null
+              : initialRelaisId;
+    }
+    _loadRelais();
+  }
+
+  @override
+  void dispose() {
+    _nomController.dispose();
+    _prenomController.dispose();
+    _emailController.dispose();
+    _passwordController.dispose();
+    _telephoneController.dispose();
+    super.dispose();
+  }
+
+  Future<void> _loadRelais() async {
+    try {
+      final list = await RelaisService.getRelais();
+      if (!mounted) return;
+      final uniqueById = <String, RelaisModel>{};
+      for (final relais in list) {
+        uniqueById[relais.id] = relais;
+      }
+
+      final filtered = uniqueById.values.where((r) => r.actif).toList();
+      if (_selectedRelaisId != null &&
+          !filtered.any((r) => r.id == _selectedRelaisId)) {
+        final selected = uniqueById[_selectedRelaisId!];
+        if (selected != null) {
+          filtered.add(selected);
+        } else {
+          _selectedRelaisId = null;
+        }
+      }
+
+      setState(() {
+        _relais = filtered;
+        _isLoadingRelais = false;
+      });
+    } catch (_) {
+      if (!mounted) return;
+      setState(() {
+        _selectedRelaisId = null;
+        _relais = [];
+        _isLoadingRelais = false;
+      });
+    }
+  }
+
+  String? _required(String? value, String field) {
+    if (value == null || value.trim().isEmpty) {
+      return '$field est requis';
+    }
+    return null;
+  }
+
+  String? _validateEmail(String? value) {
+    final base = _required(value, 'Email');
+    if (base != null) return base;
+    final email = value!.trim();
+    final ok = RegExp(r'^[^@]+@[^@]+\.[^@]+$').hasMatch(email);
+    if (!ok) return 'Format email invalide';
+    return null;
+  }
+
+  String? _validatePassword(String? value) {
+    if (_isEditMode && (value == null || value.trim().isEmpty)) {
+      return null;
+    }
+    final base = _required(value, 'Mot de passe');
+    if (base != null) return base;
+    if (value!.trim().length < 6) return 'Minimum 6 caractères';
+    return null;
+  }
+
+  Future<void> _submit() async {
+    if (_isSubmitting) return;
+    if (!_formKey.currentState!.validate()) return;
+
+    setState(() {
+      _isSubmitting = true;
+    });
+
+    try {
+      if (_isEditMode) {
+        await UserService.updateGestionnaire(
+          gestionnaireId: widget.initialUser!.id,
+          nom: _nomController.text.trim(),
+          prenom: _prenomController.text.trim(),
+          email: _emailController.text.trim(),
+          telephone: _telephoneController.text.trim(),
+          relaisId: _selectedRelaisId,
+          password: _passwordController.text.trim().isEmpty
+              ? null
+              : _passwordController.text,
+        );
+      } else {
+        await UserService.createGestionnaire(
+          nom: _nomController.text.trim(),
+          prenom: _prenomController.text.trim(),
+          email: _emailController.text.trim(),
+          password: _passwordController.text,
+          telephone: _telephoneController.text.trim(),
+          relaisId: _selectedRelaisId,
+        );
+      }
+      if (!mounted) return;
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(
+          content: Text(
+            _isEditMode
+                ? 'Gestionnaire modifié avec succès.'
+                : 'Gestionnaire créé avec succès.',
+          ),
+        ),
+      );
+      Navigator.of(context).pop(true);
+    } catch (e) {
+      if (!mounted) return;
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(
+          content: Text(
+            e.toString().replaceFirst('Exception: ', ''),
+          ),
+          backgroundColor: Colors.red.shade700,
+        ),
+      );
+    } finally {
+      if (!mounted) return;
+      setState(() {
+        _isSubmitting = false;
+      });
+    }
+  }
+
+  Future<void> _delete() async {
+    if (!_isEditMode || _isSubmitting) return;
+
+    final confirmed = await showDialog<bool>(
+      context: context,
+      builder: (ctx) {
+        return AlertDialog(
+          title: const Text('Confirmer la suppression'),
+          content: Text(
+            'Supprimer ${widget.initialUser!.fullName.isEmpty ? widget.initialUser!.email : widget.initialUser!.fullName} ?',
+          ),
+          actions: [
+            TextButton(
+              onPressed: () => Navigator.of(ctx).pop(false),
+              child: const Text('Annuler'),
+            ),
+            FilledButton(
+              onPressed: () => Navigator.of(ctx).pop(true),
+              style: FilledButton.styleFrom(backgroundColor: Colors.red.shade700),
+              child: const Text('Supprimer'),
+            ),
+          ],
+        );
+      },
+    );
+
+    if (confirmed != true) return;
+
+    setState(() {
+      _isSubmitting = true;
+    });
+    try {
+      await UserService.deleteUser(widget.initialUser!.id);
+      if (!mounted) return;
+      ScaffoldMessenger.of(context).showSnackBar(
+        const SnackBar(content: Text('Gestionnaire supprimé.')),
+      );
+      Navigator.of(context).pop(true);
+    } catch (e) {
+      if (!mounted) return;
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(
+          content: Text(e.toString().replaceFirst('Exception: ', '')),
+          backgroundColor: Colors.red.shade700,
+        ),
+      );
+      setState(() {
+        _isSubmitting = false;
+      });
+    }
+  }
 
   @override
   Widget build(BuildContext context) {
-    return Scaffold(
-      appBar: AppBar(
-        title: const Text('Créer un gestionnaire'),
+    return AlertDialog(
+      title: Row(
+        children: [
+          Expanded(
+            child: Text(
+              _isEditMode
+                  ? 'Modifier un gestionnaire'
+                  : 'Créer un gestionnaire',
             ),
-      body: const Center(
-        child: Text('Formulaire de création de gestionnaire'),
           ),
+          if (_isEditMode)
+            IconButton(
+              icon: const Icon(Icons.close),
+              tooltip: 'Fermer',
+              onPressed: _isSubmitting
+                  ? null
+                  : () => Navigator.of(context).pop(false),
+            ),
+        ],
+      ),
+      content: SizedBox(
+        width: 620,
+        child: Form(
+          key: _formKey,
+          child: SingleChildScrollView(
+            child: Column(
+              mainAxisSize: MainAxisSize.min,
+              children: [
+                Row(
+                  children: [
+                    Expanded(child: _buildNomField()),
+                    const SizedBox(width: 12),
+                    Expanded(child: _buildPrenomField()),
+                  ],
+                ),
+                const SizedBox(height: 12),
+                _buildEmailField(),
+                const SizedBox(height: 12),
+                Row(
+                  children: [
+                    Expanded(child: _buildPasswordField()),
+                    const SizedBox(width: 12),
+                    Expanded(child: _buildTelephoneField()),
+                  ],
+                ),
+                const SizedBox(height: 12),
+                _buildRelaisField(),
+              ],
+            ),
+          ),
+        ),
+      ),
+      actions: [
+        if (_isEditMode) ...[
+          OutlinedButton(
+            onPressed: _isSubmitting ? null : _delete,
+            style: OutlinedButton.styleFrom(foregroundColor: Colors.red.shade700),
+            child: const Text('Supprimer'),
+          ),
+          FilledButton.icon(
+            onPressed: _isSubmitting ? null : _submit,
+            icon: _isSubmitting
+                ? const SizedBox(
+                    width: 16,
+                    height: 16,
+                    child: CircularProgressIndicator(strokeWidth: 2),
+                  )
+                : const Icon(Icons.edit),
+            label: Text(_isSubmitting ? 'Modification...' : 'Modifier'),
+          ),
+        ] else ...[
+          OutlinedButton(
+            onPressed:
+                _isSubmitting ? null : () => Navigator.of(context).pop(false),
+            child: const Text('Annuler'),
+          ),
+          FilledButton.icon(
+            onPressed: _isSubmitting ? null : _submit,
+            icon: _isSubmitting
+                ? const SizedBox(
+                    width: 16,
+                    height: 16,
+                    child: CircularProgressIndicator(strokeWidth: 2),
+                  )
+                : const Icon(Icons.person_add_alt_1),
+            label: Text(_isSubmitting ? 'Création...' : 'Créer'),
+          ),
+        ],
+      ],
+    );
+  }
+
+  Widget _buildNomField() {
+    return TextFormField(
+      controller: _nomController,
+      textCapitalization: TextCapitalization.words,
+      decoration: const InputDecoration(
+        labelText: 'Nom',
+        border: OutlineInputBorder(),
+      ),
+      validator: (v) => _required(v, 'Nom'),
+    );
+  }
+
+  Widget _buildPrenomField() {
+    return TextFormField(
+      controller: _prenomController,
+      textCapitalization: TextCapitalization.words,
+      decoration: const InputDecoration(
+        labelText: 'Prénom',
+        border: OutlineInputBorder(),
+      ),
+      validator: (v) => _required(v, 'Prénom'),
+    );
+  }
+
+  Widget _buildEmailField() {
+    return TextFormField(
+      controller: _emailController,
+      keyboardType: TextInputType.emailAddress,
+      decoration: const InputDecoration(
+        labelText: 'Email',
+        border: OutlineInputBorder(),
+      ),
+      validator: _validateEmail,
+    );
+  }
+
+  Widget _buildPasswordField() {
+    return TextFormField(
+      controller: _passwordController,
+      obscureText: _obscurePassword,
+      enableSuggestions: false,
+      autocorrect: false,
+      autofillHints: _isEditMode
+          ? const <String>[]
+          : const [AutofillHints.newPassword],
+      decoration: InputDecoration(
+        labelText: _isEditMode
+            ? 'Nouveau mot de passe'
+            : 'Mot de passe',
+        border: const OutlineInputBorder(),
+        suffixIcon: IconButton(
+          onPressed: () {
+            setState(() {
+              _obscurePassword = !_obscurePassword;
+            });
+          },
+          icon: Icon(
+            _obscurePassword ? Icons.visibility_off : Icons.visibility,
+          ),
+        ),
+      ),
+      validator: _validatePassword,
+    );
+  }
+
+  Widget _buildTelephoneField() {
+    return TextFormField(
+      controller: _telephoneController,
+      keyboardType: TextInputType.phone,
+      decoration: const InputDecoration(
+        labelText: 'Téléphone',
+        border: OutlineInputBorder(),
+      ),
+      validator: (v) => _required(v, 'Téléphone'),
+    );
+  }
+
+  Widget _buildRelaisField() {
+    final selectedValue = _selectedRelaisId != null &&
+            _relais.any((relais) => relais.id == _selectedRelaisId)
+        ? _selectedRelaisId
+        : null;
+
+    return Column(
+      mainAxisSize: MainAxisSize.min,
+      children: [
+        DropdownButtonFormField<String?>(
+          isExpanded: true,
+          value: selectedValue,
+          decoration: const InputDecoration(
+            labelText: 'Relais principal',
+            border: OutlineInputBorder(),
+          ),
+          items: [
+            const DropdownMenuItem<String?>(
+              value: null,
+              child: Text('Aucun relais'),
+            ),
+            ..._relais.map(
+              (relais) => DropdownMenuItem<String?>(
+                value: relais.id,
+                child: Text(relais.nom),
+              ),
+            ),
+          ],
+          onChanged: _isLoadingRelais
+              ? null
+              : (value) {
+                  setState(() {
+                    _selectedRelaisId = value;
+                  });
+                },
+        ),
+        if (_isLoadingRelais) ...[
+          const SizedBox(height: 8),
+          const LinearProgressIndicator(minHeight: 2),
+        ],
+      ],
     );
   }
 }

frontend/lib/services/api/api_config.dart

@@ -18,11 +18,13 @@ class ApiConfig {
   static const String gestionnaires = '/gestionnaires';
   static const String parents = '/parents';
   static const String assistantesMaternelles = '/assistantes-maternelles';
+  static const String relais = '/relais';
 
   // Configuration (admin)
   static const String configuration = '/configuration';
   static const String configurationSetupStatus = '/configuration/setup/status';
-  static const String configurationSetupComplete = '/configuration/setup/complete';
+  static const String configurationSetupComplete =
+      '/configuration/setup/complete';
   static const String configurationTestSmtp = '/configuration/test-smtp';
   static const String configurationBulk = '/configuration/bulk';
 

frontend/lib/services/relais_service.dart

@@ -0,0 +1,97 @@
+import 'dart:convert';
+
+import 'package:http/http.dart' as http;
+import 'package:p_tits_pas/models/relais_model.dart';
+import 'package:p_tits_pas/services/api/api_config.dart';
+import 'package:p_tits_pas/services/api/tokenService.dart';
+
+class RelaisService {
+  static Future<Map<String, String>> _headers() async {
+    final token = await TokenService.getToken();
+    return token != null
+        ? ApiConfig.authHeaders(token)
+        : Map<String, String>.from(ApiConfig.headers);
+  }
+
+  static String _extractError(String body, String fallback) {
+    try {
+      final decoded = jsonDecode(body);
+      if (decoded is Map<String, dynamic>) {
+        final message = decoded['message'];
+        if (message is String && message.trim().isNotEmpty) {
+          return message;
+        }
+      }
+    } catch (_) {}
+    return fallback;
+  }
+
+  static Future<List<RelaisModel>> getRelais() async {
+    final response = await http.get(
+      Uri.parse('${ApiConfig.baseUrl}${ApiConfig.relais}'),
+      headers: await _headers(),
+    );
+
+    if (response.statusCode != 200) {
+      throw Exception(
+        _extractError(response.body, 'Erreur chargement relais'),
+      );
+    }
+
+    final List<dynamic> data = jsonDecode(response.body);
+    return data
+        .whereType<Map<String, dynamic>>()
+        .map(RelaisModel.fromJson)
+        .toList();
+  }
+
+  static Future<RelaisModel> createRelais(Map<String, dynamic> payload) async {
+    final response = await http.post(
+      Uri.parse('${ApiConfig.baseUrl}${ApiConfig.relais}'),
+      headers: await _headers(),
+      body: jsonEncode(payload),
+    );
+
+    if (response.statusCode != 201 && response.statusCode != 200) {
+      throw Exception(
+        _extractError(response.body, 'Erreur création relais'),
+      );
+    }
+
+    return RelaisModel.fromJson(
+        jsonDecode(response.body) as Map<String, dynamic>);
+  }
+
+  static Future<RelaisModel> updateRelais(
+    String id,
+    Map<String, dynamic> payload,
+  ) async {
+    final response = await http.patch(
+      Uri.parse('${ApiConfig.baseUrl}${ApiConfig.relais}/$id'),
+      headers: await _headers(),
+      body: jsonEncode(payload),
+    );
+
+    if (response.statusCode != 200) {
+      throw Exception(
+        _extractError(response.body, 'Erreur mise à jour relais'),
+      );
+    }
+
+    return RelaisModel.fromJson(
+        jsonDecode(response.body) as Map<String, dynamic>);
+  }
+
+  static Future<void> deleteRelais(String id) async {
+    final response = await http.delete(
+      Uri.parse('${ApiConfig.baseUrl}${ApiConfig.relais}/$id'),
+      headers: await _headers(),
+    );
+
+    if (response.statusCode != 200 && response.statusCode != 204) {
+      throw Exception(
+        _extractError(response.body, 'Erreur suppression relais'),
+      );
+    }
+  }
+}

frontend/lib/services/user_service.dart

@@ -29,13 +29,52 @@ class UserService {
 
     if (response.statusCode != 200) {
       final err = jsonDecode(response.body) as Map<String, dynamic>?;
-      throw Exception(_toStr(err?['message']) ?? 'Erreur chargement gestionnaires');
+      throw Exception(
+          _toStr(err?['message']) ?? 'Erreur chargement gestionnaires');
     }
 
     final List<dynamic> data = jsonDecode(response.body);
     return data.map((e) => AppUser.fromJson(e)).toList();
   }
 
+  static Future<AppUser> createGestionnaire({
+    required String nom,
+    required String prenom,
+    required String email,
+    required String password,
+    required String telephone,
+    String? relaisId,
+  }) async {
+    final response = await http.post(
+      Uri.parse('${ApiConfig.baseUrl}${ApiConfig.gestionnaires}'),
+      headers: await _headers(),
+      body: jsonEncode(<String, dynamic>{
+        'nom': nom,
+        'prenom': prenom,
+        'email': email,
+        'password': password,
+        'telephone': telephone,
+        'cguAccepted': true,
+        'relaisId': relaisId,
+      }),
+    );
+
+    if (response.statusCode != 200 && response.statusCode != 201) {
+      final decoded = jsonDecode(response.body);
+      if (decoded is Map<String, dynamic>) {
+        final message = decoded['message'];
+        if (message is List && message.isNotEmpty) {
+          throw Exception(message.join(' - '));
+        }
+        throw Exception(_toStr(message) ?? 'Erreur création gestionnaire');
+      }
+      throw Exception('Erreur création gestionnaire');
+    }
+
+    final data = jsonDecode(response.body) as Map<String, dynamic>;
+    return AppUser.fromJson(data);
+  }
+
   // Récupérer la liste des parents
   static Future<List<ParentModel>> getParents() async {
     final response = await http.get(
@@ -53,7 +92,8 @@ class UserService {
   }
 
   // Récupérer la liste des assistantes maternelles
-  static Future<List<AssistanteMaternelleModel>> getAssistantesMaternelles() async {
+  static Future<List<AssistanteMaternelleModel>>
+      getAssistantesMaternelles() async {
     final response = await http.get(
       Uri.parse('${ApiConfig.baseUrl}${ApiConfig.assistantesMaternelles}'),
       headers: await _headers(),
@@ -87,8 +127,165 @@ class UserService {
             .toList();
       }
     } catch (e) {
-      print('Erreur chargement admins: $e');
+      // On garde un fallback vide pour ne pas bloquer l'UI admin.
     }
     return [];
   }
+
+  static Future<AppUser> createAdmin({
+    required String nom,
+    required String prenom,
+    required String email,
+    required String password,
+    required String telephone,
+  }) async {
+    final response = await http.post(
+      Uri.parse('${ApiConfig.baseUrl}${ApiConfig.users}/admin'),
+      headers: await _headers(),
+      body: jsonEncode(<String, dynamic>{
+        'nom': nom,
+        'prenom': prenom,
+        'email': email,
+        'password': password,
+        'telephone': telephone,
+      }),
+    );
+
+    if (response.statusCode != 200 && response.statusCode != 201) {
+      final decoded = jsonDecode(response.body);
+      if (decoded is Map<String, dynamic>) {
+        final message = decoded['message'];
+        if (message is List && message.isNotEmpty) {
+          throw Exception(message.join(' - '));
+        }
+        throw Exception(_toStr(message) ?? 'Erreur création administrateur');
+      }
+      throw Exception('Erreur création administrateur');
+    }
+
+    final data = jsonDecode(response.body) as Map<String, dynamic>;
+    return AppUser.fromJson(data);
+  }
+
+  static Future<AppUser> updateAdmin({
+    required String adminId,
+    required String nom,
+    required String prenom,
+    required String email,
+    required String telephone,
+    String? password,
+  }) async {
+    final body = <String, dynamic>{
+      'nom': nom,
+      'prenom': prenom,
+      'email': email,
+      'telephone': telephone,
+    };
+
+    if (password != null && password.trim().isNotEmpty) {
+      body['password'] = password.trim();
+    }
+
+    final response = await http.patch(
+      Uri.parse('${ApiConfig.baseUrl}${ApiConfig.users}/$adminId'),
+      headers: await _headers(),
+      body: jsonEncode(body),
+    );
+
+    if (response.statusCode != 200) {
+      final decoded = jsonDecode(response.body);
+      if (decoded is Map<String, dynamic>) {
+        final message = decoded['message'];
+        if (message is List && message.isNotEmpty) {
+          throw Exception(message.join(' - '));
+        }
+        throw Exception(_toStr(message) ?? 'Erreur modification administrateur');
+      }
+      throw Exception('Erreur modification administrateur');
+    }
+
+    final data = jsonDecode(response.body) as Map<String, dynamic>;
+    return AppUser.fromJson(data);
+  }
+
+  static Future<void> updateGestionnaireRelais({
+    required String gestionnaireId,
+    required String? relaisId,
+  }) async {
+    final response = await http.patch(
+      Uri.parse(
+          '${ApiConfig.baseUrl}${ApiConfig.gestionnaires}/$gestionnaireId'),
+      headers: await _headers(),
+      body: jsonEncode(<String, dynamic>{'relaisId': relaisId}),
+    );
+
+    if (response.statusCode != 200 && response.statusCode != 204) {
+      final err = jsonDecode(response.body) as Map<String, dynamic>?;
+      throw Exception(
+        _toStr(err?['message']) ?? 'Erreur rattachement relais au gestionnaire',
+      );
+    }
+  }
+
+  static Future<AppUser> updateGestionnaire({
+    required String gestionnaireId,
+    required String nom,
+    required String prenom,
+    required String email,
+    required String telephone,
+    required String? relaisId,
+    String? password,
+  }) async {
+    final body = <String, dynamic>{
+      'nom': nom,
+      'prenom': prenom,
+      'email': email,
+      'telephone': telephone,
+      'relaisId': relaisId,
+    };
+
+    if (password != null && password.trim().isNotEmpty) {
+      body['password'] = password.trim();
+    }
+
+    final response = await http.patch(
+      Uri.parse('${ApiConfig.baseUrl}${ApiConfig.gestionnaires}/$gestionnaireId'),
+      headers: await _headers(),
+      body: jsonEncode(body),
+    );
+
+    if (response.statusCode != 200) {
+      final decoded = jsonDecode(response.body);
+      if (decoded is Map<String, dynamic>) {
+        final message = decoded['message'];
+        if (message is List && message.isNotEmpty) {
+          throw Exception(message.join(' - '));
+        }
+        throw Exception(_toStr(message) ?? 'Erreur modification gestionnaire');
+      }
+      throw Exception('Erreur modification gestionnaire');
+    }
+
+    final data = jsonDecode(response.body) as Map<String, dynamic>;
+    return AppUser.fromJson(data);
+  }
+
+  static Future<void> deleteUser(String userId) async {
+    final response = await http.delete(
+      Uri.parse('${ApiConfig.baseUrl}${ApiConfig.users}/$userId'),
+      headers: await _headers(),
+    );
+
+    if (response.statusCode != 200 && response.statusCode != 204) {
+      final decoded = jsonDecode(response.body);
+      if (decoded is Map<String, dynamic>) {
+        final message = decoded['message'];
+        if (message is List && message.isNotEmpty) {
+          throw Exception(message.join(' - '));
+        }
+        throw Exception(_toStr(message) ?? 'Erreur suppression utilisateur');
+      }
+      throw Exception('Erreur suppression utilisateur');
+    }
+  }
 }

frontend/lib/widgets/admin/admin_management_widget.dart

@@ -1,9 +1,17 @@
 import 'package:flutter/material.dart';
 import 'package:p_tits_pas/models/user.dart';
+import 'package:p_tits_pas/screens/administrateurs/creation/admin_create.dart';
 import 'package:p_tits_pas/services/user_service.dart';
+import 'package:p_tits_pas/widgets/admin/common/admin_user_card.dart';
+import 'package:p_tits_pas/widgets/admin/common/user_list.dart';
 
 class AdminManagementWidget extends StatefulWidget {
-  const AdminManagementWidget({super.key});
+  final String searchQuery;
+
+  const AdminManagementWidget({
+    super.key,
+    required this.searchQuery,
+  });
 
   @override
   State<AdminManagementWidget> createState() => _AdminManagementWidgetState();
@@ -13,21 +21,15 @@ class _AdminManagementWidgetState extends State<AdminManagementWidget> {
   bool _isLoading = false;
   String? _error;
   List<AppUser> _admins = [];
-  List<AppUser> _filteredAdmins = [];
-  final TextEditingController _searchController = TextEditingController();
 
   @override
   void initState() {
     super.initState();
     _loadAdmins();
-    _searchController.addListener(_onSearchChanged);
   }
 
   @override
-  void dispose() {
-    _searchController.dispose();
-    super.dispose();
-  }
+  void dispose() => super.dispose();
 
   Future<void> _loadAdmins() async {
     setState(() {
@@ -39,7 +41,6 @@ class _AdminManagementWidgetState extends State<AdminManagementWidget> {
       if (!mounted) return;
       setState(() {
         _admins = list;
-        _filteredAdmins = list;
         _isLoading = false;
       });
     } catch (e) {
@@ -51,91 +52,54 @@ class _AdminManagementWidgetState extends State<AdminManagementWidget> {
     }
   }
 
-  void _onSearchChanged() {
-    final query = _searchController.text.toLowerCase();
-    setState(() {
-      _filteredAdmins = _admins.where((u) {
-        final name = u.fullName.toLowerCase();
-        final email = u.email.toLowerCase();
-        return name.contains(query) || email.contains(query);
-      }).toList();
-    });
+  Future<void> _openAdminEditDialog(AppUser user) async {
+    final changed = await showDialog<bool>(
+      context: context,
+      barrierDismissible: false,
+      builder: (dialogContext) {
+        return AdminCreateDialog(initialUser: user);
+      },
+    );
+    if (changed == true) {
+      await _loadAdmins();
+    }
   }
 
   @override
   Widget build(BuildContext context) {
-    return Padding(
-      padding: const EdgeInsets.all(16),
-      child: Column(
-        crossAxisAlignment: CrossAxisAlignment.stretch,
-        children: [
-          Row(
-            children: [
-              Expanded(
-                child: TextField(
-                  controller: _searchController,
-                  decoration: const InputDecoration(
-                    hintText: "Rechercher un administrateur...",
-                    prefixIcon: Icon(Icons.search),
-                    border: OutlineInputBorder(),
-                  ),
-                ),
-              ),
-              const SizedBox(width: 16),
-              ElevatedButton.icon(
-                onPressed: () {
-                  // TODO: Créer admin
-                },
-                icon: const Icon(Icons.add),
-                label: const Text("Créer un admin"),
-              ),
-            ],
-          ),
-          const SizedBox(height: 24),
-          if (_isLoading)
-            const Center(child: CircularProgressIndicator())
-          else if (_error != null)
-            Center(child: Text('Erreur: $_error', style: const TextStyle(color: Colors.red)))
-          else if (_filteredAdmins.isEmpty)
-            const Center(child: Text("Aucun administrateur trouvé."))
-          else
-            Expanded(
-              child: ListView.builder(
-                itemCount: _filteredAdmins.length,
+    final query = widget.searchQuery.toLowerCase();
+    final filteredAdmins = _admins.where((u) {
+      final name = u.fullName.toLowerCase();
+      final email = u.email.toLowerCase();
+      return name.contains(query) || email.contains(query);
+    }).toList();
+
+    return UserList(
+      isLoading: _isLoading,
+      error: _error,
+      isEmpty: filteredAdmins.isEmpty,
+      emptyMessage: 'Aucun administrateur trouvé.',
+      itemCount: filteredAdmins.length,
       itemBuilder: (context, index) {
-                  final user = _filteredAdmins[index];
-                  return Card(
-                    margin: const EdgeInsets.only(bottom: 12),
-                    child: ListTile(
-                      leading: CircleAvatar(
-                        child: Text(user.fullName.isNotEmpty
-                            ? user.fullName[0].toUpperCase()
-                            : 'A'),
-                      ),
-                      title: Text(user.fullName.isNotEmpty
-                          ? user.fullName
-                          : 'Sans nom'),
-                      subtitle: Text(user.email),
-                      trailing: Row(
-                        mainAxisSize: MainAxisSize.min,
-                        children: [
+        final user = filteredAdmins[index];
+        return AdminUserCard(
+          title: user.fullName,
+          subtitleLines: [
+            user.email,
+            'Rôle : ${user.role}',
+          ],
+          avatarUrl: user.photoUrl,
+          actions: [
             IconButton(
               icon: const Icon(Icons.edit),
-                            onPressed: () {},
-                          ),
-                          IconButton(
-                            icon: const Icon(Icons.delete),
-                            onPressed: () {},
-                          ),
-                        ],
-                      ),
-                    ),
-                  );
+              tooltip: 'Modifier',
+              onPressed: () {
+                _openAdminEditDialog(user);
               },
             ),
-            )
           ],
-      ),
+        );
+      },
     );
   }
 }

frontend/lib/widgets/admin/assistante_maternelle_management_widget.dart

@@ -1,9 +1,19 @@
 import 'package:flutter/material.dart';
 import 'package:p_tits_pas/models/assistante_maternelle_model.dart';
 import 'package:p_tits_pas/services/user_service.dart';
+import 'package:p_tits_pas/widgets/admin/common/admin_detail_modal.dart';
+import 'package:p_tits_pas/widgets/admin/common/admin_user_card.dart';
+import 'package:p_tits_pas/widgets/admin/common/user_list.dart';
 
 class AssistanteMaternelleManagementWidget extends StatefulWidget {
-  const AssistanteMaternelleManagementWidget({super.key});
+  final String searchQuery;
+  final int? capacityMin;
+
+  const AssistanteMaternelleManagementWidget({
+    super.key,
+    required this.searchQuery,
+    this.capacityMin,
+  });
 
   @override
   State<AssistanteMaternelleManagementWidget> createState() =>
@@ -15,25 +25,15 @@ class _AssistanteMaternelleManagementWidgetState
   bool _isLoading = false;
   String? _error;
   List<AssistanteMaternelleModel> _assistantes = [];
-  List<AssistanteMaternelleModel> _filteredAssistantes = [];
-
-  final TextEditingController _zoneController = TextEditingController();
-  final TextEditingController _capacityController = TextEditingController();
 
   @override
   void initState() {
     super.initState();
     _loadAssistantes();
-    _zoneController.addListener(_filter);
-    _capacityController.addListener(_filter);
   }
 
   @override
-  void dispose() {
-    _zoneController.dispose();
-    _capacityController.dispose();
-    super.dispose();
-  }
+  void dispose() => super.dispose();
 
   Future<void> _loadAssistantes() async {
     setState(() {
@@ -45,7 +45,6 @@ class _AssistanteMaternelleManagementWidgetState
       if (!mounted) return;
       setState(() {
         _assistantes = list;
-        _filter();
         _isLoading = false;
       });
     } catch (e) {
@@ -57,117 +56,100 @@ class _AssistanteMaternelleManagementWidgetState
     }
   }
 
-  void _filter() {
-    final zoneQuery = _zoneController.text.toLowerCase();
-    final capacityQuery = int.tryParse(_capacityController.text);
-
-    setState(() {
-      _filteredAssistantes = _assistantes.where((am) {
-        final matchesZone = zoneQuery.isEmpty ||
-            (am.residenceCity?.toLowerCase().contains(zoneQuery) ?? false);
-        final matchesCapacity = capacityQuery == null ||
-            (am.maxChildren != null && am.maxChildren! >= capacityQuery);
-        return matchesZone && matchesCapacity;
-      }).toList();
-    });
-  }
-
   @override
   Widget build(BuildContext context) {
-    return Padding(
-      padding: const EdgeInsets.all(16),
-      child: Column(
-        crossAxisAlignment: CrossAxisAlignment.start,
-        children: [
-          // 🔎 Zone de filtre
-          _buildFilterSection(),
+    final query = widget.searchQuery.toLowerCase();
+    final filteredAssistantes = _assistantes.where((am) {
+      final matchesName = am.user.fullName.toLowerCase().contains(query) ||
+          am.user.email.toLowerCase().contains(query) ||
+          (am.residenceCity?.toLowerCase().contains(query) ?? false);
+      final matchesCapacity = widget.capacityMin == null ||
+          (am.maxChildren != null && am.maxChildren! >= widget.capacityMin!);
+      return matchesName && matchesCapacity;
+    }).toList();
 
-          const SizedBox(height: 16),
-
-          // 📋 Liste des assistantes
-          if (_isLoading)
-            const Center(child: CircularProgressIndicator())
-          else if (_error != null)
-            Center(child: Text('Erreur: $_error', style: const TextStyle(color: Colors.red)))
-          else if (_filteredAssistantes.isEmpty)
-            const Center(child: Text("Aucune assistante maternelle trouvée."))
-          else
-            Expanded(
-              child: ListView.builder(
-                itemCount: _filteredAssistantes.length,
+    return UserList(
+      isLoading: _isLoading,
+      error: _error,
+      isEmpty: filteredAssistantes.isEmpty,
+      emptyMessage: 'Aucune assistante maternelle trouvée.',
+      itemCount: filteredAssistantes.length,
       itemBuilder: (context, index) {
-                  final assistante = _filteredAssistantes[index];
-                  return Card(
-                    margin: const EdgeInsets.symmetric(vertical: 8),
-                    child: ListTile(
-                      leading: CircleAvatar(
-                        backgroundImage: assistante.user.photoUrl != null
-                            ? NetworkImage(assistante.user.photoUrl!)
-                            : null,
-                        child: assistante.user.photoUrl == null
-                            ? const Icon(Icons.face)
-                            : null,
-                      ),
-                      title: Text(assistante.user.fullName.isNotEmpty
-                          ? assistante.user.fullName
-                          : 'Sans nom'),
-                      subtitle: Text(
-                          "N° Agrément : ${assistante.approvalNumber ?? 'N/A'}\nZone : ${assistante.residenceCity ?? 'N/A'} | Capacité : ${assistante.maxChildren ?? 0}"),
-                      trailing: Row(
-                        mainAxisSize: MainAxisSize.min,
-                        children: [
+        final assistante = filteredAssistantes[index];
+        return AdminUserCard(
+          title: assistante.user.fullName,
+          avatarUrl: assistante.user.photoUrl,
+          fallbackIcon: Icons.face,
+          subtitleLines: [
+            assistante.user.email,
+            'Zone : ${assistante.residenceCity ?? 'N/A'} | Capacité : ${assistante.maxChildren ?? 0}',
+          ],
+          actions: [
             IconButton(
               icon: const Icon(Icons.edit),
+              tooltip: 'Modifier',
               onPressed: () {
-                              // TODO: Ajouter modification
-                            },
-                          ),
-                          IconButton(
-                            icon: const Icon(Icons.delete),
-                            onPressed: () {
-                              // TODO: Ajouter suppression
+                _openAssistanteDetails(assistante);
               },
             ),
           ],
-                      ),
-                    ),
         );
       },
+    );
+  }
+
+  void _openAssistanteDetails(AssistanteMaternelleModel assistante) {
+    showDialog<void>(
+      context: context,
+      builder: (context) => AdminDetailModal(
+        title: assistante.user.fullName.isEmpty
+            ? 'Assistante maternelle'
+            : assistante.user.fullName,
+        subtitle: assistante.user.email,
+        fields: [
+          AdminDetailField(label: 'ID', value: _v(assistante.user.id)),
+          AdminDetailField(
+            label: 'Numero agrement',
+            value: _v(assistante.approvalNumber),
           ),
+          AdminDetailField(
+            label: 'Ville residence',
+            value: _v(assistante.residenceCity),
+          ),
+          AdminDetailField(
+            label: 'Capacite max',
+            value: assistante.maxChildren?.toString() ?? '-',
+          ),
+          AdminDetailField(
+            label: 'Places disponibles',
+            value: assistante.placesAvailable?.toString() ?? '-',
+          ),
+          AdminDetailField(
+            label: 'Telephone',
+            value: _v(assistante.user.telephone),
+          ),
+          AdminDetailField(label: 'Adresse', value: _v(assistante.user.adresse)),
+          AdminDetailField(label: 'Ville', value: _v(assistante.user.ville)),
+          AdminDetailField(
+            label: 'Code postal',
+            value: _v(assistante.user.codePostal),
           ),
         ],
+        onEdit: () {
+          Navigator.of(context).pop();
+          ScaffoldMessenger.of(this.context).showSnackBar(
+            const SnackBar(content: Text('Action Modifier a implementer')),
+          );
+        },
+        onDelete: () {
+          Navigator.of(context).pop();
+          ScaffoldMessenger.of(this.context).showSnackBar(
+            const SnackBar(content: Text('Action Supprimer a implementer')),
+          );
+        },
       ),
     );
   }
 
-  Widget _buildFilterSection() {
-    return Wrap(
-      spacing: 16,
-      runSpacing: 8,
-      children: [
-        SizedBox(
-          width: 200,
-          child: TextField(
-            controller: _zoneController,
-            decoration: const InputDecoration(
-              labelText: "Zone géographique",
-              border: OutlineInputBorder(),
-              prefixIcon: Icon(Icons.location_on),
-            ),
-          ),
-        ),
-        SizedBox(
-          width: 200,
-          child: TextField(
-            controller: _capacityController,
-            decoration: const InputDecoration(
-              labelText: "Capacité minimum",
-              border: OutlineInputBorder(),
-            ),
-            keyboardType: TextInputType.number,
-          ),
-        ),
-      ],
-    );
-  }
+  String _v(String? value) => (value == null || value.isEmpty) ? '-' : value;
 }

frontend/lib/widgets/admin/common/admin_detail_modal.dart

@@ -0,0 +1,138 @@
+import 'package:flutter/material.dart';
+
+class AdminDetailField {
+  final String label;
+  final String value;
+
+  const AdminDetailField({
+    required this.label,
+    required this.value,
+  });
+}
+
+class AdminDetailModal extends StatelessWidget {
+  final String title;
+  final String? subtitle;
+  final List<AdminDetailField> fields;
+  final VoidCallback onEdit;
+  final VoidCallback onDelete;
+
+  const AdminDetailModal({
+    super.key,
+    required this.title,
+    this.subtitle,
+    required this.fields,
+    required this.onEdit,
+    required this.onDelete,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Dialog(
+      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
+      child: ConstrainedBox(
+        constraints: const BoxConstraints(maxWidth: 620),
+        child: Padding(
+          padding: const EdgeInsets.all(18),
+          child: Column(
+            mainAxisSize: MainAxisSize.min,
+            children: [
+              Row(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  Expanded(
+                    child: Column(
+                      crossAxisAlignment: CrossAxisAlignment.start,
+                      children: [
+                        Text(
+                          title,
+                          style: const TextStyle(
+                            fontSize: 18,
+                            fontWeight: FontWeight.w700,
+                          ),
+                        ),
+                        if (subtitle != null && subtitle!.isNotEmpty) ...[
+                          const SizedBox(height: 4),
+                          Text(
+                            subtitle!,
+                            style: const TextStyle(color: Colors.black54),
+                          ),
+                        ],
+                      ],
+                    ),
+                  ),
+                  IconButton(
+                    tooltip: 'Fermer',
+                    onPressed: () => Navigator.of(context).pop(),
+                    icon: const Icon(Icons.close),
+                  ),
+                ],
+              ),
+              const SizedBox(height: 8),
+              const Divider(height: 1),
+              const SizedBox(height: 12),
+              Flexible(
+                child: SingleChildScrollView(
+                  child: Column(
+                    children: fields
+                        .map(
+                          (field) => Padding(
+                            padding: const EdgeInsets.symmetric(vertical: 6),
+                            child: Row(
+                              crossAxisAlignment: CrossAxisAlignment.start,
+                              children: [
+                                SizedBox(
+                                  width: 180,
+                                  child: Text(
+                                    field.label,
+                                    style: const TextStyle(
+                                      fontWeight: FontWeight.w600,
+                                      color: Colors.black87,
+                                    ),
+                                  ),
+                                ),
+                                Expanded(
+                                  child: Text(
+                                    field.value,
+                                    style: const TextStyle(color: Colors.black87),
+                                  ),
+                                ),
+                              ],
+                            ),
+                          ),
+                        )
+                        .toList(),
+                  ),
+                ),
+              ),
+              const SizedBox(height: 14),
+              Align(
+                alignment: Alignment.centerRight,
+                child: Row(
+                  mainAxisSize: MainAxisSize.min,
+                  children: [
+                    OutlinedButton.icon(
+                      onPressed: onDelete,
+                      icon: const Icon(Icons.delete_outline),
+                      label: const Text('Supprimer'),
+                      style: OutlinedButton.styleFrom(
+                        foregroundColor: Colors.red.shade700,
+                        side: BorderSide(color: Colors.red.shade300),
+                      ),
+                    ),
+                    const SizedBox(width: 10),
+                    ElevatedButton.icon(
+                      onPressed: onEdit,
+                      icon: const Icon(Icons.edit),
+                      label: const Text('Modifier'),
+                    ),
+                  ],
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}

frontend/lib/widgets/admin/common/admin_list_state.dart

@@ -0,0 +1,49 @@
+import 'package:flutter/material.dart';
+
+class AdminListState extends StatelessWidget {
+  final bool isLoading;
+  final String? error;
+  final bool isEmpty;
+  final String emptyMessage;
+  final Widget list;
+
+  const AdminListState({
+    super.key,
+    required this.isLoading,
+    required this.error,
+    required this.isEmpty,
+    required this.emptyMessage,
+    required this.list,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    if (isLoading) {
+      return const Expanded(
+        child: Center(child: CircularProgressIndicator()),
+      );
+    }
+
+    if (error != null) {
+      return Expanded(
+        child: Center(
+          child: Text(
+            'Erreur: $error',
+            style: const TextStyle(color: Colors.red),
+            textAlign: TextAlign.center,
+          ),
+        ),
+      );
+    }
+
+    if (isEmpty) {
+      return Expanded(
+        child: Center(
+          child: Text(emptyMessage),
+        ),
+      );
+    }
+
+    return Expanded(child: list);
+  }
+}

frontend/lib/widgets/admin/common/admin_user_card.dart

@@ -0,0 +1,134 @@
+import 'package:flutter/material.dart';
+
+class AdminUserCard extends StatefulWidget {
+  final String title;
+  final List<String> subtitleLines;
+  final String? avatarUrl;
+  final IconData fallbackIcon;
+  final List<Widget> actions;
+
+  const AdminUserCard({
+    super.key,
+    required this.title,
+    required this.subtitleLines,
+    this.avatarUrl,
+    this.fallbackIcon = Icons.person,
+    this.actions = const [],
+  });
+
+  @override
+  State<AdminUserCard> createState() => _AdminUserCardState();
+}
+
+class _AdminUserCardState extends State<AdminUserCard> {
+  bool _isHovered = false;
+
+  @override
+  Widget build(BuildContext context) {
+    final infoLine =
+        widget.subtitleLines.where((e) => e.trim().isNotEmpty).join('   ');
+    final actionsWidth =
+        widget.actions.isNotEmpty ? widget.actions.length * 30.0 : 0.0;
+
+    return MouseRegion(
+      onEnter: (_) => setState(() => _isHovered = true),
+      onExit: (_) => setState(() => _isHovered = false),
+      child: Material(
+        color: Colors.transparent,
+        borderRadius: BorderRadius.circular(10),
+        child: InkWell(
+          onTap: () {},
+          borderRadius: BorderRadius.circular(10),
+          hoverColor: const Color(0x149CC5C0),
+          child: Card(
+            margin: const EdgeInsets.only(bottom: 12),
+            elevation: 0,
+            shape: RoundedRectangleBorder(
+              borderRadius: BorderRadius.circular(10),
+              side: BorderSide(color: Colors.grey.shade300),
+            ),
+            child: Padding(
+              padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 9),
+              child: Row(
+                children: [
+                  CircleAvatar(
+                    radius: 14,
+                    backgroundColor: const Color(0xFFEDE5FA),
+                    backgroundImage: widget.avatarUrl != null
+                        ? NetworkImage(widget.avatarUrl!)
+                        : null,
+                    child: widget.avatarUrl == null
+                        ? Icon(
+                            widget.fallbackIcon,
+                            size: 16,
+                            color: const Color(0xFF6B3FA0),
+                          )
+                        : null,
+                  ),
+                  const SizedBox(width: 10),
+                  Expanded(
+                    child: Row(
+                      children: [
+                        Flexible(
+                          fit: FlexFit.loose,
+                          child: Text(
+                            widget.title.isNotEmpty ? widget.title : 'Sans nom',
+                            style: const TextStyle(
+                              fontWeight: FontWeight.w600,
+                              fontSize: 14,
+                            ),
+                            maxLines: 1,
+                            overflow: TextOverflow.ellipsis,
+                          ),
+                        ),
+                        const SizedBox(width: 10),
+                        Expanded(
+                          child: Text(
+                            infoLine,
+                            style: const TextStyle(
+                              color: Colors.black54,
+                              fontSize: 12,
+                            ),
+                            maxLines: 1,
+                            overflow: TextOverflow.ellipsis,
+                          ),
+                        ),
+                      ],
+                    ),
+                  ),
+                  if (widget.actions.isNotEmpty)
+                    SizedBox(
+                      width: actionsWidth,
+                      child: AnimatedOpacity(
+                        duration: const Duration(milliseconds: 120),
+                        opacity: _isHovered ? 1 : 0,
+                        child: IgnorePointer(
+                          ignoring: !_isHovered,
+                          child: IconTheme(
+                            data: const IconThemeData(size: 17),
+                            child: IconButtonTheme(
+                              data: IconButtonThemeData(
+                                style: IconButton.styleFrom(
+                                  visualDensity: VisualDensity.compact,
+                                  padding: const EdgeInsets.all(4),
+                                  minimumSize: const Size(28, 28),
+                                ),
+                              ),
+                              child: Row(
+                                mainAxisSize: MainAxisSize.min,
+                                children: widget.actions,
+                              ),
+                            ),
+                          ),
+                        ),
+                      ),
+                    ),
+                ],
+              ),
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}

frontend/lib/widgets/admin/common/user_list.dart

@@ -0,0 +1,45 @@
+import 'package:flutter/material.dart';
+import 'package:p_tits_pas/widgets/admin/common/admin_list_state.dart';
+
+class UserList extends StatelessWidget {
+  final bool isLoading;
+  final String? error;
+  final bool isEmpty;
+  final String emptyMessage;
+  final int itemCount;
+  final Widget Function(BuildContext context, int index) itemBuilder;
+  final EdgeInsetsGeometry padding;
+
+  const UserList({
+    super.key,
+    required this.isLoading,
+    required this.error,
+    required this.isEmpty,
+    required this.emptyMessage,
+    required this.itemCount,
+    required this.itemBuilder,
+    this.padding = const EdgeInsets.all(16),
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Padding(
+      padding: padding,
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.stretch,
+        children: [
+          AdminListState(
+            isLoading: isLoading,
+            error: error,
+            isEmpty: isEmpty,
+            emptyMessage: emptyMessage,
+            list: ListView.builder(
+              itemCount: itemCount,
+              itemBuilder: itemBuilder,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}

frontend/lib/widgets/admin/dashboard_admin.dart

@@ -3,7 +3,8 @@ import 'package:go_router/go_router.dart';
 import 'package:p_tits_pas/services/auth_service.dart';
 
 /// Barre du dashboard admin : onglets Gestion des utilisateurs | Paramètres + déconnexion.
-class DashboardAppBarAdmin extends StatelessWidget implements PreferredSizeWidget {
+class DashboardAppBarAdmin extends StatelessWidget
+    implements PreferredSizeWidget {
   final int selectedIndex;
   final ValueChanged<int> onTabChange;
   final bool setupCompleted;
@@ -36,7 +37,8 @@ class DashboardAppBarAdmin extends StatelessWidget implements PreferredSizeWidge
               child: Row(
                 mainAxisSize: MainAxisSize.min,
                 children: [
-                  _buildNavItem(context, 'Gestion des utilisateurs', 0, enabled: setupCompleted),
+                  _buildNavItem(context, 'Gestion des utilisateurs', 0,
+                      enabled: setupCompleted),
                   const SizedBox(width: 24),
                   _buildNavItem(context, 'Paramètres', 1, enabled: true),
                 ],
@@ -78,7 +80,8 @@ class DashboardAppBarAdmin extends StatelessWidget implements PreferredSizeWidge
     );
   }
 
-  Widget _buildNavItem(BuildContext context, String title, int index, {bool enabled = true}) {
+  Widget _buildNavItem(BuildContext context, String title, int index,
+      {bool enabled = true}) {
     final bool isActive = index == selectedIndex;
     return InkWell(
       onTap: enabled ? () => onTabChange(index) : null,
@@ -133,11 +136,124 @@ class DashboardAppBarAdmin extends StatelessWidget implements PreferredSizeWidge
 class DashboardUserManagementSubBar extends StatelessWidget {
   final int selectedSubIndex;
   final ValueChanged<int> onSubTabChange;
+  final TextEditingController searchController;
+  final String searchHint;
+  final Widget? filterControl;
+  final VoidCallback? onAddPressed;
+  final String addLabel;
 
   const DashboardUserManagementSubBar({
     Key? key,
     required this.selectedSubIndex,
     required this.onSubTabChange,
+    required this.searchController,
+    required this.searchHint,
+    this.filterControl,
+    this.onAddPressed,
+    this.addLabel = '+ Ajouter',
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      height: 56,
+      decoration: BoxDecoration(
+        color: Colors.grey.shade100,
+        border: Border(bottom: BorderSide(color: Colors.grey.shade300)),
+      ),
+      padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 6),
+      child: Row(
+        children: [
+          _buildSubNavItem(context, 'Gestionnaires', 0),
+          const SizedBox(width: 12),
+          _buildSubNavItem(context, 'Parents', 1),
+          const SizedBox(width: 12),
+          _buildSubNavItem(context, 'Assistantes maternelles', 2),
+          const SizedBox(width: 12),
+          _buildSubNavItem(context, 'Administrateurs', 3),
+          const SizedBox(width: 36),
+          _pillField(
+            width: 320,
+            child: TextField(
+              controller: searchController,
+              decoration: InputDecoration(
+                hintText: searchHint,
+                prefixIcon: const Icon(Icons.search, size: 18),
+                border: InputBorder.none,
+                isDense: true,
+                contentPadding: const EdgeInsets.symmetric(
+                  horizontal: 10,
+                  vertical: 8,
+                ),
+              ),
+            ),
+          ),
+          if (filterControl != null) ...[
+            const SizedBox(width: 12),
+            _pillField(width: 150, child: filterControl!),
+          ],
+          const Spacer(),
+          _buildAddButton(),
+        ],
+      ),
+    );
+  }
+
+  Widget _pillField({required double width, required Widget child}) {
+    return Container(
+      width: width,
+      height: 34,
+      decoration: BoxDecoration(
+        color: Colors.white,
+        borderRadius: BorderRadius.circular(18),
+        border: Border.all(color: Colors.black26),
+      ),
+      alignment: Alignment.centerLeft,
+      child: child,
+    );
+  }
+
+  Widget _buildAddButton() {
+    return ElevatedButton.icon(
+      onPressed: onAddPressed,
+      icon: const Icon(Icons.add),
+      label: Text(addLabel),
+    );
+  }
+
+  Widget _buildSubNavItem(BuildContext context, String title, int index) {
+    final bool isActive = index == selectedSubIndex;
+    return InkWell(
+      onTap: () => onSubTabChange(index),
+      child: Container(
+        padding: const EdgeInsets.symmetric(horizontal: 14, vertical: 6),
+        decoration: BoxDecoration(
+          color: isActive ? const Color(0xFF9CC5C0) : Colors.transparent,
+          borderRadius: BorderRadius.circular(16),
+          border: isActive ? null : Border.all(color: Colors.black26),
+        ),
+        child: Text(
+          title,
+          style: TextStyle(
+            color: isActive ? Colors.white : Colors.black87,
+            fontWeight: isActive ? FontWeight.w600 : FontWeight.normal,
+            fontSize: 13,
+          ),
+        ),
+      ),
+    );
+  }
+}
+
+/// Sous-barre Paramètres : Paramètres généraux | Paramètres territoriaux.
+class DashboardSettingsSubBar extends StatelessWidget {
+  final int selectedSubIndex;
+  final ValueChanged<int> onSubTabChange;
+
+  const DashboardSettingsSubBar({
+    Key? key,
+    required this.selectedSubIndex,
+    required this.onSubTabChange,
   }) : super(key: key);
 
   @override
@@ -153,13 +269,9 @@ class DashboardUserManagementSubBar extends StatelessWidget {
         child: Row(
           mainAxisSize: MainAxisSize.min,
           children: [
-            _buildSubNavItem(context, 'Gestionnaires', 0),
+            _buildSubNavItem(context, 'Paramètres généraux', 0),
             const SizedBox(width: 16),
-            _buildSubNavItem(context, 'Parents', 1),
-            const SizedBox(width: 16),
-            _buildSubNavItem(context, 'Assistantes maternelles', 2),
-            const SizedBox(width: 16),
-            _buildSubNavItem(context, 'Administrateurs', 3),
+            _buildSubNavItem(context, 'Paramètres territoriaux', 1),
           ],
         ),
       ),

frontend/lib/widgets/admin/gestionnaire_card.dart

@@ -1,75 +0,0 @@
-import 'package:flutter/material.dart';
-
-class GestionnaireCard extends StatelessWidget {
-  final String name;
-  final String email;
-
-  const GestionnaireCard({
-    Key? key,
-    required this.name,
-    required this.email,
-  }) : super(key: key);
-
-  @override
-  Widget build(BuildContext context) {
-    return Card(
-      margin: const EdgeInsets.only(bottom: 12),
-      child: Padding(
-        padding: const EdgeInsets.all(16),
-        child: Column(
-          crossAxisAlignment: CrossAxisAlignment.start,
-          children: [
-            // 🔹 Infos principales
-            Row(
-              mainAxisAlignment: MainAxisAlignment.spaceBetween,
-              children: [
-                Text(name, style: const TextStyle(fontWeight: FontWeight.bold)),
-                Text(email, style: const TextStyle(color: Colors.grey)),
-              ],
-            ),
-            const SizedBox(height: 12),
-
-            // 🔹 Attribution à des RPE (dropdown fictif ici)
-            Row(
-              children: [
-                const Text("RPE attribué : "),
-                const SizedBox(width: 8),
-                DropdownButton<String>(
-                  value: "RPE 1",
-                  items: const [
-                    DropdownMenuItem(value: "RPE 1", child: Text("RPE 1")),
-                    DropdownMenuItem(value: "RPE 2", child: Text("RPE 2")),
-                    DropdownMenuItem(value: "RPE 3", child: Text("RPE 3")),
-                  ],
-                  onChanged: (value) {},
-                ),
-              ],
-            ),
-            const SizedBox(height: 12),
-
-            // 🔹 Boutons d'action
-            Row(
-              children: [
-                TextButton.icon(
-                  onPressed: () {
-                    // Réinitialisation mot de passe
-                  },
-                  icon: const Icon(Icons.lock_reset),
-                  label: const Text("Réinitialiser MDP"),
-                ),
-                const SizedBox(width: 12),
-                TextButton.icon(
-                  onPressed: () {
-                    // Suppression du compte
-                  },
-                  icon: const Icon(Icons.delete, color: Colors.red),
-                  label: const Text("Supprimer", style: TextStyle(color: Colors.red)),
-                ),
-              ],
-            )
-          ],
-        ),
-      ),
-    );
-  }
-}

frontend/lib/widgets/admin/gestionnaire_management_widget.dart

@@ -1,10 +1,17 @@
 import 'package:flutter/material.dart';
 import 'package:p_tits_pas/models/user.dart';
+import 'package:p_tits_pas/screens/administrateurs/creation/gestionnaires_create.dart';
 import 'package:p_tits_pas/services/user_service.dart';
-import 'package:p_tits_pas/widgets/admin/gestionnaire_card.dart';
+import 'package:p_tits_pas/widgets/admin/common/admin_user_card.dart';
+import 'package:p_tits_pas/widgets/admin/common/user_list.dart';
 
 class GestionnaireManagementWidget extends StatefulWidget {
-  const GestionnaireManagementWidget({Key? key}) : super(key: key);
+  final String searchQuery;
+
+  const GestionnaireManagementWidget({
+    Key? key,
+    required this.searchQuery,
+  }) : super(key: key);
 
   @override
   State<GestionnaireManagementWidget> createState() =>
@@ -16,21 +23,15 @@ class _GestionnaireManagementWidgetState
   bool _isLoading = false;
   String? _error;
   List<AppUser> _gestionnaires = [];
-  List<AppUser> _filteredGestionnaires = [];
-  final TextEditingController _searchController = TextEditingController();
 
   @override
   void initState() {
     super.initState();
     _loadGestionnaires();
-    _searchController.addListener(_onSearchChanged);
   }
 
   @override
-  void dispose() {
-    _searchController.dispose();
-    super.dispose();
-  }
+  void dispose() => super.dispose();
 
   Future<void> _loadGestionnaires() async {
     setState(() {
@@ -38,11 +39,10 @@ class _GestionnaireManagementWidgetState
       _error = null;
     });
     try {
-      final list = await UserService.getGestionnaires();
+      final gestionnaires = await UserService.getGestionnaires();
       if (!mounted) return;
       setState(() {
-        _gestionnaires = list;
-        _filteredGestionnaires = list;
+        _gestionnaires = gestionnaires;
         _isLoading = false;
       });
     } catch (e) {
@@ -54,71 +54,55 @@ class _GestionnaireManagementWidgetState
     }
   }
 
-  void _onSearchChanged() {
-    final query = _searchController.text.toLowerCase();
-    setState(() {
-      _filteredGestionnaires = _gestionnaires.where((u) {
-        final name = u.fullName.toLowerCase();
-        final email = u.email.toLowerCase();
-        return name.contains(query) || email.contains(query);
-      }).toList();
-    });
+  Future<void> _openGestionnaireEditDialog(AppUser user) async {
+    final changed = await showDialog<bool>(
+      context: context,
+      barrierDismissible: false,
+      builder: (dialogContext) {
+        return GestionnaireCreateDialog(initialUser: user);
+      },
+    );
+    if (changed == true) {
+      await _loadGestionnaires();
+    }
   }
 
   @override
   Widget build(BuildContext context) {
-    return Padding(
-      padding: const EdgeInsets.all(16),
-      child: Column(
-        crossAxisAlignment: CrossAxisAlignment.stretch,
-        children: [
-          // 🔹 Barre du haut avec bouton
-          Row(
-            children: [
-              Expanded(
-                child: TextField(
-                  controller: _searchController,
-                  decoration: const InputDecoration(
-                    hintText: "Rechercher un gestionnaire...",
-                    prefixIcon: Icon(Icons.search),
-                    border: OutlineInputBorder(),
-                  ),
-                ),
-              ),
-              const SizedBox(width: 16),
-              ElevatedButton.icon(
+    final query = widget.searchQuery.toLowerCase();
+    final filteredGestionnaires = _gestionnaires.where((u) {
+      final name = u.fullName.toLowerCase();
+      final email = u.email.toLowerCase();
+      return name.contains(query) || email.contains(query);
+    }).toList();
+
+    return UserList(
+      isLoading: _isLoading,
+      error: _error,
+      isEmpty: filteredGestionnaires.isEmpty,
+      emptyMessage: 'Aucun gestionnaire trouvé.',
+      itemCount: filteredGestionnaires.length,
+      itemBuilder: (context, index) {
+        final user = filteredGestionnaires[index];
+        return AdminUserCard(
+          title: user.fullName,
+          avatarUrl: user.photoUrl,
+          subtitleLines: [
+            user.email,
+            'Statut : ${user.statut ?? 'Inconnu'}',
+            'Relais : ${user.relaisNom ?? 'Non rattaché'}',
+          ],
+          actions: [
+            IconButton(
+              icon: const Icon(Icons.edit),
+              tooltip: 'Modifier',
               onPressed: () {
-                  // TODO: Rediriger vers la page de création
+                _openGestionnaireEditDialog(user);
               },
-                icon: const Icon(Icons.add),
-                label: const Text("Créer un gestionnaire"),
             ),
           ],
-          ),
-          const SizedBox(height: 24),
-
-          // 🔹 Liste des gestionnaires
-          if (_isLoading)
-            const Center(child: CircularProgressIndicator())
-          else if (_error != null)
-            Center(child: Text('Erreur: $_error', style: const TextStyle(color: Colors.red)))
-          else if (_filteredGestionnaires.isEmpty)
-            const Center(child: Text("Aucun gestionnaire trouvé."))
-          else
-            Expanded(
-              child: ListView.builder(
-                itemCount: _filteredGestionnaires.length,
-                itemBuilder: (context, index) {
-                  final user = _filteredGestionnaires[index];
-                  return GestionnaireCard(
-                    name: user.fullName.isNotEmpty ? user.fullName : "Sans nom",
-                    email: user.email,
         );
       },
-              ),
-            )
-        ],
-      ),
     );
   }
 }

frontend/lib/widgets/admin/parametres_panel.dart

@@ -1,13 +1,19 @@
 import 'package:flutter/material.dart';
 import 'package:go_router/go_router.dart';
 import 'package:p_tits_pas/services/configuration_service.dart';
+import 'package:p_tits_pas/widgets/admin/relais_management_panel.dart';
 
 /// Panneau Paramètres admin : Email (SMTP), Personnalisation, Avancé.
 class ParametresPanel extends StatefulWidget {
   /// Si true, après sauvegarde on redirige vers le login (première config). Sinon on reste sur la page.
   final bool redirectToLoginAfterSave;
+  final int selectedSettingsTabIndex;
 
-  const ParametresPanel({super.key, this.redirectToLoginAfterSave = false});
+  const ParametresPanel({
+    super.key,
+    this.redirectToLoginAfterSave = false,
+    this.selectedSettingsTabIndex = 0,
+  });
 
   @override
   State<ParametresPanel> createState() => _ParametresPanelState();
@@ -33,10 +39,18 @@ class _ParametresPanelState extends State<ParametresPanel> {
 
   void _createControllers() {
     final keys = [
-      'smtp_host', 'smtp_port', 'smtp_user', 'smtp_password',
-      'email_from_name', 'email_from_address',
-      'app_name', 'app_url', 'app_logo_url',
-      'password_reset_token_expiry_days', 'jwt_expiry_hours', 'max_upload_size_mb',
+      'smtp_host',
+      'smtp_port',
+      'smtp_user',
+      'smtp_password',
+      'email_from_name',
+      'email_from_address',
+      'app_name',
+      'app_url',
+      'app_logo_url',
+      'password_reset_token_expiry_days',
+      'jwt_expiry_hours',
+      'max_upload_size_mb',
     ];
     for (final k in keys) {
       _controllers[k] = TextEditingController();
@@ -93,18 +107,29 @@ class _ParametresPanelState extends State<ParametresPanel> {
     payload['smtp_auth_required'] = _smtpAuthRequired;
     payload['smtp_user'] = _controllers['smtp_user']!.text.trim();
     final pwd = _controllers['smtp_password']!.text.trim();
-    if (pwd.isNotEmpty && pwd != '***********') payload['smtp_password'] = pwd;
+    if (pwd.isNotEmpty && pwd != '***********') {
+      payload['smtp_password'] = pwd;
+    }
     payload['email_from_name'] = _controllers['email_from_name']!.text.trim();
-    payload['email_from_address'] = _controllers['email_from_address']!.text.trim();
+    payload['email_from_address'] =
+        _controllers['email_from_address']!.text.trim();
     payload['app_name'] = _controllers['app_name']!.text.trim();
     payload['app_url'] = _controllers['app_url']!.text.trim();
     payload['app_logo_url'] = _controllers['app_logo_url']!.text.trim();
-    final tokenDays = int.tryParse(_controllers['password_reset_token_expiry_days']!.text.trim());
-    if (tokenDays != null) payload['password_reset_token_expiry_days'] = tokenDays;
-    final jwtHours = int.tryParse(_controllers['jwt_expiry_hours']!.text.trim());
-    if (jwtHours != null) payload['jwt_expiry_hours'] = jwtHours;
+    final tokenDays = int.tryParse(
+        _controllers['password_reset_token_expiry_days']!.text.trim());
+    if (tokenDays != null) {
+      payload['password_reset_token_expiry_days'] = tokenDays;
+    }
+    final jwtHours =
+        int.tryParse(_controllers['jwt_expiry_hours']!.text.trim());
+    if (jwtHours != null) {
+      payload['jwt_expiry_hours'] = jwtHours;
+    }
     final maxMb = int.tryParse(_controllers['max_upload_size_mb']!.text.trim());
-    if (maxMb != null) payload['max_upload_size_mb'] = maxMb;
+    if (maxMb != null) {
+      payload['max_upload_size_mb'] = maxMb;
+    }
     return payload;
   }
 
@@ -191,6 +216,10 @@ class _ParametresPanelState extends State<ParametresPanel> {
 
   @override
   Widget build(BuildContext context) {
+    if (widget.selectedSettingsTabIndex == 1) {
+      return const RelaisManagementPanel();
+    }
+
     if (_isLoading) {
       return const Center(child: CircularProgressIndicator());
     }
@@ -214,7 +243,8 @@ class _ParametresPanelState extends State<ParametresPanel> {
     }
 
     final isSuccess = _message != null &&
-        (_message!.startsWith('Configuration') || _message!.startsWith('Connexion'));
+        (_message!.startsWith('Configuration') ||
+            _message!.startsWith('Connexion'));
 
     return Form(
       key: _formKey,
@@ -237,9 +267,18 @@ class _ParametresPanelState extends State<ParametresPanel> {
                   child: Column(
                     crossAxisAlignment: CrossAxisAlignment.start,
                     children: [
-                      _buildField('smtp_host', 'Serveur SMTP', hint: 'mail.example.com'),
+                      _buildField(
+                        'smtp_host',
+                        'Serveur SMTP',
+                        hint: 'mail.example.com',
+                      ),
                       const SizedBox(height: 14),
-                      _buildField('smtp_port', 'Port SMTP', keyboard: TextInputType.number, hint: '25, 465, 587'),
+                      _buildField(
+                        'smtp_port',
+                        'Port SMTP',
+                        keyboard: TextInputType.number,
+                        hint: '25, 465, 587',
+                      ),
                       const SizedBox(height: 14),
                       Padding(
                         padding: const EdgeInsets.only(bottom: 14),
@@ -247,14 +286,17 @@ class _ParametresPanelState extends State<ParametresPanel> {
                           children: [
                             Checkbox(
                               value: _smtpSecure,
-                              onChanged: (v) => setState(() => _smtpSecure = v ?? false),
+                              onChanged: (v) =>
+                                  setState(() => _smtpSecure = v ?? false),
                               activeColor: const Color(0xFF9CC5C0),
                             ),
                             const Text('SSL/TLS (secure)'),
                             const SizedBox(width: 24),
                             Checkbox(
                               value: _smtpAuthRequired,
-                              onChanged: (v) => setState(() => _smtpAuthRequired = v ?? false),
+                              onChanged: (v) => setState(
+                                () => _smtpAuthRequired = v ?? false,
+                              ),
                               activeColor: const Color(0xFF9CC5C0),
                             ),
                             const Text('Authentification requise'),
@@ -263,11 +305,19 @@ class _ParametresPanelState extends State<ParametresPanel> {
                       ),
                       _buildField('smtp_user', 'Utilisateur SMTP'),
                       const SizedBox(height: 14),
-                      _buildField('smtp_password', 'Mot de passe SMTP', obscure: true),
+                      _buildField(
+                        'smtp_password',
+                        'Mot de passe SMTP',
+                        obscure: true,
+                      ),
                       const SizedBox(height: 14),
                       _buildField('email_from_name', 'Nom expéditeur'),
                       const SizedBox(height: 14),
-                      _buildField('email_from_address', 'Email expéditeur', hint: 'no-reply@example.com'),
+                      _buildField(
+                        'email_from_address',
+                        'Email expéditeur',
+                        hint: 'no-reply@example.com',
+                      ),
                       const SizedBox(height: 18),
                       Align(
                         alignment: Alignment.centerRight,
@@ -277,8 +327,13 @@ class _ParametresPanelState extends State<ParametresPanel> {
                           label: const Text('Tester la connexion SMTP'),
                           style: OutlinedButton.styleFrom(
                             foregroundColor: const Color(0xFF2D6A4F),
-                            side: const BorderSide(color: Color(0xFF9CC5C0)),
-                            padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 12),
+                            side: const BorderSide(
+                              color: Color(0xFF9CC5C0),
+                            ),
+                            padding: const EdgeInsets.symmetric(
+                              horizontal: 20,
+                              vertical: 12,
+                            ),
                           ),
                         ),
                       ),
@@ -295,9 +350,17 @@ class _ParametresPanelState extends State<ParametresPanel> {
                     children: [
                       _buildField('app_name', 'Nom de l\'application'),
                       const SizedBox(height: 14),
-                      _buildField('app_url', 'URL de l\'application', hint: 'https://app.example.com'),
+                      _buildField(
+                        'app_url',
+                        'URL de l\'application',
+                        hint: 'https://app.example.com',
+                      ),
                       const SizedBox(height: 14),
-                      _buildField('app_logo_url', 'URL du logo', hint: '/assets/logo.png'),
+                      _buildField(
+                        'app_logo_url',
+                        'URL du logo',
+                        hint: '/assets/logo.png',
+                      ),
                     ],
                   ),
                 ),
@@ -309,11 +372,23 @@ class _ParametresPanelState extends State<ParametresPanel> {
                   child: Column(
                     crossAxisAlignment: CrossAxisAlignment.start,
                     children: [
-                      _buildField('password_reset_token_expiry_days', 'Validité token MDP (jours)', keyboard: TextInputType.number),
+                      _buildField(
+                        'password_reset_token_expiry_days',
+                        'Validité token MDP (jours)',
+                        keyboard: TextInputType.number,
+                      ),
                       const SizedBox(height: 14),
-                      _buildField('jwt_expiry_hours', 'Validité session JWT (heures)', keyboard: TextInputType.number),
+                      _buildField(
+                        'jwt_expiry_hours',
+                        'Validité session JWT (heures)',
+                        keyboard: TextInputType.number,
+                      ),
                       const SizedBox(height: 14),
-                      _buildField('max_upload_size_mb', 'Taille max upload (MB)', keyboard: TextInputType.number),
+                      _buildField(
+                        'max_upload_size_mb',
+                        'Taille max upload (MB)',
+                        keyboard: TextInputType.number,
+                      ),
                     ],
                   ),
                 ),
@@ -327,7 +402,14 @@ class _ParametresPanelState extends State<ParametresPanel> {
                       foregroundColor: Colors.white,
                     ),
                     child: _isSaving
-                        ? const SizedBox(width: 24, height: 24, child: CircularProgressIndicator(strokeWidth: 2, color: Colors.white))
+                        ? const SizedBox(
+                            width: 24,
+                            height: 24,
+                            child: CircularProgressIndicator(
+                              strokeWidth: 2,
+                              color: Colors.white,
+                            ),
+                          )
                         : const Text('Sauvegarder la configuration'),
                   ),
                 ),
@@ -339,7 +421,8 @@ class _ParametresPanelState extends State<ParametresPanel> {
     );
   }
 
-  Widget _buildSectionCard(BuildContext context, {required IconData icon, required String title, required Widget child}) {
+  Widget _buildSectionCard(BuildContext context,
+      {required IconData icon, required String title, required Widget child}) {
     return Card(
       elevation: 2,
       shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
@@ -369,7 +452,8 @@ class _ParametresPanelState extends State<ParametresPanel> {
     );
   }
 
-  Widget _buildField(String key, String label, {bool obscure = false, TextInputType? keyboard, String? hint}) {
+  Widget _buildField(String key, String label,
+      {bool obscure = false, TextInputType? keyboard, String? hint}) {
     final c = _controllers[key];
     if (c == null) return const SizedBox.shrink();
     return TextFormField(
@@ -381,7 +465,8 @@ class _ParametresPanelState extends State<ParametresPanel> {
         labelText: label,
         hintText: hint,
         border: const OutlineInputBorder(),
-        contentPadding: const EdgeInsets.symmetric(horizontal: 12, vertical: 12),
+        contentPadding:
+            const EdgeInsets.symmetric(horizontal: 12, vertical: 12),
       ),
     );
   }

frontend/lib/widgets/admin/parent_managmant_widget.dart

@@ -1,9 +1,19 @@
 import 'package:flutter/material.dart';
 import 'package:p_tits_pas/models/parent_model.dart';
 import 'package:p_tits_pas/services/user_service.dart';
+import 'package:p_tits_pas/widgets/admin/common/admin_detail_modal.dart';
+import 'package:p_tits_pas/widgets/admin/common/admin_user_card.dart';
+import 'package:p_tits_pas/widgets/admin/common/user_list.dart';
 
 class ParentManagementWidget extends StatefulWidget {
-  const ParentManagementWidget({super.key});
+  final String searchQuery;
+  final String? statusFilter;
+
+  const ParentManagementWidget({
+    super.key,
+    required this.searchQuery,
+    this.statusFilter,
+  });
 
   @override
   State<ParentManagementWidget> createState() => _ParentManagementWidgetState();
@@ -13,23 +23,15 @@ class _ParentManagementWidgetState extends State<ParentManagementWidget> {
   bool _isLoading = false;
   String? _error;
   List<ParentModel> _parents = [];
-  List<ParentModel> _filteredParents = [];
-  
-  final TextEditingController _searchController = TextEditingController();
-  String? _selectedStatus;
 
   @override
   void initState() {
     super.initState();
     _loadParents();
-    _searchController.addListener(_filter);
   }
 
   @override
-  void dispose() {
-    _searchController.dispose();
-    super.dispose();
-  }
+  void dispose() => super.dispose();
 
   Future<void> _loadParents() async {
     setState(() {
@@ -41,7 +43,6 @@ class _ParentManagementWidgetState extends State<ParentManagementWidget> {
       if (!mounted) return;
       setState(() {
         _parents = list;
-        _filter(); // Apply initial filter (if any)
         _isLoading = false;
       });
     } catch (e) {
@@ -53,139 +54,101 @@ class _ParentManagementWidgetState extends State<ParentManagementWidget> {
     }
   }
 
-  void _filter() {
-    final query = _searchController.text.toLowerCase();
-    setState(() {
-      _filteredParents = _parents.where((p) {
-        final matchesName = p.user.fullName.toLowerCase().contains(query) ||
-            p.user.email.toLowerCase().contains(query);
-        final matchesStatus = _selectedStatus == null ||
-            _selectedStatus == 'Tous' ||
-            (p.user.statut?.toLowerCase() == _selectedStatus?.toLowerCase());
-        
-        // Mapping simple pour le statut affiché vs backend
-        // Backend: en_attente, actif, suspendu
-        // Dropdown: En attente, Actif, Suspendu
-        
-        return matchesName && matchesStatus;
-      }).toList();
-    });
-  }
-
   @override
   Widget build(BuildContext context) {
-    return Padding(
-      padding: const EdgeInsets.all(16),
-      child: Column(
-        crossAxisAlignment: CrossAxisAlignment.start,
-        children: [
-          _buildSearchSection(),
-          const SizedBox(height: 16),
-          if (_isLoading)
-            const Center(child: CircularProgressIndicator())
-          else if (_error != null)
-            Center(child: Text('Erreur: $_error', style: const TextStyle(color: Colors.red)))
-          else if (_filteredParents.isEmpty)
-            const Center(child: Text("Aucun parent trouvé."))
-          else
-            Expanded(
-              child: ListView.builder(
-                itemCount: _filteredParents.length,
+    final query = widget.searchQuery.toLowerCase();
+    final filteredParents = _parents.where((p) {
+      final matchesName = p.user.fullName.toLowerCase().contains(query) ||
+          p.user.email.toLowerCase().contains(query);
+      final matchesStatus =
+          widget.statusFilter == null || p.user.statut == widget.statusFilter;
+      return matchesName && matchesStatus;
+    }).toList();
+
+    return UserList(
+      isLoading: _isLoading,
+      error: _error,
+      isEmpty: filteredParents.isEmpty,
+      emptyMessage: 'Aucun parent trouvé.',
+      itemCount: filteredParents.length,
       itemBuilder: (context, index) {
-                  final parent = _filteredParents[index];
-                  return Card(
-                    margin: const EdgeInsets.symmetric(vertical: 8),
-                    child: ListTile(
-                      leading: CircleAvatar(
-                        backgroundImage: parent.user.photoUrl != null
-                            ? NetworkImage(parent.user.photoUrl!)
-                            : null,
-                        child: parent.user.photoUrl == null
-                            ? const Icon(Icons.person)
-                            : null,
-                      ),
-                      title: Text(parent.user.fullName.isNotEmpty
-                          ? parent.user.fullName
-                          : 'Sans nom'),
-                      subtitle: Text(
-                        "${parent.user.email}\nStatut : ${parent.user.statut ?? 'Inconnu'} | Enfants : ${parent.childrenCount}",
-                      ),
-                      isThreeLine: true,
-                      trailing: Row(
-                        mainAxisSize: MainAxisSize.min,
-                        children: [
-                          IconButton(
-                            icon: const Icon(Icons.visibility),
-                            tooltip: "Voir dossier",
-                            onPressed: () {
-                              // TODO: Voir le statut du dossier
-                            },
-                          ),
+        final parent = filteredParents[index];
+        return AdminUserCard(
+          title: parent.user.fullName,
+          avatarUrl: parent.user.photoUrl,
+          subtitleLines: [
+            parent.user.email,
+            'Statut : ${_displayStatus(parent.user.statut)} | Enfants : ${parent.childrenCount}',
+          ],
+          actions: [
             IconButton(
               icon: const Icon(Icons.edit),
-                            tooltip: "Modifier",
+              tooltip: 'Modifier',
               onPressed: () {
-                              // TODO: Modifier parent
-                            },
-                          ),
-                          IconButton(
-                            icon: const Icon(Icons.delete),
-                            tooltip: "Supprimer",
-                            onPressed: () {
-                              // TODO: Supprimer compte
+                _openParentDetails(parent);
               },
             ),
           ],
-                      ),
-                    ),
         );
       },
+    );
+  }
+
+  String _displayStatus(String? status) {
+    switch (status) {
+      case 'actif':
+        return 'Actif';
+      case 'en_attente':
+        return 'En attente';
+      case 'suspendu':
+        return 'Suspendu';
+      default:
+        return 'Inconnu';
+    }
+  }
+
+  void _openParentDetails(ParentModel parent) {
+    showDialog<void>(
+      context: context,
+      builder: (context) => AdminDetailModal(
+        title: parent.user.fullName.isEmpty ? 'Parent' : parent.user.fullName,
+        subtitle: parent.user.email,
+        fields: [
+          AdminDetailField(label: 'ID', value: _v(parent.user.id)),
+          AdminDetailField(
+            label: 'Statut',
+            value: _displayStatus(parent.user.statut),
           ),
+          AdminDetailField(
+            label: 'Telephone',
+            value: _v(parent.user.telephone),
+          ),
+          AdminDetailField(label: 'Adresse', value: _v(parent.user.adresse)),
+          AdminDetailField(label: 'Ville', value: _v(parent.user.ville)),
+          AdminDetailField(
+            label: 'Code postal',
+            value: _v(parent.user.codePostal),
+          ),
+          AdminDetailField(
+            label: 'Nombre d\'enfants',
+            value: parent.childrenCount.toString(),
           ),
         ],
+        onEdit: () {
+          Navigator.of(context).pop();
+          ScaffoldMessenger.of(this.context).showSnackBar(
+            const SnackBar(content: Text('Action Modifier a implementer')),
+          );
+        },
+        onDelete: () {
+          Navigator.of(context).pop();
+          ScaffoldMessenger.of(this.context).showSnackBar(
+            const SnackBar(content: Text('Action Supprimer a implementer')),
+          );
+        },
       ),
     );
   }
 
-  Widget _buildSearchSection() {
-    return Wrap(
-      spacing: 16,
-      runSpacing: 8,
-      children: [
-        SizedBox(
-          width: 220,
-          child: TextField(
-            controller: _searchController,
-            decoration: const InputDecoration(
-              labelText: "Nom du parent",
-              border: OutlineInputBorder(),
-              prefixIcon: Icon(Icons.search),
-            ),
-          ),
-        ),
-        SizedBox(
-          width: 220,
-          child: DropdownButtonFormField<String>(
-            decoration: const InputDecoration(
-              labelText: "Statut",
-              border: OutlineInputBorder(),
-            ),
-            value: _selectedStatus,
-            items: const [
-              DropdownMenuItem(value: null, child: Text("Tous")),
-              DropdownMenuItem(value: "actif", child: Text("Actif")),
-              DropdownMenuItem(value: "en_attente", child: Text("En attente")),
-              DropdownMenuItem(value: "suspendu", child: Text("Suspendu")),
-            ],
-            onChanged: (value) {
-              setState(() {
-                _selectedStatus = value;
-                _filter();
-              });
-            },
-          ),
-        ),
-      ],
-    );
-  }
+  String _v(String? value) => (value == null || value.isEmpty) ? '-' : value;
 }

frontend/lib/widgets/admin/user_management_panel.dart

@@ -0,0 +1,227 @@
+import 'package:flutter/material.dart';
+import 'package:p_tits_pas/screens/administrateurs/creation/admin_create.dart';
+import 'package:p_tits_pas/screens/administrateurs/creation/gestionnaires_create.dart';
+import 'package:p_tits_pas/widgets/admin/admin_management_widget.dart';
+import 'package:p_tits_pas/widgets/admin/assistante_maternelle_management_widget.dart';
+import 'package:p_tits_pas/widgets/admin/dashboard_admin.dart';
+import 'package:p_tits_pas/widgets/admin/gestionnaire_management_widget.dart';
+import 'package:p_tits_pas/widgets/admin/parent_managmant_widget.dart';
+
+class AdminUserManagementPanel extends StatefulWidget {
+  const AdminUserManagementPanel({super.key});
+
+  @override
+  State<AdminUserManagementPanel> createState() =>
+      _AdminUserManagementPanelState();
+}
+
+class _AdminUserManagementPanelState extends State<AdminUserManagementPanel> {
+  int _subIndex = 0;
+  int _gestionnaireRefreshTick = 0;
+  int _adminRefreshTick = 0;
+  final TextEditingController _searchController = TextEditingController();
+  final TextEditingController _amCapacityController = TextEditingController();
+  String? _parentStatus;
+
+  @override
+  void initState() {
+    super.initState();
+    _searchController.addListener(_onFilterChanged);
+    _amCapacityController.addListener(_onFilterChanged);
+  }
+
+  @override
+  void dispose() {
+    _searchController.removeListener(_onFilterChanged);
+    _amCapacityController.removeListener(_onFilterChanged);
+    _searchController.dispose();
+    _amCapacityController.dispose();
+    super.dispose();
+  }
+
+  void _onFilterChanged() {
+    if (!mounted) return;
+    setState(() {});
+  }
+
+  void _onSubTabChange(int index) {
+    setState(() {
+      _subIndex = index;
+      _searchController.clear();
+      _parentStatus = null;
+      _amCapacityController.clear();
+    });
+  }
+
+  String _searchHintForTab() {
+    switch (_subIndex) {
+      case 0:
+        return 'Rechercher un gestionnaire...';
+      case 1:
+        return 'Rechercher un parent...';
+      case 2:
+        return 'Rechercher une assistante...';
+      case 3:
+        return 'Rechercher un administrateur...';
+      default:
+        return 'Rechercher...';
+    }
+  }
+
+  Widget? _subBarFilterControl() {
+    if (_subIndex == 1) {
+      return DropdownButtonHideUnderline(
+        child: DropdownButton<String?>(
+          value: _parentStatus,
+          isExpanded: true,
+          hint: const Padding(
+            padding: EdgeInsets.only(left: 10),
+            child: Text('Statut', style: TextStyle(fontSize: 12)),
+          ),
+          items: const [
+            DropdownMenuItem<String?>(
+              value: null,
+              child: Padding(
+                padding: EdgeInsets.only(left: 10),
+                child: Text('Tous', style: TextStyle(fontSize: 12)),
+              ),
+            ),
+            DropdownMenuItem<String?>(
+              value: 'actif',
+              child: Padding(
+                padding: EdgeInsets.only(left: 10),
+                child: Text('Actif', style: TextStyle(fontSize: 12)),
+              ),
+            ),
+            DropdownMenuItem<String?>(
+              value: 'en_attente',
+              child: Padding(
+                padding: EdgeInsets.only(left: 10),
+                child: Text('En attente', style: TextStyle(fontSize: 12)),
+              ),
+            ),
+            DropdownMenuItem<String?>(
+              value: 'suspendu',
+              child: Padding(
+                padding: EdgeInsets.only(left: 10),
+                child: Text('Suspendu', style: TextStyle(fontSize: 12)),
+              ),
+            ),
+          ],
+          onChanged: (value) {
+            setState(() {
+              _parentStatus = value;
+            });
+          },
+        ),
+      );
+    }
+
+    if (_subIndex == 2) {
+      return TextField(
+        controller: _amCapacityController,
+        decoration: const InputDecoration(
+          hintText: 'Capacité min',
+          hintStyle: TextStyle(fontSize: 12),
+          border: InputBorder.none,
+          isDense: true,
+          contentPadding: EdgeInsets.symmetric(horizontal: 10, vertical: 8),
+        ),
+        keyboardType: TextInputType.number,
+      );
+    }
+    return null;
+  }
+
+  Widget _buildBody() {
+    switch (_subIndex) {
+      case 0:
+        return GestionnaireManagementWidget(
+          key: ValueKey('gestionnaires-$_gestionnaireRefreshTick'),
+          searchQuery: _searchController.text,
+        );
+      case 1:
+        return ParentManagementWidget(
+          searchQuery: _searchController.text,
+          statusFilter: _parentStatus,
+        );
+      case 2:
+        return AssistanteMaternelleManagementWidget(
+          searchQuery: _searchController.text,
+          capacityMin: int.tryParse(_amCapacityController.text),
+        );
+      case 3:
+        return AdminManagementWidget(
+          key: ValueKey('admins-$_adminRefreshTick'),
+          searchQuery: _searchController.text,
+        );
+      default:
+        return const Center(child: Text('Page non trouvée'));
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      children: [
+        DashboardUserManagementSubBar(
+          selectedSubIndex: _subIndex,
+          onSubTabChange: _onSubTabChange,
+          searchController: _searchController,
+          searchHint: _searchHintForTab(),
+          filterControl: _subBarFilterControl(),
+          onAddPressed: _handleAddPressed,
+          addLabel: 'Ajouter',
+        ),
+        Expanded(child: _buildBody()),
+      ],
+    );
+  }
+
+  Future<void> _handleAddPressed() async {
+    if (_subIndex == 0) {
+      final created = await showDialog<bool>(
+        context: context,
+        barrierDismissible: false,
+        builder: (dialogContext) {
+          return const GestionnaireCreateDialog();
+        },
+      );
+
+      if (!mounted) return;
+      if (created == true) {
+        setState(() {
+          _gestionnaireRefreshTick++;
+        });
+      }
+      return;
+    }
+
+    if (_subIndex == 3) {
+      final created = await showDialog<bool>(
+        context: context,
+        barrierDismissible: false,
+        builder: (dialogContext) {
+          return const AdminCreateDialog();
+        },
+      );
+
+      if (!mounted) return;
+      if (created == true) {
+        setState(() {
+          _adminRefreshTick++;
+        });
+      }
+      return;
+    }
+
+    if (!mounted) return;
+    ScaffoldMessenger.of(context).showSnackBar(
+      const SnackBar(
+        content: Text(
+          'La création est disponible uniquement pour les gestionnaires et les administrateurs.',
+        ),
+      ),
+    );
+  }
+}

scripts/README-create-issue.md

@@ -1,19 +0,0 @@
-# Créer l’issue #84 (correctifs modale MDP) via l’API Gitea
-
-1. Définir un token valide :  
-   `export GITEA_TOKEN="votre_token"`  
-   ou créer `.gitea-token` à la racine du projet avec le token seul.
-
-2. Créer l’issue :
-   ```bash
-   cd /chemin/vers/PetitsPas
-   curl -s -X POST \
-     -H "Authorization: token $GITEA_TOKEN" \
-     -H "Content-Type: application/json" \
-     -d @scripts/issue-84-payload.json \
-     "https://git.ptits-pas.fr/api/v1/repos/jmartin/petitspas/issues"
-   ```
-
-3. En cas de succès (HTTP 201), la réponse JSON contient le numéro de l’issue créée.
-
-Payload utilisé : `scripts/issue-84-payload.json` (titre + corps depuis `scripts/issue-84-body.txt`).

scripts/create-gitea-issue.sh

@@ -1,51 +0,0 @@
-#!/usr/bin/env bash
-# Crée une issue Gitea via l'API.
-# Usage: GITEA_TOKEN=xxx ./scripts/create-gitea-issue.sh
-# Ou: mettre le token dans .gitea-token à la racine du projet.
-
-set -e
-BASE_URL="${GITEA_URL:-https://git.ptits-pas.fr/api/v1}"
-REPO="jmartin/petitspas"
-
-if [ -z "$GITEA_TOKEN" ]; then
-  if [ -f .gitea-token ]; then
-    GITEA_TOKEN=$(cat .gitea-token)
-  fi
-fi
-
-if [ -z "$GITEA_TOKEN" ]; then
-  echo "Définir GITEA_TOKEN ou créer .gitea-token avec votre token Gitea."
-  exit 1
-fi
-
-TITLE="$1"
-BODY="$2"
-if [ -z "$TITLE" ]; then
-  echo "Usage: $0 \"Titre de l'issue\" \"Corps (optionnel)\""
-  exit 1
-fi
-
-# Build JSON (escape body for JSON)
-BODY_ESC=$(echo "$BODY" | jq -Rs . 2>/dev/null || echo "null")
-if [ "$BODY_ESC" = "null" ] || [ -z "$BODY" ]; then
-  PAYLOAD=$(jq -n --arg t "$TITLE" '{title: $t}')
-else
-  PAYLOAD=$(jq -n --arg t "$TITLE" --arg b "$BODY" '{title: $t, body: $b}')
-fi
-
-RESP=$(curl -s -w "\n%{http_code}" -X POST \
-  -H "Authorization: token $GITEA_TOKEN" \
-  -H "Content-Type: application/json" \
-  -d "$PAYLOAD" \
-  "$BASE_URL/repos/$REPO/issues")
-HTTP_CODE=$(echo "$RESP" | tail -1)
-BODY_RESP=$(echo "$RESP" | sed '$d')
-
-if [ "$HTTP_CODE" = "201" ]; then
-  ISSUE_NUM=$(echo "$BODY_RESP" | jq -r .number)
-  echo "Issue #$ISSUE_NUM créée."
-  echo "$BODY_RESP" | jq .
-else
-  echo "Erreur HTTP $HTTP_CODE: $BODY_RESP"
-  exit 1
-fi

scripts/gitea-close-issue-with-comment.sh

@@ -1,58 +0,0 @@
-#!/usr/bin/env bash
-# Poste un commentaire sur une issue Gitea puis la ferme.
-# Usage: GITEA_TOKEN=xxx ./scripts/gitea-close-issue-with-comment.sh <numéro> "Commentaire"
-# Ou: mettre le token dans .gitea-token à la racine du projet.
-# Exemple: ./scripts/gitea-close-issue-with-comment.sh 15 "Livré : panneau Paramètres opérationnel."
-
-set -e
-ISSUE="${1:?Usage: $0 <numéro_issue> \"Commentaire\"}"
-COMMENT="${2:?Usage: $0 <numéro_issue> \"Commentaire\"}"
-BASE_URL="${GITEA_URL:-https://git.ptits-pas.fr/api/v1}"
-REPO="jmartin/petitspas"
-
-if [ -z "$GITEA_TOKEN" ]; then
-  if [ -f .gitea-token ]; then
-    GITEA_TOKEN=$(cat .gitea-token)
-  fi
-fi
-
-if [ -z "$GITEA_TOKEN" ]; then
-  echo "Définir GITEA_TOKEN ou créer .gitea-token avec votre token Gitea."
-  exit 1
-fi
-
-# 1) Poster le commentaire
-echo "Ajout du commentaire sur l'issue #$ISSUE..."
-# Échapper pour JSON (guillemets et backslash)
-COMMENT_ESC=$(printf '%s' "$COMMENT" | sed 's/\\/\\\\/g; s/"/\\"/g; s/\r//g')
-PAYLOAD="{\"body\":\"$COMMENT_ESC\"}"
-RESP=$(curl -s -w "\n%{http_code}" -X POST \
-  -H "Authorization: token $GITEA_TOKEN" \
-  -H "Content-Type: application/json" \
-  -d "$PAYLOAD" \
-  "$BASE_URL/repos/$REPO/issues/$ISSUE/comments")
-HTTP_CODE=$(echo "$RESP" | tail -1)
-BODY=$(echo "$RESP" | sed '$d')
-
-if [ "$HTTP_CODE" != "201" ]; then
-  echo "Erreur HTTP $HTTP_CODE lors du commentaire: $BODY"
-  exit 1
-fi
-echo "Commentaire ajouté."
-
-# 2) Fermer l'issue
-echo "Fermeture de l'issue #$ISSUE..."
-RESP2=$(curl -s -w "\n%{http_code}" -X PATCH \
-  -H "Authorization: token $GITEA_TOKEN" \
-  -H "Content-Type: application/json" \
-  -d '{"state":"closed"}' \
-  "$BASE_URL/repos/$REPO/issues/$ISSUE")
-HTTP_CODE2=$(echo "$RESP2" | tail -1)
-BODY2=$(echo "$RESP2" | sed '$d')
-
-if [ "$HTTP_CODE2" = "200" ] || [ "$HTTP_CODE2" = "201" ]; then
-  echo "Issue #$ISSUE fermée."
-else
-  echo "Erreur HTTP $HTTP_CODE2: $BODY2"
-  exit 1
-fi

scripts/issue-84-body.txt

@@ -1,14 +0,0 @@
-Correctifs et améliorations de la modale de changement de mot de passe obligatoire affichée à la première connexion admin.
-
-**Périmètre :**
-- Ajustements visuels / UX de la modale (ChangePasswordDialog)
-- Cohérence charte graphique, espacements, lisibilité
-- Comportement (validation, messages d'erreur, fermeture)
-- Lien de test en debug sur l'écran login (« Test modale MDP ») pour faciliter les réglages
-
-**Tâches :**
-- [ ] Revoir le design de la modale (relief, bordures, couleurs)
-- [ ] Vérifier les champs (MDP actuel, nouveau, confirmation) et validations
-- [ ] Ajuster les textes et messages d'erreur
-- [ ] Tester sur mobile et desktop
-- [ ] Retirer ou conditionner le lien « Test modale MDP » en production si besoin

scripts/issue-84-payload.json

@@ -1 +0,0 @@
-{"title": "[Frontend] Bug – Correctifs modale Changement MDP (première connexion admin)", "body": "Correctifs et améliorations de la modale de changement de mot de passe obligatoire affichée à la première connexion admin.\n\n**Périmètre :**\n- Ajustements visuels / UX de la modale (ChangePasswordDialog)\n- Cohérence charte graphique, espacements, lisibilité\n- Comportement (validation, messages d'erreur, fermeture)\n- Lien de test en debug sur l'écran login (« Test modale MDP ») pour faciliter les réglages\n\n**Tâches :**\n- [ ] Revoir le design de la modale (relief, bordures, couleurs)\n- [ ] Vérifier les champs (MDP actuel, nouveau, confirmation) et validations\n- [ ] Ajuster les textes et messages d'erreur\n- [ ] Tester sur mobile et desktop\n- [ ] Retirer ou conditionner le lien « Test modale MDP » en production si besoin\n"}