<section class="register-page" lang="pt">
  <p *ngIf="!_authService.loggedIn()" style="text-align:center; font-size:25px;"><b>Para cadastrar um hospital, você deve estar <a routerLink="/login">logado</a></b></p>
  <div class="register-card col-md-6 mx-auto">
    <h2>Dados do hospital:</h2>
    
    <form #form="ngForm" (ngSubmit)="onSubmit()" class>
      <div class="input-block">
        <div class="input-text">Nome do hospital:</div>
        <input type="text" name="name" [(ngModel)]="hospitalData.name" id="name">
      </div>
      <div class="input-block">
        <div class="input-text">Cidade:</div>
        <input type="text" name="city" [(ngModel)]="hospitalData.city" id="city">
      </div>
      <div class="input-block">
        <div class="input-text">Latitude:</div>
        <input type="text" name="latitude" [(ngModel)]="hospitalData.latitude" id="latitude">
      </div>
      <div class="input-block">
        <div class="input-text">Longitude:</div>
        <input type="text" name="longitude" [(ngModel)]="hospitalData.longitude" id="longitude">
      </div>
      <img [src]="imgURL" height="200" *ngIf="imgURL" class="selected-image">
      <label class="file-input" id="image_upload_button">
        Adicionar Imagem <input type="file" name="image" (change)="onFileSelect($event)" style="display:none;">
      </label>
      <button type="submit" align="right" class="submit-button">Confirmar</button>

    </form>
  </div>
</section>