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

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

{% block header %}{% include "Components/navbar.html.twig" %}{% endblock %}

{% block body %}
<h1 class="text-center">{{ event.name }}</h1>

<div class="container">
    {% if event %}
    <div>
        <div class="card mb-3">
            <img src="{{ event.image }}" class="card-img-top" alt="...">
            <div class="card-body">
                <h5 class="card-title">{{ event.name }}</h5>
                <p class="card-text">{{ event.description }}</p>
            </div>
            <ul class="list-group list-group-flush">
                <li class="text-center list-group-item">{{ event.date ? event.date|date('d.m.Y') : '' }} {{
                    event.startTime ?
                    event.startTime|date('H:i') : '' }}</li>
                <a class="text-center" href="{{ event.URL }}">{{ event.URL }}</a>
            </ul>
            <ul class="list-group list-group-horizontal">
                <li class="text-center list-group-item w-50">Capacity: {{ event.capacity }}</li>
                <li class="text-center list-group-item w-50">URL: {{ event.URL }}</li>
            </ul>
            <ul class="list-group list-group-horizontal">
                <li class="text-center list-group-item w-50">Contact mail: {{ event.contactMail }}</li>
                <li class="text-center list-group-item w-50">Contact phone: {{ event.contactPhone }}</li>
            </ul>
            <ul class="list-group list-group-horizontal">
                <li class="text-center list-group-item w-50">Location address: {{ event.address }}</li>
                <li class="text-center list-group-item w-50">Eventtype: {{ event.type }}</li>
            </ul>
            <div class="card-body d-grid gap-2 d-flex justify-content-around">
                <div class="col-4">
                    <a class="btn btn-primary w-100" href="{{ path('app_events_index') }}">back to list</a>
                </div>
                <div class="col-4">
                    <a class="btn btn-warning w-100" href="{{ path('app_events_edit', {'id': event.id}) }}">edit</a>
                </div>
                <div class="col-4">
                    {{ include('events/_delete_form.html.twig') }}
                </div>
            </div>
        </div>
    </div>

    {% else %}
    <p>
        no event found !
    </p>
    {% endif %}
</div>

{% endblock %}