<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">Rua:</div>
        <input type="text" name="address" [(ngModel)]="hospitalData.address" id="address">
      </div>
      <div class="input-block">
        <div class="input-text">Número:</div>
        <input type="text" name="building_number" [(ngModel)]="hospitalData.building_number" id="building_number">
      </div>
      <div class="input-block">
        <div class="input-text">Bairro:</div>
        <input type="text" name="district" [(ngModel)]="hospitalData.district" id="district">
      </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">Estado:</div>
        <input type="text" name="state" [(ngModel)]="hospitalData.state" id="state">
      </div>
      <div class="input-block">
        <div class="input-text">Região:</div>
        <input type="text" name="region" [(ngModel)]="hospitalData.region" id="region">
      </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>
      <div class="selected-image">Imagem selecionada:
        <p style="display: inline;" id="selected_file">{{hospitalData.image.name}}</p>
      </div>
      <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>