<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">Podmiot administrujący</h3>
          </div>
          <div class="card-body">
            <div class="row">
              <div class="col-md-7" id="map_deep_tech">

              </div>
              <div class="col-md-1"></div>
              <div class="col-md-4">
                <h2>Deep Tech Institute</h2>
                <p>
                  Gdański Park Naukowo-Technologiczny<br />
                  ul. Trzy Lipy 3<br />
                  80-172 Gdańsk<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>
  #map_deep_tech {
    height: 400px;
    width: 100%;
  }
</style>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBB6-CyLLXNir-Mg6zYy6gcm-tzRB1Y198&callback=initMap&v=weekly&channel=2"></script>
<script type="text/javascript">
  function initMap() {
    54.35479765200101, 18.593526289757943
    const deep_tech = { lat: 54.35479765200101, lng: 18.593526289757943 };
    const map = new google.maps.Map(document.getElementById("map_deep_tech"), {
      zoom: 16,
      center: deep_tech,
    });
    const marker = new google.maps.Marker({
      position: deep_tech,
      map: map,
    });
  }
  initMap();
</script>
