soma-frontend/src/app/components/organizations/edit-organization/edit-organization.component.html

<h2 class="floating-title">{{title}}</h2>

<div class="main-content">
  <div class="container-fluid">
    <div class="row">
      
      <div class="col-12 align-right">
        <div class="align-container">
          <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
              <li class="breadcrumb-item"><a [routerLink]="['/']">Dashboard</a></li>
              <li class="breadcrumb-item"><a [routerLink]="['/organizations']">Organizaciones</a></li>
              <li class="breadcrumb-item">Editar organización</li>
            </ol>
          </nav>
        </div>

      </div>

    </div>
    <br>
    <div class="row justify-content-center">
      
      <div class="col-8">
        <div class="align-container">

          <div class="card" *ngIf="organizationExists">
            <div class="card-header card-header-icon card-header-rose">
              <div class="card-icon"><i class="material-icons">map</i></div>
              <h4 class="card-title">Editar organización - <small class="category">Complete la información básica</small></h4>
            </div>
            <div class="card-body">              
              <div class="align-container">
                <form class="form-auth-small ng-untouched ng-pristine ng-valid" [formGroup]="organizationForm" (ngSubmit)="editOrganization()">
                  <div class="form-group">
                    <label for="name">Nombre de la organización: </label>
                    <input type="text" name="name" class="form-control" required formControlName="name" />
                  </div>

                  <div class="form-group">
                    <label for="country">País: </label>
                    <input type="text" name="country" class="form-control" required formControlName="country" />
                  </div>
                  
                  <div class="form-group">
                    <label for="city">Ciudad: </label>
                    <input type="text" name="city" class="form-control" required formControlName="city" />
                  </div>      
                  
                  <div class="form-group">
                    <label for="contactName">Nombre contacto: </label>
                    <input type="text" name="contactName" class="form-control" required formControlName="contactName" />
                  </div>

                  <div class="form-group">
                    <label for="contactNumber">Teléfono contacto: </label>
                    <input type="text" name="contactNumber" class="form-control" required formControlName="contactNumber" />
                  </div>
                  
                  <div class="form-group">
                    <label for="address">Dirección: </label>
                    <textarea name="address" class="form-control" rows="2" required formControlName="address"></textarea>
                  </div>
                  <br>
                  <button class="btn btn-primary">
                    Editar organización
                  </button>
                  <!--<div *ngIf="error" class="alert alert-danger mt-3 mb-0">{{error}}</div>-->
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>


    </div>         
    
  </div>
</div>