feat: creacion de proyectos, gestor de empleados

route-planner/src/app/private/home/home.component.html

@@ -1,31 +1,31 @@
 <div class="glm-topbar">
   <img src="GLM_completo.png" alt="GomezLee Marketing" class="glm-topbar-logo" />
   <span class="glm-topbar-sep">|</span>
-  <span class="glm-topbar-context">Route Planner</span>
+  <span class="glm-topbar-context">Route Planner</span><div class="user-profile" *ngIf="profile.current"><img *ngIf="profile.avatarUrl" [src]="profile.avatarUrl" alt=""><span *ngIf="!profile.avatarUrl" class="avatar-fallback">{{ profile.current.nombre.charAt(0) }}</span><span>{{ profile.current.nombre }}</span></div><div class="projects-link"><button type="button" (click)="signOut()"><i class="pi pi-sign-out"></i> Salir</button></div>
 </div>
 
 <div class="home-container">
+  <a class="employees-link home-employees-link" routerLink="/empleados"><i class="pi pi-users"></i> Gestionar empleados</a>
   <header class="home-header">
-    <div><h1>Route Planner</h1><p>Gestión de rutas asignadas y puntos de venta pendientes</p></div>
-    <a class="employees-link" routerLink="/empleados"><i class="pi pi-users"></i> Gestionar empleados</a>
+    <div class="project-heading"><div class="project-title-line"><a class="back-projects" routerLink="/home"><i class="pi pi-arrow-left"></i> Mis proyectos</a><h1 *ngIf="!editingProject">{{ projectName || 'Proyecto' }}</h1><input *ngIf="editingProject" [(ngModel)]="projectName" maxlength="120"><button *ngIf="!editingProject" type="button" class="edit-project" (click)="startProjectEdit()"><i class="pi pi-pencil"></i> Editar proyecto</button><div *ngIf="editingProject" class="project-edit-actions"><button type="button" (click)="saveProject()" [disabled]="projectSaving">Guardar</button><button type="button" (click)="cancelProjectEdit()" [disabled]="projectSaving">Cancelar</button></div></div><textarea *ngIf="editingProject" [(ngModel)]="projectDescription" maxlength="500" placeholder="Descripción del proyecto"></textarea><p *ngIf="!editingProject">Gestión de rutas asignadas y puntos de venta pendientes</p></div>
   </header>
 
   <section class="card upload-card">
-    <h2 class="section-title">Subir PDVs para optimización</h2>
-    <p class="employees-summary" [class.empty]="!employeesLoading && !activeEmployees"><i class="pi pi-users"></i> <span *ngIf="employeesLoading">Cargando empleados activos...</span><span *ngIf="!employeesLoading">{{ activeEmployees }} empleados activos se usarán para planificar.</span></p>
+    <h2 class="section-title">PDVs del proyecto</h2>
+    <p class="employees-summary" [class.empty]="!employeesLoading && !activeEmployees"><i class="pi pi-users"></i> <span *ngIf="employeesLoading">Cargando empleados activos...</span><span *ngIf="!employeesLoading">{{ activeEmployees }} empleados activos de {{ projectCountry }} se usarán para planificar.</span></p>
 
     <div class="upload-grid">
       <div class="file-input-wrapper">
         <label class="file-label" for="pdvFile" [class.has-error]="pdvPreview && !pdvPreview.valid" [class.has-success]="pdvPreview?.valid">
           <i class="pi pi-file-excel"></i>
-          <span>Archivo PDVs (Excel)</span>
-          <span class="file-hint">.xlsx / .xls • máx 10MB • máx 2000 filas</span>
+          <span>Archivo PDVs guardado</span>
+          <span class="file-hint">Los PDVs pertenecen a este proyecto</span>
         </label>
         <input
           id="pdvFile"
           type="file"
           accept=".xlsx,.xls"
-          (change)="onPdvFileChange($event)"
+          disabled
           class="file-input"
           [class.has-file]="pdvFile"
         />