<div class="title">
  Actualizare detalii cont utilizator
</div>
<div class="container-gray">
<div class="container-fluid bg-white">
  <div class="col-md-6 offset-md-3 bg-white">
    <form (ngSubmit)="onSubmit()">
      <div class="form-group">
        <label> Prenume</label>
        <input
          type="text"
          class="form-control"
          id="firstName"
          [(ngModel)]="user.firstName"
          name="firstName"
        />
      </div>

      <div class="form-group">
        <label> Nume</label>
        <input
          type="text"
          class="form-control"
          id="lastName"
          [(ngModel)]="user.lastName"
          name="lastName"
        />
      </div>

      <div class="form-group">
        <label> Email </label>
        <input
          type="text"
          class="form-control"
          id="emailId"
          [(ngModel)]="user.email"
          name="emailId"
        />
      </div>
      <div class="form-group">
        <label> UserName </label>
        <input
          type="text"
          class="form-control"
          id="username"
          [(ngModel)]="user.username"
          name="username"
        />
      </div>
      <div class="form-group" *ngIf="!isAdminRequest()">
        <label> Parola </label>
        <input
          type="password"
          class="form-control"
          id="parola"
          [(ngModel)]="user.password"
          name="password"
        />
      </div>
      <div class="form-group" *ngIf="isAdminRequest()">
        <mat-form-field>
          <mat-label>ROL ACCES</mat-label>
          <mat-select (selectionChange)="updateRole($event.value)">
            <mat-option value="ROLE_USER">USER</mat-option>
            <mat-option value="ROLE_ADMIN">ADMIN</mat-option>
          </mat-select>
        </mat-form-field>
      </div>

      <button class="btn btn-success" type="submit">Submit</button>
      <button class="btn btn-danger" type="submit" onclick="goToUserList()">
        Cancel
      </button>
    </form>
  </div>
</div>
</div>