<section class="content-header">
  <div class="container-fluid">
    <div class="row mb-2">
      <div class="col-sm-2">
      </div>
      <div class="col-sm-8">
        <h1>Kontakt</h1>
      </div>
      <div class="col-sm-2">
      </div>
    </div>
  </div>
</section>

<section class="content">
  <div class="container-fluid">
    <div class="row">
      <div class="col-md-2"></div>
      <div class="col-md-8">
        <div class="card">
          <div class="card-header">
            <h3 class="card-title">Dane kontaktowe</h3>
          </div>
          <div class="card-body">
            <div class="row">
              <div class="col-md-7" id="map_grantera">

              </div>
              <div class="col-md-1"></div>
              <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBB6-CyLLXNir-Mg6zYy6gcm-tzRB1Y198&callback=initMap&v=weekly&channel=2"  async></script>
              <div class="col-md-4">
                <h2>Grantera sp. z o.o.</h2>
                <p>
                  ul. Mikołaja Gomółki 2<br />
                  80-279 Gdańsk<br />
                </p>
                <br />
                <p>
                  tel. 58 380 15 96<br />
                  tel. kom. 792 002 220<br />
                  info@grantera.pl<br />
                </p>
                <br />
                <p>
                  KRS 0000529767,<br />
                  NIP 585-14-69-751<br />
                </p>
              </div>
            </div>
          </div>
        </div>
        <div class="card">
          <div class="card-header">
            <h3 class="card-title">Formularz kontaktowy</h3>
          </div>
          <%= render 'contact_form', email_message: @email_message %>
        </div>

      </div>
      <div class="col-md-2"></div>
    </div>
  </div>
</section>
<style>
  /* Set the size of the div element that contains the map */
  #map_grantera {
    height: 400px;
    /* The height is 400 pixels */
    width: 100%;
    /* The width is the width of the web page */
  }
</style>
<script type="text/javascript">
  // Initialize and add the map
function initMap() {
  // The location of Uluru
  const grantera = { lat: 54.385723142691006, lng: 18.579579069489338 };
  // The map, centered at Uluru
  const map = new google.maps.Map(document.getElementById("map_grantera"), {
    zoom: 16,
    center: grantera,
  });
  // The marker, positioned at Uluru
  const marker = new google.maps.Marker({
    position: grantera,
    map: map,
  });
}
initMap();
</script>
