{% if selected_category %}
    <div class="row">
        {% for wf in object_list %}
            <div class="col-md-6 col-lg-4" style="margin-bottom: 15px;">
                <div class="card" style="height: 100%;">
                    <div class="card-body" style="display: flex; flex-direction: column;">
                        <h6 class="mb-2">{{ wf.name }}</h6>
                        {% if wf.description %}
                            <p style="flex-grow: 1;">{{ wf.description|truncatechars:120 }}</p>
                        {% endif %}
                        <div class="mb-2">
                            <small class="d-block text-muted">
                                <strong>Last Run:</strong>
                                {% if wf.last_run_started %}
                                    {{ wf.last_run_started|date:"M d, Y H:i" }}
                                {% else %}
                                    Never
                                {% endif %}
                            </small>
                            <small class="d-block text-muted">
                                <strong>Last Run By:</strong>
                                {% if wf.last_run_requested_by %}
                                    {{ wf.last_run_requested_by }}
                                {% else %}
                                    -
                                {% endif %}
                            </small>
                            <small class="d-block text-muted">
                                <strong>Last Status:</strong>
                                {% if wf.last_run_status %}
                                    {{ wf.last_run_status|title }}
                                {% else %}
                                    -
                                {% endif %}
                            </small>
                        </div>
                        {% if can_execute_workflows %}
                            <div style="margin-top: auto;">
                                <a href="{% url 'plugins:nautobot_workflow_engine:workflow_launch' key=wf.key %}" class="btn btn-primary w-100">
                                    <i class="mdi mdi-play"></i> Launch Workflow
                                </a>
                            </div>
                        {% else %}
                            <div style="margin-top: auto;">
                                <button class="btn btn-secondary w-100" disabled>
                                    <i class="mdi mdi-lock"></i> Workflow Launch Disabled
                                </button>
                            </div>
                        {% endif %}
                    </div>
                </div>
            </div>
        {% endfor %}
    </div>
{% else %}
    {% for category, workflows in workflows_by_category.items %}
        <div style="margin-bottom: 20px;">
            <div class="clearfix" style="margin-bottom: 15px;">
                <h5 class="float-start" style="margin: 0;">
                    <i class="mdi mdi-tag text-muted"></i> {{ category }}
                    <span class="badge bg-secondary">{{ workflows|length }}</span>
                </h5>
                {% if category != "Uncategorized" %}
                    <div class="float-end">
                        <a href="?category={{ category|urlencode }}{% if is_tiles_display %}&display=tiles{% endif %}" class="btn btn-sm btn-secondary">
                            <i class="mdi mdi-filter"></i> Show {{ category }} only
                        </a>
                    </div>
                {% endif %}
            </div>
            <div class="row">
                {% for wf in workflows %}
                    <div class="col-md-6 col-lg-4" style="margin-bottom: 15px;">
                        <div class="card" style="height: 100%;">
                            <div class="card-body" style="display: flex; flex-direction: column;">
                                <h6 class="mb-2">{{ wf.name }}</h6>
                                {% if wf.description %}
                                    <p style="flex-grow: 1;">{{ wf.description|truncatechars:120 }}</p>
                                {% endif %}
                                <div class="mb-2">
                                    <small class="d-block text-muted">
                                        <strong>Last Run:</strong>
                                        {% if wf.last_run_started %}
                                            {{ wf.last_run_started|date:"M d, Y H:i" }}
                                        {% else %}
                                            Never
                                        {% endif %}
                                    </small>
                                    <small class="d-block text-muted">
                                        <strong>Last Run By:</strong>
                                        {% if wf.last_run_requested_by %}
                                            {{ wf.last_run_requested_by }}
                                        {% else %}
                                            -
                                        {% endif %}
                                    </small>
                                    <small class="d-block text-muted">
                                        <strong>Last Status:</strong>
                                        {% if wf.last_run_status %}
                                            {{ wf.last_run_status|title }}
                                        {% else %}
                                            -
                                        {% endif %}
                                    </small>
                                </div>
                                {% if can_execute_workflows %}
                                    <div style="margin-top: auto;">
                                        <a href="{% url 'plugins:nautobot_workflow_engine:workflow_launch' key=wf.key %}" class="btn btn-primary w-100">
                                            <i class="mdi mdi-play"></i> Launch Workflow
                                        </a>
                                    </div>
                                {% else %}
                                    <div style="margin-top: auto;">
                                        <button class="btn btn-secondary w-100" disabled>
                                            <i class="mdi mdi-lock"></i> Workflow Launch Disabled
                                        </button>
                                    </div>
                                {% endif %}
                            </div>
                        </div>
                    </div>
                {% endfor %}
            </div>
        </div>
        {% if not forloop.last %}
            <hr class="my-4">
        {% endif %}
    {% endfor %}
{% endif %}