{% extends "account/base.html" %}

{% load i18n %}

{% load bootstrap3 %}

{% block head_title %}{% trans "Account Activity & Events" %}{% endblock %}

{% block account_nav_events %}active{% endblock %}


{% block account_content %}
<div class="container">
<h2>My Events</h2>
{% if object_list %}
  <ul class="list-group">
    {% for event in object_list %}
      <li class="list-group-item"><a href="{% url 'polls:view-event' event.id %}">{{ event.title }}</a> - {{ event.start_time }}</li>
    {% endfor %}
  </ul>
{% else %}
  <p>No Events are available.</p>
{% endif %}
</div>
{% endblock %}

<!--

<div class="row">
  {% bootstrap_messages %}

  <div class="col-sm-6 col-md-4 col-lg4">
    <p class="sticky taped2" style="width: 250px;">
      <strong>Welcome {{ request.user.name }}!</strong><br>
      At this point, the site has<br />
      authenticated you and, if you<br />
      used a social network, retrieved<br />
      your picture and key bio details<br />
      such as name.
    </p>
  </div>

  <div class="col-sm-6 col-md-4 col-lg-4">
    <h3>Picture</h3>
    <p class="picture-frame">
    {% if user.profile.avatar_url %}<img alt="" src="{{user.profile.avatar_url}}" style="width: 256px; height: 256px">
    {% else %}No picture available yet.{% endif %}
    </p>
  </div>
  <div class="col-sm-6 col-md-4 col-lg-4">
    <h3>Profile</h3>
    <ul class="list-unstyled">
      <li>First name: <strong>{{user.first_name}}</strong></li>
      <li>Last name: <strong>{{user.last_name}}</strong></li>
      <li>Display name: <strong>{{user.display_name}}</strong></li>
      <li>Email: <strong>{{user.email}}</strong></li>
      <li>{% if request.user.profile.account_verified %}Verified{% else %}Unverified{% endif %}</li>
    </ul>
    <a href="{% url 'account_profile' %}">Edit</a>
  </div>
</div>

-->