{% extends "default.html" %}

{% set active_page = "discover" %}
{% block title %}Discover{% endblock %}
{% block default_content %}

  <h3>Apps</h3>
  <p class="text-muted">
    App/Website that have implemented <b>Connect with SimpeLogin</b>
  </p>
  <div class="row row-cards row-deck">
    {% for client in clients %}

      <div class="col-sm-4 col-xl-2">
        <div class="card">
          <a href="{{ client.home_url }}"
             target="_blank"
             rel="noopener noreferrer">
            <img class="card-img-top" src="{{ client.get_icon_url() }}">
          </a>
          <div class="card-body d-flex flex-column">
            <h4>
              <a href="{{ client.home_url }}">{{ client.name }}</a>
            </h4>
            <div class="text-muted">{{ client.home_url }}</div>
          </div>
        </div>
      </div>
    {% endfor %}
  </div>
{% endblock %}
