Elep

{% extends "base.html" %}

{% block body %}
    
    <div class="events-wrapper">
        <h1 class="text-center">Events</h1>
        <div class="events">
            {% for event in events %}
                <div class="event">
                    {% load static %}
                    <a href="#">
                        <img src="{% static 'images/media' %}/{{ event.image }}" alt="{{ event.name }}" class="evt-image">
                    </a>
                    <div class="evt-content">
                        <p><strong>{{ event.name }}</strong></p>
                        <p><small>{{ event.start_date }}</small></p>
                        <p>{{ event.pn }}</p>
                        <p>{% if event.finished %}Closed{% elif event.still_on %}In progress{% else %}Not Started{% endif %}</p>
                        
                        {% if not event.finished %}
                            <a href="{% url 'event_detail' event.id %}" class="btn">Place Bet</a>
                        {% endif %}
                    </div>
                </div>
            {% endfor %}
        </div>
    </div>
    
{% endblock body %}