{% extends "base.html" %}

{% block content %}

{{ text|safe }}

<hr>
<p>
  Browse from this selection of random tools, search or explore tools, practices, and experimental books.
</p>

<div class="row">
{% for tool in tools %}
    <div class="col-md-4 col-sm-6 py-3">
    <div class="card text-dark bg-info mb-3">
        <div class="card-body">
            <a href="{{ url_for('tool.show_tool', tool_id=tool['id']) }}">
                <h3 class="card-title text-center text-dark">{{ tool['name'] }}</h3>
            </a>
            <p class="card-text">
                {{ tool['description']|truncate(100) }}
            </p>
            {% if current_user.is_authenticated %}
            <a href="{{ url_for('tool.edit_tool', tool_id=tool['id']) }}">
                <span class="badge bg-dark">Edit</span>
            </a>
            {% endif %}
        </div>
    </div>
    </div>
{% endfor %}
</div>
{% endblock %}