{% extends "app.html" %}

{% block body_class %}{{ block.super }} page-dashboard{% endblock %}

{% block content %}

<p><a href="{% url 'pod_create' %}" class="button">Create New Pod</a></p>

{% if pods %}
<div class="pod-list">
    {% for pod in pods %}
    <div class="pod-card" data-pod-hash="{{ pod.hash }}">
        <div class="pod-card-header">
            <h2><a href="{% url 'pod_view' hash=pod.hash %}">{{ pod.name }}</a></h2>
            <span class="pod-status pod-status-{{ pod.status }}">{{ pod.get_status_display }}</span>
        </div>
        <div class="pod-meta">
            <span>Created {{ pod.created_at|date:"Y-m-d H:i" }}</span>
            {% if pod.deadline %}
                <span>Expires <time data-deadline="{{ pod.deadline|date:'c' }}">{{ pod.deadline|date:"Y-m-d H:i" }}</time></span>
            {% endif %}
            {% if pod.self_destruct %}
                <span class="pod-tag">Self-destruct</span>
            {% endif %}
        </div>
        <div class="pod-actions">
            <a href="{% url 'pod_view' hash=pod.hash %}" class="button secondary">View</a>
            <button data-copy-url="{{ request.scheme }}://{{ request.get_host }}{% url 'pod_view' hash=pod.hash %}" class="button secondary">Copy URL</button>
            <form method="post" action="{% url 'pod_delete' hash=pod.hash %}" class="inline" data-confirm="Delete pod &quot;{{ pod.name|default:pod.hash }}&quot;?">
                {% csrf_token %}
                <button type="submit" class="button danger">Delete</button>
            </form>
        </div>
    </div>
    {% endfor %}
</div>
{% else %}
<p class="message info">You haven't created any pods yet. <a href="{% url 'pod_create' %}">Create your first pod</a> to get started.</p>
{% endif %}

{% endblock %}