<!--  This file is part of the project Pinsis-Portal.
 Copyright (C),2018, by C3SL(Centro de Computação Científica e
 Software Live)

 This program is free software: you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by
 the Free Software Foundation, either version 3 of the License, or
 (at your option) any later version.

 This program is distributed in the hope that it will be useful,
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 GNU General Public License for more details.

 You should have received a copy of the GNU General Public License
 along with this program.  If not, see <https://www.gnu.org/licenses/>.

 -->
 <div class="container">
  <ul class="breadcrumb">
    <li>
      <a role="button" data-toggle="modal" data-target=".bs-example-modal-sm" aria-hidden="true" (click)="selectCountry()" id="countrySelected">
        Brasil
      </a>
    </li>
    /
    <li>
      <a role="button" data-toggle="modal" data-target=".bs-example-modal-sm" aria-hidden="true" (click)="selectFeatureState()"
        id="stateSelected"> Paraná
      </a>
    </li>
    /
    <li>
      <a role="button" data-toggle="modal" data-target=".bs-example-modal-sm" aria-hidden="true" (click)="selectFeatureCountie()"
        id="countieSelected"> Curitiba
      </a>
    </li>
  </ul>


  <div class="row row-hospital-selector">
    <div class="map-container">
      <div class="map-frame">
        <div id="map"></div>
      </div>
    </div>

    <div class="col-12 col-md-4">
      <button routerLink="/registro-hospital" class="register_button">
        Cadastrar novo hospital
      </button>
      <div class="hospital-selector">
        <app-hospital-selector></app-hospital-selector>
      </div>
      <div class="hospital-card" id="hospital-card">
        <img src='assets/images/{{selectedHospital.imagePath}}' alt='hospital image' style="height: 200px; margin-top:8px; max-width:100%;"/>
        <p>Hospital: {{selectedHospital.name}}</p>
      </div>
    </div>


  </div>

</div>