{% extends 'base.html' %}

{% block title %}Upload to the Galaxy | LIVE VERSE{% endblock %}

{% block content %}
<div class="container py-4">
    <div class="row justify-content-center">
        <div class="col-lg-8">
            <div class="card bg-dark text-white border-secondary rounded-4 overflow-hidden shadow-lg" style="background: var(--lv-surface) !important; border-color: var(--lv-border) !important;">
                <div class="card-header border-secondary p-4" style="background: var(--gradient-cosmic);">
                    <h2 class="h4 mb-0"><i class="fas fa-cloud-upload-alt me-2"></i> Transmit New Content</h2>
                    <p class="small mb-0 opacity-75">Your content will be broadcasted across the universal feed.</p>
                </div>
                <div class="card-body p-4">
                    <form method="POST" enctype="multipart/form-data">
                        {% csrf_token %}
                        
                        <div class="mb-4">
                            <label class="form-label fw-bold">Title</label>
                            {{ form.title }}
                        </div>
                        
                        <div class="mb-4">
                            <label class="form-label fw-bold">Description</label>
                            {{ form.description }}
                        </div>

                        <div class="row">
                            <div class="col-md-6 mb-4">
                                <label class="form-label fw-bold">Content Category</label>
                                {{ form.category }}
                            </div>
                            <div class="col-md-6 mb-4">
                                <label class="form-label fw-bold">Content Type</label>
                                {{ form.video_type }}
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6 mb-4">
                                <label class="form-label fw-bold">Thumbnail (Image)</label>
                                {{ form.thumbnail }}
                            </div>
                            <div class="col-md-6 mb-4">
                                <label class="form-label fw-bold">Video File</label>
                                {{ form.video_file }}
                            </div>
                        </div>

                        <div class="d-grid mt-4">
                            <button type="submit" class="upload-btn py-3 fs-5">
                                <i class="fas fa-paper-plane me-2"></i> Launch Broadcast
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}
