{% extends "anonymous_base.html" %}

{% block title %}User Info{% endblock %}

{% block nav %}
  <div class="ui inverted menu borderless top-menu userinfo-menu">
    <div class="ui container">
      <span class="powered-by">Powered by</span>
      <img class="logo-analytics" src="{{ static_url_for('static', filename='img/data-analytics-white-pink.svg') }}">
      <a href="{{ url_for('common.home') }}">
          <img class="logo-atlas" src="{{ static_url_for('static', filename='img/atlas-logo-transp.png') }}">
        </a>
    </div>
  </div>
{% endblock %}

{% block content %}
  <div class="userinfo-wrapper">
    {% if user.is_authenticated %}
      <div class="userinfo-description">
        <p class="launch">Launch a product to start.</p>
        <p class="auth">You are successfully authenticated.</p>
      </div>
      <div class="userinfo-services ui cards centered">
        {% for resource_group in resource_groups %}
          {% if resource_group.service_url %}
            <a href="{{ resource_group.service_url }}" class="ui card raised">
              <div class="service-logo">
                <img class="service-logo-image {{ resource_group.namespace_url }}" alt="{{ resource_group.name }}" src="{{ static_url_for('static', filename="img/products_logos/%s.svg"|format(resource_group.namespace_url)) }}">
                <img class="service-logo-image-mobile {{ resource_group.namespace_url }}" alt="{{ resource_group.name }}" src="{{ static_url_for('static', filename="img/products_logos/mobile/%s.svg"|format(resource_group.namespace_url)) }}">
                <span class="service-logo-name-mobile {{ resource_group.namespace_url }}">{{ resource_group.name }}</span>
              </div>
            </a>
          {% endif %}
        {% endfor %}
      </div>
      <div class="userinfo-url">
        <a href="{{ url_for('usm_logout.get_logout') }}">Sign Out</a>
      </div>
    {% else %}
      <div class="userinfo-description">
        <p>You have <strong>not</strong> been authenticated.</p>
      </div>
      <div class="userinfo-url">
        <a href="{{ url_for('usm_login.get_login') }}">Log In</a>
      </div>
    {% endif %}
  </div>
{% endblock %}