{% extends "base.html" %}

{% block title %}发布作品 - 泸州高中摄影社论坛{% endblock %}

{% block content %}
<div class="container create-post-container">
    <div class="page-header">
        <h1>📸 发布摄影作品</h1>
        <p class="subtitle">分享你的精彩瞬间</p>
    </div>

    <div class="create-post-card">
        <form method="POST" enctype="multipart/form-data" class="create-post-form">
            <div class="form-group">
                <label for="image">照片 <span class="required">*</span></label>
                <div class="file-upload-area large" id="postImageUploadArea">
                    <input type="file" id="image" name="image" accept="image/*" required class="file-input">
                    <div class="file-upload-text">
                        <span class="upload-icon">🖼️</span>
                        <p>点击或拖拽上传照片</p>
                        <p class="file-hint">支持 PNG, JPG, JPEG, GIF, WEBP（最大 16MB）</p>
                    </div>
                    <img id="postImagePreview" class="image-preview large" style="display: none;">
                </div>
            </div>

            <div class="form-group">
                <label for="description">描述</label>
                <textarea id="description" name="description" rows="5" placeholder="说说这张照片的故事..."
                    class="form-control"></textarea>
            </div>

            <div class="info-box">
                <p><strong>提示：</strong>您的作品将在管理员审核通过后展示给所有用户。</p>
            </div>

            <div class="form-actions">
                <a href="{{ url_for('posts.index') }}" class="btn btn-secondary">取消</a>
                <button type="submit" class="btn btn-primary">发布作品</button>
            </div>
        </form>
    </div>
</div>
{% endblock %}