{% extends 'base.html.twig' %}

{% block title %}Asfalt Erken Uyarı Sistemi{% endblock %}

{% block body %}

    {{ include('admin/partials/top-menu.html.twig') }} 
   
   <section class="content">
                  <div class="form">
                        <div class="input-group counties">
                              <div class="input-group-addon"><i class="fa fa-map"></i></div>
                              <select name="counties" id="counties" class="form-control">
                                    
                                    {% for Item in CITIES %}
                                          <option value="{{ Item.lat }}-{{ Item.lng }}">{{ Item.title }}</option>
                                    {% endfor %}
                              </select>
                        </div>
                  </div>
        
                   
          <div id="map_canvas" class="map" style="position:absolute;top:0;bottom:0;height:100% !important;width:100%;"></div>
    </section> 

    

{% endblock %}

{% block map %}
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyC96lfXJ0u0rs-oXO9naHUZQIAjV6K-vYA"></script>

{% endblock %}