{% extends 'secondbase.html' %}
{% block content %}
<style>
  main {
    overflow-y: scroll;
  }
</style>
<div style="padding-top: 30px; padding-left: 15px;">
<h3>Hola <span style="color: darkgreen;">{{current_user.username}}</span></h3>
<p>Tu link de invitación es:</p>
<p>https://baches.qro.mx/registrame/{{current_user.referral_code}}</p>

{% if pins %}
    {% for pin in pins %}

    <table border="1" cellpadding="5" cellspacing="0">

        <tbody>

          <tr>
            <td>Agregado el</td>
            <td>{{ pin.time }}</td>
          </tr>
          <tr>
            <td>Photo</td>
            <td><img style="max-height: 66px;" src="{{ pin.photo }}"></td>
          </tr>
          <tr>
            <td>Latitude</td>
            <td>{{ pin.lat }}</td>
          </tr>
          <tr>
            <td>Longitude</td>
            <td>{{ pin.lng }}</td>
          </tr>
          <tr>
            <td>Tipo de mejora urbana</td>
            <td>{{ pin.typeofpin }}</td>
          </tr>
        </tbody>
      </table>

    {% endfor %}
{% endif %}
</div>
{% endblock %}