{% extends "base.html" %}
{% block title %}{{ _('My Posts') }}{% endblock %}
{% block content %}
<h2><i class="bi bi-file-earmark-text me-2"></i>{{ _('My Posts') }}</h2>
{% for post in posts %}
<div class="card mb-3">
    <div class="card-body">
        <div class="d-flex align-items-center mb-2">
          {% if post.user.profile_pic and post.user.profile_pic != 'default.png' %}
                {% if SHOPITEM_ID_GOLDRAHMEN in post.user.shop_items | map(attribute='item_id') | list %}
                    <img src="{{ url_for('static', filename='profile_pics/' ~ post.user.profile_pic) }}" class="profile-pic me-2" style="border-color: gold;">
                {% else %}
                    <img src="{{ url_for('static', filename='profile_pics/' ~ post.user.profile_pic) }}" class="profile-pic me-2">
                {% endif %}
            {% else %}
                <i class="bi bi-person-circle me-1"></i>
          {% endif %}
          <strong>{{ post.user.username }}</strong>
        </div>
        <p class="card-text">{{ post.content }}</p>
        {% for upload in post.uploads %}
            {% if upload.filetype.startswith('image') %}
                <img src="{{ url_for('static', filename='uploads/' ~ upload.filename) }}"
                     class="img-fluid mb-2"
                     style="max-width: 200px; cursor: pointer;"
                     data-bs-toggle="modal"
                     data-bs-target="#imgModal{{ upload.id }}">
                <div class="modal fade" id="imgModal{{ upload.id }}" tabindex="-1" aria-hidden="true">
                  <div class="modal-dialog modal-dialog-centered modal-lg">
                    <div class="modal-content bg-transparent border-0">
                      <img src="{{ url_for('static', filename='uploads/' ~ upload.filename) }}" class="w-100 rounded shadow">
                      <a href="{{ url_for('static', filename='uploads/' ~ upload.filename) }}" download class="btn btn-light position-absolute top-0 end-0 m-3"><i class="bi bi-download"></i> {{ _('Download') }}</a>
                    </div>
                  </div>
                </div>
            {% elif upload.filetype.startswith('video') %}
                <video src="{{ url_for('static', filename='uploads/' ~ upload.filename) }}" controls width="320" class="mb-2"></video>
                <a href="{{ url_for('static', filename='uploads/' ~ upload.filename) }}" download class="btn btn-sm btn-outline-secondary ms-2"><i class="bi bi-download"></i> {{ _('Download Video') }}</a>
            {% elif upload.filetype.startswith('audio') %}
                <audio src="{{ url_for('static', filename='uploads/' ~ upload.filename) }}" controls class="mb-2"></audio>
                <a href="{{ url_for('static', filename='uploads/' ~ upload.filename) }}" download class="btn btn-sm btn-outline-secondary ms-2"><i class="bi bi-download"></i> {{ _('Download Audio') }}</a>
            {% else %}
                <a href="{{ url_for('static', filename='uploads/' ~ upload.filename) }}" download><i class="bi bi-paperclip"></i> {{ upload.filename }}</a>
            {% endif %}
        {% endfor %}
        <form action="{{ url_for('like.like_post', post_id=post.id) }}" method="post" style="display:inline;">
            <button class="btn btn-link" type="submit"><i class="bi bi-hand-thumbs-up"></i> {{ _('Like') }} ({{ post.likes.count() }})</button>
        </form>
        <form action="{{ url_for('like.unlike_post', post_id=post.id) }}" method="post" style="display:inline;">
            <button class="btn btn-link" type="submit"><i class="bi bi-hand-thumbs-down"></i> {{ _('Unlike') }}</button>
        </form>
        <form action="{{ url_for('post.delete_post', post_id=post.id) }}" method="post" style="display:inline;">
            <button class="btn btn-danger btn-sm" type="submit"><i class="bi bi-trash"></i> {{ _('Delete') }}</button>
        </form>
        <form action="{{ url_for('post.edit_post', post_id=post.id) }}" method="get" style="display:inline;">
            <button class="btn btn-secondary btn-sm" type="submit"><i class="bi bi-pencil-square"></i> {{ _('Edit') }}</button>
        </form>
        {% if post.visibility == 'friends' %}
        <span class="badge bg-secondary ms">{{ _('Friends only') }}</span>
        {% else %}
        <span class="badge bg-success ms">{{ _('Public') }}</span>
        {% endif %}
        <small class="text-muted"><i class="bi bi-clock me-1"></i>{{ post.created_at.strftime('%Y-%m-%d %H:%M') }}</small>
        <div class="mt-2">
            <form action="{{ url_for('post.comment_post', post_id=post.id) }}" method="post">
                <input name="comment" class="form-control" placeholder="{{ _('Comment...') }}" required>
            </form>
            {% for comment in post.comments %}
                <div class="mt-1">
                    {% if comment.user.profile_pic and comment.user.profile_pic != 'default.png' %}
                        <img src="{{ url_for('static', filename='profile_pics/' ~ comment.user.profile_pic) }}" class="rounded me-2" width="32"><b>{{ comment.user.username }}</b>:
                    {% else %}
                        <i class="bi bi-person me-1"></i><b>{{ comment.user.username }}</b>:
                    {% endif %}
                    {% if comment.user_id == current_user.id %}
                    <form action="{{ url_for('post.delete_comment', comment_id=comment.id) }}" method="post" style="display:inline;">
                        <button class="btn btn-link btn-sm text-danger"><i class="bi bi-trash"></i> {{ _('Delete') }}</button>
                    </form>
                    {% endif %}
                </div>
            {% endfor %}
        </div>
    </div>
</div>
{% endfor %}
{% if not posts %}
<div class="alert alert-info" role="alert">
    {{ _('No posts available.') }}
</div>
{% endif %}
{% endblock %}