{% extends 'layout_frontend.html.twig' %}
{% block title %}{{ parent() }} {{ event.name }}{% endblock %}
{% block content %}
<!--Main Content Start-->
<div class="main-content innerpagebg wf100 p80">
<!--News Large Page Start-->
<!--Start-->
<div class="news-details">
<div class="container">
<div class="row">
<!--Event Start-->
<div class="col-lg-12">
<div class="news-details-wrap">
<div class="news-large-post">
<div class="google-map">
<div class="google-map">
<div id="map-canvas"></div>
</div>
</div>
<div class="post-txt">
<h1>{{ event.name }}</h1>
<ul class="post-meta">
<li><i class="fas fa-map-marker-alt"></i> {{ event.location }}</li>
<li><i class="fas fa-calendar-alt"></i> {{ event.startDate|date('F j, Y') }}</li>
</ul>
{{ event.description|raw }}
</div>
</div>
</div>
</div>
<!--Event End-->
</div>
</div>
</div>
<!--Competitions Start-->
<div class="news-grid">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section-title">
<h2>Register for competitions</h2>
</div>
</div>
{% for competition in event.competitions %}
<!--Box Start-->
<div class="col-lg-4">
<div class="ng-box">
<div class="thumb">
<a href="{{ path('competition', {'slug': competition.slug}) }}">
<i class="fas fa-link"></i>
</a>
{% if competition.picture %}
<img src="{{ asset('upload/' ~ competition.picture) }}" alt="">
{% endif %}
</div>
<div class="ng-txt">
<h4>
<a href="{{ path('competition', {'slug': competition.slug}) }}">{{ competition.name }}</a>
</h4>
<ul class="post-meta">
<li><i class="fas fa-map-marker-alt"></i> {{ competition.location }}</li>
<li><i class="fas fa-calendar-alt"></i> {{ competition.startDate|date('F j, Y') }}</li>
</ul>
<p>{{ event.shortDescription }}</p>
<a href="{{ path('competition', {'slug': competition.slug}) }}" class="rm">Register</a>
</div>
</div>
</div>
<!--Box End-->
{% endfor %}
</div>
</div>
</div>
<!--Competitions End-->
<!--End-->
</div>
<!--Main Content End-->
{% endblock %}
{% block page_javascripts %}
<script type="text/javascript">
$(document).ready(function () {
codeAddress("{{ event.location }}");
});
</script>
{% endblock %}