{% trans_default_domain 'admin' %}

<div class="row pt-4">

    <div class="col-md-5">

        {{ form_row(media.uploadedFile) }}

        <a class="tinypng-btn btn btn-dark"
           href="https://tinypng.com/" target="_blank">
            <i class="fal fa-file-archive"></i>
        </a>

    </div>

    <div class="col-md-7 my-auto">
        <div class="row">
            {% if displayLabel %}
                <div class="col-12">
                    <h3 class="text-white mb-4">{{ label }}</h3>
                </div>
            {% endif %}
            <div class="row m-0">
                <div class="col-md-6 p-0">{{ form_row(media.name) }}</div>
                <div class="col-md-6 p-0">{{ form_row(media.copyright) }}</div>
            </div>
            {{ form_row(media.notContractual) }}
            {% include 'admin/core/form/i18ns.html.twig' with {'i18ns': media.i18ns} %}
        </div>
    </div>

    {% set info = website()|fileInfo(entity.filename) %}

    <div class="col-md-5">
        <div class="card">
            <div class="card-body">
                <h5 class="file-info-title text-dark text-italic">{{ "Informations"|trans }}</h5>
                <ul class="reset text-italic text-dark">
                    {% if info.width is defined and info.width and info.height is defined and info.height %}
                        <li>
                            <small>
                                <strong>{{ "Taille originale (lxh) :"|trans}}</strong> {{ info.width }}px X {{ info.height }}px
                            </small>
                        </li>
                    {% endif %}
                    {% if info.size is defined and info.size %}
                        <li>
                            <small>
                                <strong>{{ "Poids original :"|trans}}</strong> {{ info.size|formatBytes }}
                            </small>
                        </li>
                    {% endif %}
                    {% if info.mime is defined and info.mime %}
                        <li>
                            <small>
                                <strong>{{ "MimeType :"|trans}}</strong> {{ info.mime }}
                            </small>
                        </li>
                    {% endif %}
                    {% if info.extension is defined and info.extension %}
                        <li>
                            <small>
                                <strong>{{ "Extension :"|trans}}</strong> {{ info.extension }}
                            </small>
                        </li>
                    {% endif %}
                    {% if info.dir is defined and info.dir %}
                        <li>
                            <small class="refer-copy">
                                <strong>{{ "URL :"|trans}}</strong>
                                {% if info.dir is defined and info.dir %}
                                    <span class="to-copy">{{ app.request.getSchemeAndHttpHost() ~ info.dir }}</span>
                                    <div class="row mt-2">
                                        <div class="col-md-6">
                                            <span class="btn btn-xs btn-outline-secondary copy-link cursor d-inline-block w-100"
                                                  data-toggle="tooltip" title="{{ "Copier"|trans }}">
                                                <i class="fal fa-copy"></i>
                                            </span>
                                        </div>
                                        <div class="col-md-6">
                                            <a href="{{ app.request.getSchemeAndHttpHost() ~ info.dir }}" download="{{ info.filename }}" class="btn btn-xs btn-outline-secondary d-inline-block w-100"
                                               data-toggle="tooltip" title="{{ "Télécharger"|trans }}">
                                                <i class="fal fa-upload"></i>
                                            </a>
                                        </div>
                                    </div>
                                {% endif %}
                            </small>
                        </li>
                    {% endif %}
                </ul>
            </div>
        </div>
    </div>

</div>