{% extends 'base.html' %}

{% block content %}
<div class="container py-4">
  <div class="row justify-content-center">
    <div class="col-lg-8">
      <div class="card shadow-sm">
        <div class="card-body">
          <h1 class="h3 mb-3">Upload media for {{ profile.display_name|default:profile.user.username }}</h1>
          <p class="text-muted">Add photos or videos with categories so fans can browse beautiful collections.</p>
          <form method="post" enctype="multipart/form-data">
            {% csrf_token %}
            <div class="mb-3">
              {{ form.title.label_tag }}
              {{ form.title }}
            </div>
            <div class="mb-3">
              {{ form.description.label_tag }}
              {{ form.description }}
            </div>
            <div class="mb-3">
              {{ form.category.label_tag }}
              {{ form.category }}
            </div>
            <div class="mb-3">
              {{ form.media_type.label_tag }}
              {{ form.media_type }}
            </div>
            <div class="mb-3">
              {{ form.media_file.label_tag }}
              {{ form.media_file }}
            </div>
            <button type="submit" class="btn btn-primary">Upload media</button>
            <a href="{% url 'core:discover_detail' profile.user.username %}" class="btn btn-link">Back to profile</a>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}