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

{% block title %}Events{% endblock %}

{% block body %}
    <h1>{{ event.name }}</h1>
    {# Buttons on top for easier access #}
    {# Return-Button #}
    <a href="{{ path('app_events_index') }}" class="btn btn-primary">Go back</a>
    {# Edit-Button #}
    <a href="{{ path('app_events_edit', {'id': event.id}) }}" class="btn btn-warning">Edit</a>
    {# Delete-Button #}
    {{ include('events/_delete_form.html.twig') }}
<div class="col my-3">
    {# Layout: #}
    <img src="{{asset('images/')~event.image}}" class="img-fluid" style="max-height: 200px; width:auto;" alt="{{ event.name }}" />
    <div class="card-body">
    <p>{{ event.description }}</p>
    <p><b>Homepage: </b> {{ event.url }}</p>
    <p><b>Event-type: </b> {{ event.type }}</p>
    <p><b>Date: </b>{{ event.start ? event.start|date('l, d.m.Y H:i') : '' }}</p>
    <p><b>Location: </b> {{ event.location.streetname }} {{ event.location.housenumber }}, {{ event.location.zipcode }} {{ event.location.cityname }}</p>
    <p><b>Capacity: </b>{{ event.location.capacity }}</p>
    <p><b>Promoter: </b>{{ event.contact.promoter }}</p>
    <p><b>Contact-Information: </b><br>
        E-Mail: {{ event.contact.email }} <br>
        Phone-Number: {{ event.contact.phone }}
    </p>
</div>

{% endblock %}