{% extends 'base.html' %}

{% block content %}
    <div class="row">
        <div class="col-12 text-center">
            <h1>{% block title %} Practices {% endblock %}</h1>
        </div>
    </div>
    <div class="row">
        <div class="col-12 text-center">
            <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eget viverra magna. Nam in ante ultricies purus feugiat vestibulum et ac erat. Donec in sagittis ante. Maecenas non mauris et eros commodo fringilla. Integer accumsan ullamcorper diam, non rhoncus tellus molestie ut. Maecenas finibus pretium dolor ac sagittis.
            </p>
        </div>
    </div>
    <div class="row">
    {% for practice in practices %}
        <div class="col-md-4 col-sm-6 py-3">
        <div class="card">
            <div class="card-header">
                <a href="{{ url_for('practice.show_practice', practice_id=practice['id']) }}">
                    <h2 class="card-title">{{ practice['name'] }}</h2>
                </a>
            </div>
            <div class="card-body">
                <p class="card-text">
                    {{ practice['description']|truncate(100) }}
                </p>
                <span class="badge bg-secondary">{{ practice['created'].strftime("%Y-%m-%d %H:%M") }} UTC</span>
                {% if current_user.is_authenticated %}
                <a href="{{ url_for('practice.edit_practice', practice_id=practice['id']) }}">
                    <span class="badge bg-warning">Edit</span>
                </a>
                {% endif %}
            </div>
        </div>
        </div>
    {% endfor %}
    </div>
{% endblock %}