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

{% block title %}{{ post.title }} - Post Review{% endblock %}

{% block admin_content %}
<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pb-2 mb-3 border-bottom">
    <h1 class="h2">Post Review</h1>
    <div class="btn-toolbar mb-2 mb-md-0">
        <div class="btn-group me-2">
            <a href="{{ url_for('admin.posts') }}" class="btn btn-sm btn-outline-secondary">
                <i class="fas fa-arrow-left"></i> Back to Posts
            </a>
        </div>
        <div class="btn-group">
            {% if not post.published %}
                <form method="POST" action="{{ url_for('admin.publish_post', post_id=post.id) }}" class="d-inline">
                    <button type="submit" class="btn btn-sm btn-success" onclick="return confirm('Publish this post?')">
                        <i class="fas fa-check"></i> Publish
                    </button>
                </form>
            {% else %}
                <form method="POST" action="{{ url_for('admin.unpublish_post', post_id=post.id) }}" class="d-inline">
                    <button type="submit" class="btn btn-sm btn-warning" onclick="return confirm('Unpublish this post?')">
                        <i class="fas fa-times"></i> Unpublish
                    </button>
                </form>
            {% endif %}
            <form method="POST" action="{{ url_for('admin.delete_post', post_id=post.id) }}" class="d-inline">
                <button type="submit" class="btn btn-sm btn-danger" 
                        onclick="return confirm('Are you sure you want to delete this post? This action cannot be undone.')">
                    <i class="fas fa-trash"></i> Delete
                </button>
            </form>
        </div>
    </div>
</div>

