{% extends 'base.html.twig' %}

{% block title %}{{ file.name }} | ventry.host{% endblock %}

{% block twitter_card %}
    <meta name='theme-color' content='#0275e1'/>
    <meta name='og:description'
          content='{{ file.name }} ({{ file.size|formatFilesize }}) uploaded by {{ file.user.username }}'>
    <meta name='twitter:title' content='ventry.host | v²'>
    <meta name='twitter:card' content='summary_large_image'>
    <meta name='twitter:image' content='{{ asset('uploads/' ~ file.user.id ~ '/' ~ file.name) }}'>
{% endblock %}

{% block body %}
    {% include 'partials/__header.html.twig' %}
    <main>
        <div class="container mt-48">
            <div class="preview-container  m-auto " style="width: fit-content">
                <img loading="lazy" src="{{ asset('uploads/' ~ file.user.id ~ '/' ~ file.name) }}" class="custom-card" alt="{{ file.name }}">
                <p class="text-center mt-24 mb-0"><b>{{ file.originalFilename }}</b> uploaded by
                    <b><a href="{{ path('app_user_profile', {'user': file.user.id}) }}" class="text-decoration-none text-white">{{ file.user.username }}</a></b> <span
                            style="background-color: #1D2026;padding: 5px;border-radius: 7px;">{{ file.size|formatFilesize }}</span></p>
                <a href=""></a>
            </div>
        </div>
    </main>
{% endblock %}
