{% form_theme form 'nordmindAdminBundle:Form:form_theme.html.twig' %}
{% extends 'login.html.twig' %}
{% block content %}
    <div class="row clearfix">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
            <div class="card">
                <div class="header">
                    <div class="img-responsive text-center">
                        <img src="{{ event.hasLogo ? '/uploads/images/event/'~event.id~'.jpg' : '' }}" />
                    </div>
                </div>
                <div class="header">
                    <h1>{{ event.name }}</h1>
                </div>
                <div class="body">
                    <div class="row clearfix">
                        <div class="col-md-8">
                            <div class="card">
                                <div class="header bg-grey">
                                    <h3>Rejestracja</h3>
                                </div>
                                <div class="body">
                                    {{ form(form) }}
                                </div>
                            </div>

                            <div class="card">
                                <div class="header bg-grey">
                                    <h3>Opis wydarzenie</h3>
                                </div>
                                <div class="body">
                                    {{ event.description }}
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="card">
                                <div class="header bg-grey">
                                    <h3>Termin i miejsce</h3>
                                </div>
                                <div class="body font-bold">
                                    <p>Data rozpoczęcia: {{event.startDate|date('d.m.Y H:i')}}</p>
                                    <p>Data zakończenia: {{event.endDate|date('d.m.Y H:i')}}</p>
                                    <p>{{ event.address }}</p>
                                </div>
                            </div>

                            <div class="card">
                                <div class="header bg-grey">
                                    <h3>Organizator</h3>
                                </div>
                                <div class="body font-bold">
                                    <p>{{systemOptions['issuer_name'].value}}</p>
                                    <p><i class="material-icons">contact_mail</i> <a href="{{systemOptions['issuer_email'].value}}">{{systemOptions['issuer_email'].value}}</a></p>
                                    <p><i class="material-icons">contact_phone</i> <a href="{{systemOptions['issuer_phone'].value}}">{{systemOptions['issuer_phone'].value}}</a></p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row clearfix">
                        <div class="col-md-12">
                            <div class="body">
                                <div id="map-canvas" class="gmap"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock content %}
{% block javascript %}
    {{ parent() }}
    <script type="text/javascript">

        function initMap() {
            var lat = 54.361313;
            var lng = 18.64974;
            var uluru = {lat: lat, lng: lng};
            var map = new google.maps.Map(document.getElementById('map-canvas'), {
                zoom: 14,
                center: uluru
            });
            var marker = new google.maps.Marker({
                position: uluru,
                map: map
            });
        }

        {#        function initialize() {
    
                var map = new google.maps.Map(document.getElementById('map-canvas'), {
                zoom: 12,
                        center: new google.maps.LatLng({% if event.latitude %}{{event.latitude}},{{event.longtitude}}{%else%} 51.9189046, 19.1343786{% endif %}),
                        mapTypeId: google.maps.MapTypeId.ROADMAP
                });
                        var infowindow = new google.maps.InfoWindow();
                        var marker, i;
                        //var image = '{{ app.request.getSchemeAndHttpHost() }}/images/map-marker.png';        
                {% if event.latitude %}
                            marker = new google.maps.Marker({
                            position: new google.maps.LatLng({{event.latitude}},{{event.longtitude}} ),
                                    //icon: image,
                                    map: map
                            });
                            var myLatlng = new google.maps.LatLng();
                            var marker = new google.maps.Marker({
                            position: myLatlng,
                                    title: "{{event.name}}"
                            });
                            //marker.setMap(map);
                {% endif %}
                    }
    
                    google.maps.event.addDomListener(window, 'load', initialize);#}

    </script>

{% endblock %}