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


{% block body %}
<div class='container'>
    <div class='row'>
        {% if events %}
        {% for event in events %}
        <div class='col-md-4 col-sm-6 col-xs-12'>
            <div class="card" style="max-width: 100%;min-height: 34rem;margin:15px;box-shadow: 2px 2px 4px black;">
                <img src="/src/images/{{ event.getCoverImg() }}" class="card-img-top" alt="...">
                <div class="card-body">
                    <h5 class="card-title">{{ event.title }}</h5>
                    <p class="card-text">{{ event.eventDate|date('d.m.Y') }}</p>
                    <p class="card-text">{{ event.info|u.truncate(128, '...', false)|raw }}</p>
                    
                </div>
                <div class='card-footer'>
                    <p>Limit: {{ event.limitation }}</p>
                    <a href="{{ path('app_event',{id: event.id}) }}" class="btn btn-outline-danger btn-sm">Zobacz</a>
        
                </div>
            </div>
        </div>
        {% endfor %}
        {% else %}
        <h4>Brak aktywnych wydarzeń</h4>
        <p>Obecnie nie mamy żadnych zaplanowanych wydarzeń.</p>
        {% endif %}
        

    </div>
{% endblock %}