{% extends "base.html" %}
{% block content %}
<section class="card">
  <h2>Authorized user</h2>
  {% if profile %}
    <p><strong>Name:</strong> {{ profile.name }}</p>
    <p><strong>Email:</strong> {{ profile.email }}</p>
  {% endif %}
  <div class="actions">
    <a class="button secondary" href="{{ url_for('index') }}">Back home</a>
    <a class="button secondary" href="{{ url_for('logout') }}">Log out</a>
  </div>
</section>

<section class="card">
  <h2>Next 5 calendar events</h2>
  {% if events %}
    <ul class="event-list">
      {% for event in events %}
        <li>
          <h3>{{ event.summary }}</h3>
          <p><strong>Start:</strong> {{ event.start }}</p>
          <p><strong>End:</strong> {{ event.end }}</p>
          {% if event.location %}<p><strong>Location:</strong> {{ event.location }}</p>{% endif %}
          {% if event.description %}<p><strong>Description:</strong> {{ event.description }}</p>{% endif %}
          {% if event.htmlLink %}<p><a href="{{ event.htmlLink }}" target="_blank">Open in Google Calendar</a></p>{% endif %}
        </li>
      {% endfor %}
    </ul>
  {% else %}
    <p>No upcoming events found.</p>
  {% endif %}
</section>
{% endblock %}