{% extends "base.html" %}
{% block titel %}Faceit Elo Search by HerZ{% endblock %}
{% block content %}
<div class="input-group">
{%for steamid in data_dict%}
<div class="card" >
  <img class="Steam-PB" src="{{data_dict[steamid]['steam_pic']}}" alt="Card image cap">
  <div class="card-body">
    <h3 class="Steam-Name">{{data_dict[steamid]['steam_name']}}</h3>
    <p class="FaceIT-IMG">
      {% if data_dict[steamid]['faceit_acc'] == 'true' %}
        {% if data_dict[steamid]['faceit_level'] == 1 %}
          <img src="/static/faceit1.svg" alt="FaceIT Level 1" width="100" height="100">
        {% elif data_dict[steamid]['faceit_level'] == 2 %}
        <img src="/static/faceit2.svg" alt="FaceIT Level 2" width="100" height="100">
        {% elif data_dict[steamid]['faceit_level'] == 3 %}
        <img src="/static/faceit3.svg" alt="FaceIT Level 3" width="100" height="100">
        {% elif data_dict[steamid]['faceit_level'] == 4 %}
        <img src="/static/faceit4.svg" alt="FaceIT Level 4" width="100" height="100">
        {% elif data_dict[steamid]['faceit_level'] == 5 %}
        <img src="/static/faceit5.svg" alt="FaceIT Level 5" width="100" height="100">
        {% elif data_dict[steamid]['faceit_level'] == 6 %}
        <img src="/static/faceit6.svg" alt="FaceIT Level 6" width="100" height="100">
        {% elif data_dict[steamid]['faceit_level'] == 7 %}
        <img src="/static/faceit7.svg" alt="FaceIT Level 7" width="100" height="100">
        {% elif data_dict[steamid]['faceit_level'] == 8 %}
        <img src="/static/faceit8.svg" alt="FaceIT Level 8" width="100" height="100">
        {% elif data_dict[steamid]['faceit_level'] == 9 %}
        <img src="/static/faceit9.svg" alt="FaceIT Level 9" width="100" height="100">
        {% elif data_dict[steamid]['faceit_level'] == 10 %}
        <img src="/static/faceit10.svg" alt="FaceIT Level 10" width="100" height="100">
        {% endif %}
      {% else %}
      <p>No FaceIT Account Found.</p>
      {% endif %}
    </p>
  </div>
  {% if data_dict[steamid]['faceit_acc'] == 'true' %}
  <div class="Faceit-elo-and-steamid64">
    <p class="FaceIT-elo">FaceIT ELO: {{data_dict[steamid]['faceit_elo']}}</p>
    <p class="SteamID64">SteamID: {{data_dict[steamid]['steamid64']}}</p>
  </div>
  {% endif %}
  <div class="profile-links">
    <a href="https://steamcommunity.com/profiles/{{data_dict[steamid]['steamid64']}}" class="card-link">Steam Profile</a>
    {% if data_dict[steamid]['faceit_acc'] == 'true' %}
    <a href="https://www.faceit.com/en/players/{{data_dict[steamid]['faceit_name']}}" class="card-link">FaceIT Link</a>
    {% endif %}
  </div>
</div>
{%endfor%}
{% endblock %}