{% extends "@Contao/content_element/download.html.twig" %}

{#
  ** Add changes to the base template here. **

  Hint: Try adjusting blocks and attributes instead of
  overwriting the whole template. This way your version
  can remain compatible with future changes to the base
  template as well as adjustments made by extensions.

  Currently available blocks:
    "picture_component", "image", "sources", "source",
    "schema_org", "figure_component", "media",
    "media_link", "caption", "caption_inner",
    "download_component", "download_link",
    "download_link_attributes", "download_link_inner",
    "file_previews", "file_preview", "content",
    "headline_component", "headline_attributes",
    "headline_inner", "wrapper", "wrapper_tag",
    "attributes", "inner", "metadata", "style",
    "script"

  Example:
    {% block picture_component %}
       {{ parent() }}
       My additional content for 'picture_component'…
    {% endblock %}
#}

<a href="{{ href }}"
   title="{{ linkTitle|default(title) }}"
   class="ce_download custom-download {{ class|default('') }}"
   {{ attributes }}>
    
    {# Eigenes Icon vor dem Link #}
    <span class="download-icon">
        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-download" viewBox="0 0 16 16">
            <path d="M.5 9.9a.5.5 0 0 1 .5-.5h4V1.5a.5.5 0 0 1 1 0v7.9h4a.5.5 0 0 1 .35.85l-4.5 4.5a.5.5 0 0 1-.7 0l-4.5-4.5a.5.5 0 0 1-.15-.35z"/>
            <path d="M.5 15a.5.5 0 0 1 .5-.5h14a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z"/>
        </svg>
    </span>

    {# Der eigentliche Linktext (Dateiname oder Titel) #}
    <span class="download-label">{{ link|default(title) }}</span>

    {# Zusätzliche Infos, z. B. Dateigröße und Typ #}
    {% if fileSize or fileType %}
        <span class="download-meta">
            ({{ fileSize }}{% if fileType %}, {{ fileType }}{% endif %})
        </span>
    {% endif %}
</a>