{% set file_approved = approval_status == 1 %}
{% set file_nsfw = approval_status == 2 %}
{% set file_pending = approval_status == 0 %}

{% if file_approved %}
    <a href="{{ config.uri_img }}{{ file.file }}" target="_blank">
        {% if file.thumb|extension == 'webm' or file.thumb|extension == 'mp4' %}
            <video class="post-image" src="{{ config.uri_thumb }}{{ file.thumb }}"
                   poster="..." {# Ensure poster logic uses file.filename if needed #}
                   style="width:{{ file.thumbwidth }}px;height:{{ file.thumbheight }}px" {% if config.content_lazy_loading %}loading="lazy"{% endif %}>
            </video>
        {% else %}
            <img class="post-image"
                 src="
                     {% if file.thumb == 'file' %}
                         {{ config.root }}{% if config.file_icons[file.filename|extension] %}{{ config.file_thumb|sprintf(config.file_icons[file.filename|extension]) }}{% else %}{{ config.file_thumb|sprintf(config.file_icons.default) }}{% endif %}
                     {% elseif file.thumb == 'spoiler' %}
                         {{ config.root }}{{ config.spoiler_image }}
                     {% else %}
                         {{ config.uri_thumb }}{{ file.thumb }}
                     {% endif %}
                 "
                 style="width:{{ file.thumbwidth }}px;height:{{ file.thumbheight }}px" {% if config.content_lazy_loading %}loading="lazy"{% endif %} alt="" />
        {% endif %}
    </a>

{% elseif file_nsfw %}
    <a href="{{ config.uri_img }}{{ file.file }}" target="_blank">
        <img class="post-image spoiler" src="{{ config.root }}{{ config.spoiler_image }}" data-spoiler-file="{{ config.uri_img }}{{ file.file }}" style="width:{{ file.thumbwidth }}px;height:{{ file.thumbheight }}px">
    </a>

{% elseif file_pending %}
    {% if mod %} {# Use passed 'mod' variable #}
        <span style="font-weight:bold; color:orange;">[PENDING]</span>
        {% if file.thumb|extension == 'webm' or file.thumb|extension == 'mp4' %}
            <video class="post-image" src="{{ config.uri_thumb }}{{ file.thumb }}"
                   poster="..." {# Ensure poster logic uses file.filename if needed #}
                   style="width:{{ file.thumbwidth }}px;height:{{ file.thumbheight }}px; opacity:0.7; border: 2px dashed orange;" {% if config.content_lazy_loading %}loading="lazy"{% endif %}>
            </video>
        {% else %}
            <img class="post-image"
                 src="
                     {% if file.thumb == 'file' %}
                        {{ config.root }}{% if config.file_icons[file.filename|extension] %}{{ config.file_thumb|sprintf(config.file_icons[file.filename|extension]) }}{% else %}{{ config.file_thumb|sprintf(config.file_icons.default) }}{% endif %}
                     {% else %}
                        {{ config.uri_thumb }}{{ file.thumb }}
                     {% endif %}
                 "
                 style="width:{{ file.thumbwidth }}px;height:{{ file.thumbheight }}px; opacity:0.7; border: 2px dashed orange;" {% if config.content_lazy_loading %}loading="lazy"{% endif %} alt="[Pending Approval]" title="[Pending Approval]" />
        {% endif %}
    {% else %}
        <img class="post-image pending" src="{{ config.root }}{{ config.media_pending_image }}" alt="Media pending approval" title="Media pending approval">
    {% endif %}
{% endif %}