<div class="row">
    <!-- Post Details -->
    <div class="col-lg-8">
        <div class="card mb-4">
            <div class="card-header py-3">
                <h6 class="m-0 fw-bold text-primary">Post Content</h6>
            </div>
            <div class="card-body">
                <h3>{{ post.title }}</h3>
                {% if post.subtitle %}
                    <h5 class="text-muted mb-3">{{ post.subtitle }}</h5>
                {% endif %}
                
                <div class="mb-3">
                    <span class="badge bg-info">{{ post.get_difficulty_label() }}</span>
                    {% if post.published %}
                        <span class="badge bg-success">Published</span>
                    {% else %}
                        <span class="badge bg-warning text-dark">Pending Review</span>
                    {% endif %}
                </div>
                
                <div class="post-content">
                    {{ post.content|replace('\n', '<br>')|safe }}
                </div>
            </div>
        </div>

        <!-- Post Images -->
        {% if post.images.count() > 0 %}
        <div class="card mb-4">
            <div class="card-header py-3">
                <h6 class="m-0 fw-bold text-primary">Images ({{ post.images.count() }})</h6>
            </div>
            <div class="card-body">
                <div class="row">
                    {% for image in post.images %}
                    <div class="col-md-4 mb-3">
                        <div class="card">
                            <img src="{{ image.get_url() }}" class="card-img-top" alt="{{ image.original_name }}"
                                 style="height: 200px; object-fit: cover;">
                            <div class="card-body p-2">
                                <small class="text-muted">{{ image.original_name }}</small>
                                {% if image.is_cover %}
                                    <span class="badge bg-primary badge-sm">Cover</span>
                                {% endif %}
                                {% if image.description %}
                                    <p class="card-text small">{{ image.description }}</p>
                                {% endif %}
                            </div>
                        </div>
                    </div>
                    {% endfor %}
                </div>
            </div>
        </div>
        {% endif %}

        <!-- GPX Files -->
        {% if post.gpx_files.count() > 0 %}
        <div class="card mb-4">
            <div class="card-header py-3">
                <h6 class="m-0 fw-bold text-primary">GPX Files ({{ post.gpx_files.count() }})</h6>
            </div>
            <div class="card-body">
                {% for gpx_file in post.gpx_files %}
                <div class="d-flex justify-content-between align-items-center mb-2">
                    <div>
                        <i class="fas fa-route text-primary"></i>
                        <strong>{{ gpx_file.original_name }}</strong>
                        <small class="text-muted">({{ "%.1f"|format(gpx_file.size / 1024) }} KB)</small>
                    </div>
                    <a href="{{ gpx_file.get_url() }}" class="btn btn-sm btn-outline-primary" download>
                        <i class="fas fa-download"></i> Download
                    </a>
                </div>
                {% endfor %}
            </div>
        </div>
        {% endif %}
    </div>

    <!-- Sidebar -->
    <div class="col-lg-4">
        <!-- Post Metadata -->
        <div class="card mb-4">
            <div class="card-header py-3">
                <h6 class="m-0 fw-bold text-primary">Post Information</h6>
            </div>
            <div class="card-body">
                <table class="table table-sm table-borderless mb-0">
                    <tr>
                        <td><strong>Author:</strong></td>
                        <td>
                            <a href="{{ url_for('admin.user_detail', user_id=post.author.id) }}">
                                {{ post.author.nickname }}
                            </a>
                        </td>
                    </tr>
                    <tr>
                        <td><strong>Created:</strong></td>
                        <td><small>{{ post.created_at.strftime('%Y-%m-%d %H:%M:%S') }}</small></td>
                    </tr>
                    <tr>
                        <td><strong>Updated:</strong></td>
                        <td><small>{{ post.updated_at.strftime('%Y-%m-%d %H:%M:%S') }}</small></td>
                    </tr>
                    <tr>
                        <td><strong>Difficulty:</strong></td>
                        <td>{{ post.get_difficulty_label() }} ({{ post.difficulty }}/5)</td>
                    </tr>
                    <tr>
                        <td><strong>Status:</strong></td>
                        <td>
                            {% if post.published %}
                                <span class="badge bg-success">Published</span>
                            {% else %}
                                <span class="badge bg-warning text-dark">Pending</span>
                            {% endif %}
                        </td>
                    </tr>
                    <tr>
                        <td><strong>Media Folder:</strong></td>
                        <td>
                            {% if post.media_folder %}
                                <code>{{ post.media_folder }}</code>
                            {% else %}
                                <em class="text-muted">None</em>
                            {% endif %}
                        </td>
                    </tr>
                </table>
            </div>
        </div>

        <!-- Post Statistics -->
        <div class="card mb-4">
            <div class="card-header py-3">
                <h6 class="m-0 fw-bold text-primary">Statistics</h6>
            </div>
            <div class="card-body">
                <table class="table table-sm table-borderless mb-0">
                    <tr>
                        <td><strong>Comments:</strong></td>
                        <td>{{ post.comments.count() }}</td>
                    </tr>
                    <tr>
                        <td><strong>Likes:</strong></td>
                        <td>{{ post.get_like_count() }}</td>
                    </tr>
                    <tr>
                        <td><strong>Images:</strong></td>
                        <td>{{ post.images.count() }}</td>
                    </tr>
                    <tr>
                        <td><strong>GPX Files:</strong></td>
                        <td>{{ post.gpx_files.count() }}</td>
                    </tr>
                    <tr>
                        <td><strong>Views:</strong></td>
                        <td>{{ post.page_views|length if post.page_views else 0 }}</td>
                    </tr>
                </table>
            </div>
        </div>

        <!-- Quick Actions -->
        <div class="card">
            <div class="card-header py-3">
                <h6 class="m-0 fw-bold text-primary">Quick Actions</h6>
            </div>
            <div class="card-body">
                {% if post.published %}
                    <a href="{{ url_for('community.post_detail', id=post.id) }}" 
                       class="btn btn-sm btn-primary w-100 mb-2" target="_blank">
                        <i class="fas fa-external-link-alt"></i> View on Site
                    </a>
                {% endif %}
                <a href="{{ url_for('admin.user_detail', user_id=post.author.id) }}" 
                   class="btn btn-sm btn-info w-100">
                    <i class="fas fa-user"></i> View Author
                </a>
            </div>
        </div>
    </div>
</div>

<style>
.post-content {
    line-height: 1.6;
    white-space: pre-wrap;
}

.badge-sm {
    font-size: 0.65em;
}
</style>
{% endblock %}