{% extends "base.html" %}
{% load loc_tags %}
{% block addMetaTags %}
<meta name="description" content="List kids events in {{loc}} sports, music, dance, college prep, academic">
{% endblock %}
{% block titleTag %}
<title> {{loc}} Kids Events Library, sports, cultural, music, dance </title>
{% endblock %}
{% block loadAdditionalCSS %}
{% load staticfiles %}
{% load load_html_tags %}
{% load loc_tags %}
{% endblock %}
{% block content %}
</br>
{% include "locations/change_location_template.html" %}
<div class="container-fluid">
{% include "events/elements/page-title.html" with title="Kids Events in "|add:loc %}
<div class="col-lg-9 col-md-9">
{% if events|all_events_expired %}
<h4 > <span style="color:#FF8C00"> There are currently no events listed for this location. </span> </h4> <br>
{% if events %} <h2> Past Events </h2> {% endif %}
{% with events=events|get_expired_events %}
{% for event in events %}
<div class="row">
{% with event_image=event.image1 %}
<div class="col-lg-2 col-md-2">
<div class="eventimage">
<img src="{{ event_image.url }}" class="img-responsive" alt= "{{event_image}}">
</div>
</div>
{% endwith %}
<div class="col-lg-5 col-md-5">
<h3 style="margin:0px;"> <a href="/kidsevents/{{event.event_name_slug}}/{{event.location.city.city_name_slug}}" onClick="ga('send', {'hitType': 'event', 'eventCategory': 'EventNameLink', 'eventAction': 'clickAction', 'eventLabel': 'clickedEventNameLink' });"> {{event.event_name}} </a> </h3>
<span>{{event.address}}</span></br>
<span>{{event.city}}, {{event.state}} {{event.zipcode}}</span></br>
<span><a href="https://www.google.com/maps/place/{{event.address}}, {{event.city}}, {{event.state}} {{event.zipcode}}" onClick="ga('send', {'hitType': 'event', 'eventCategory': 'DirectionsLink', 'eventAction': 'clickAction', 'eventLabel': 'clickedDirectionsLinkAllEventsPage' });" target="_blank">Directions </a></span>
</div>
<div class="col-lg-5 col-md-5">
<p>{% if event.end_time %} {{event.start_time|time:"g:iA"|lower}} - {{event.end_time|time:"g:iA"|lower}} {% else %} {{event.start_time|time:"g:iA"|lower}} {% endif %}, {{event.when|custom_date}}</p>
<a href="/kidsevents/{{event.event_name_slug}}/{{event.location.city.city_name_slug}}">See Details </a>
</div>
</div>
<hr/>
{% endfor %}
{% endwith %}
{% else %}
{% for event in events %}
{% if not event.is_past_due %}
<div class="row">
{% with event_image=event.image1%}
<div class="col-lg-2 col-md-2">
<div class="eventimage">
<img src="{{event_image.url}}" class="img-responsive" alt= "{{event_image}}">
</div>
</div>
{% endwith %}
<div class="col-lg-5 col-md-5">
<h3 style="margin:0px;"> <a href="/kidsevents/{{event.event_name_slug}}/{{event.location.city.city_name_slug}}" onClick="ga('send', {'hitType': 'event', 'eventCategory': 'EventNameLink', 'eventAction': 'clickAction', 'eventLabel': 'clickedEventNameLink' });"> {{event.event_name}} </a> </h3>
<span>{{event.address}}</span></br>
<span>{{event.city}}, {{event.state}} {{event.zipcode}}</span></br>
<span><a href="https://www.google.com/maps/place/{{event.address}}, {{event.city}}, {{event.state}} {{event.zipcode}}" onClick="ga('send', {'hitType': 'event', 'eventCategory': 'DirectionsLink', 'eventAction': 'clickAction', 'eventLabel': 'clickedDirectionsLinkAllEventsPage' });" target="_blank">Directions </a></span>
</div>
<div class="col-lg-5 col-md-5">
<p>{% if event.end_time %} {{event.start_time|time:"g:iA"|lower}} - {{event.end_time|time:"g:iA"|lower}} {% else %} {{event.start_time|time:"g:iA"|lower}} {% endif %}, {{event.when|custom_date}}</p>
<a href="/kidsevents/{{event.event_name_slug}}/{{event.location.city.city_name_slug}}">See Details </a>
</div>
</div>
<hr/>
{% endif %}
{% empty %}
<h4 > <span style="color:#FF8C00"> There are currently no events listed for this location. </span> </h4>
{% endfor %}
{% endif %}
</div>
<div class="col-lg-3 col-md-3" style="padding-top: 45px;">
{% include "activities/elements/widgets.html" with widget_type="signup_updates" %}
{% if popular_events and not popular_events|all_events_expired %}
<ul class="list-group">
<li class="list-group-item active"><strong>Popular Events</strong></li>
{% for event in popular_events %}
{% if not event.is_past_due %}
<li class="list-group-item"><a href="/kidsevents/{{event.event_name_slug}}/{{event.location.city.city_name_slug}}">{{event.event_name}}</a> {{event.when|date:"M d, Y"}}, {% if event.end_time %} {{event.start_time|time:"g:iA"|lower}} - {{event.end_time|time:"g:iA"|lower}} {% else %} {{event.start_time|time:"g:iA"|lower}} {% endif %}
</li>
{% endif %}
{% endfor %}
</ul>
{% endif %}
{% if event_activity_data%}
<ul class="list-group">
<li class="list-group-item active"><strong>Event Activity</strong></li>
{% for event_activity in event_activity_data %}
<li class="list-group-item"> {{ event_activity | load_html_for_activity }} </li>
{% endfor %}
</ul>
{% endif %}
</div>
<div class="clearfix"> </div>
</div>
</br>
{% endblock %}
{% block loadAdditionalJS %}
<script>
$('#nav_events').addClass("selected-tab");
</script>
<script>
var pageType = "Events"
ga('set', 'dimension1', 'pageType');
ga('send', 'pageview');
</script>
{% endblock %}