{% extends '@InstallBois/index.html.twig' %}

{% block stylesheets %}
    {{ parent() }}
    <style>
        h2 {
            text-align: center;
        }
        input[type="file"] {
            width: 100%;
        }
        .current-file {
            margin-bottom: 1rem;
        }

        .current-file :hover {
            text-decoration: underline;
        }
    </style>
{% endblock %}

{% block page_content %}
    <main>
        <h2>Modification d'un document</h2>
        <div style="margin: 0 auto; width: 400px; max-width: 100vw; padding: 1rem">
            {{ form_start(form) }}
                {{ form_row(form.title) }}
                {{ form_row(form.description) }}
                {{ form_row(form.file) }}
                {% if form.vars.data.fileName %}
                    <div class="current-file">
                        📄 Fichier enregistré :
                        <a href="{{ path('app_technical_doc_show', {id: form.vars.data.id}) }}" target="_blank" style="color: #FC971F">
                            {{ form.vars.data.fileName }}
                        </a>
                    </div>
                {% endif %}
                <div style="display: flex; justify-content: space-between">
                    <a href="{{ path('app_technical_doc_admin_index') }}" class="boutonAction" style="padding: .5rem .7rem">Retour</a>
                    <button type="submit" class="boutonAction">Enregistrer</button>
                </div>
            {{ form_end(form) }}
        </div>
    </main>
{% endblock %}