{% extends "default.html" %}

{% set active_page = "app" %}
{% block title %}Sign in with SimpleLogin apps{% endblock %}
{% block default_content %}

  <div class="row">
    <div class="col">
      <h1 class="h3">Apps</h1>
      <div class="small-text">
        List of websites/apps that you have used <b>Sign in with SimpleLogin</b>
      </div>
    </div>
  </div>
  <div class="row row-cards row-deck mt-4">
    <div class="col-12">
      <div class="card">
        <div class="table-responsive">
          <table class="table table-hover table-outline table-vcenter text-nowrap card-table">
            <thead>
              <tr>
                <th>App</th>
                <th>
                  Info
                  <i class="fe fe-help-circle"
                     data-toggle="tooltip"
                     title="Info this app/website receives"></i>
                </th>
                <th>
                  First used
                  <i class="fe fe-help-circle"
                     data-toggle="tooltip"
                     title="The first time you have used the 'Sign in with SimpleLogin' button on this app/website"></i>
                </th>
                <th>Actions</th>
                <!--<th class="text-center">Last used</th>-->
              </tr>
            </thead>
            <tbody>
              {% for client_user in client_users %}

                <tr>
                  <td>{{ client_user.client.name }}</td>
                  <td>
                    {% for scope, val in client_user.get_user_info().items() %}

                      <div>
                        {% if scope == "email" %}

                          Email:
                          <a href="mailto:{{ val }}" target="_blank">{{ val }}</a>
                        {% elif scope == "name" %}
                          Name: {{ val }}
                        {% endif %}
                      </div>
                    {% endfor %}
                  </td>
                  <td>{{ client_user.created_at | dt }}</td>
                  <td>
                    <form method="post">
                      <input type="hidden" name="client-user-id" value="{{ client_user.id }}">
                      <button class="btn btn-warning">Remove</button>
                    </form>
                  </td>
                </tr>
              {% endfor %}
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
{% endblock %}