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

{% block title %}You've got a card!{% endblock %}

{% block content %}
<div class="pb-container pb-ecard-view">
  <div class="pb-ecard-view__envelope">💌</div>
  <h1>You've received a card!</h1>
  <p>From <strong>{{ sender.get_full_name|default:sender.username }}</strong></p>

  <div class="pb-ecard-view__card">
    <h2>{{ card.title }}</h2>
    {% if card.inside_message %}
      <p class="pb-ecard-view__message">{{ card.inside_message|linebreaks }}</p>
    {% endif %}
  </div>

  <p class="pb-ecard-view__footer">Sent with Piggyback 💕</p>
</div>
{% endblock %}