<h5>{{ title }}</h5>
<div class="row">
  <form materialize class="col s12" [formGroup]="form" (ngSubmit)="save()">
    <div class="row">
      <div class="input-field col s12">
        <i class="material-icons prefix">account_circle</i>
        <input id="nombre" type="text" class="validate"
               [(ngModel)]="user.nombre" formControlName="nombre"
               [class.invalid]="form.controls['nombre'].touched && !form.controls['nombre'].valid">
        <label for="nombre"
               [class.active]="user.nombre"
               data-error="nombre is required and needs to contain at least 3 chars">
          Nombre
        </label>
      </div>
    </div>
    <div class="row">
      <div class="input-field col s12">
        <i class="material-icons prefix">tipo_documento</i>
        <input id="tipo_documento" type="text" class="validate"
               [(ngModel)]="user.tipo_documento" formControlName="tipo_documento"
               [class.invalid]="form.controls['tipo_documento'].touched && !form.controls['tipo_documento'].valid">
        <label for="tipo_documento"
               [class.active]="user.tipo_documento"
               data-error="Invalid tipo_documento">
          Tipo Documento
        </label>
      </div>
    </div>
    <div class="row">
      <div class="input-field col s12">
        <i class="material-icons prefix">numero_documento</i>
        <input id="numero_documento" type="text" class="validate"
               [(ngModel)]="user.numero_documento" formControlName="numero_documento">
        <label for="numero_documento" [class.active]="user.numero_documento">Numero Documento</label>
      </div>
    </div>
    <div class="row">
      <div class="input-field col s12">
        <i class="material-icons prefix">sexo</i>
        <input id="sexo" type="text" class="validate"
               [(ngModel)]="user.sexo" formControlName="sexo">
        <label for="sexo" [class.active]="user.sexo">Sexo</label>
      </div>
    </div>
    <button class="btn waves-effect waves-light" type="submit" [disabled]="!form.valid"  >
      Guardar<i class="material-icons right">send</i>
    </button>
  </form>
</div>