{% sw_extends '@Storefront/storefront/utilities/offcanvas.html.twig' %}

{% block utilities_offcanvas_content %}

    {% block swat_component_product_downloads_container %}

        <div class="tab-pane-container">

            {% block swat_component_product_downloads_title %}

                {% if config('SwatProductDownloadsTab.config.showTitle') %}

                    <div class="h3 product-detail-properties-title">
                        {{ "SwatProductDownloadsTab.detail.title"|trans }} "{{ product.translated.name }}"
                    </div>

                {% endif %}

            {% endblock %}

            {% block swat_component_product_downloads_content %}

                <ul>

                    {% for mediaFile in dowloadTabFiles  %}

                        {% block swat_component_product_downloads_content_file %}

                            {% set fileName = mediaFile.translated.title ? mediaFile.translated.title : mediaFile.fileName %}

                            <li>
                                <a href="{{ mediaFile.url }}" target="_blank"
                                   title="{% if config('SwatProductDownloadsTab.config.showDownloadTitlePrefix') %}{{ "SwatProductDownloadsTab.detail.prefix"|trans }}{% endif %}{{fileName }}"
                                   {% if config('SwatProductDownloadsTab.config.forceLinkDownload') %}download{% endif %}>

                                    {% block swat_component_product_downloads_content_name %}

                                        {% if config('SwatProductDownloadsTab.config.showDownloadTitlePrefix') %}{{ "SwatProductDownloadsTab.detail.prefix"|trans }}{% endif %}{{ fileName }}

                                    {% endblock %}

                                </a>
                            </li>

                        {% endblock %}

                    {% endfor %}

                </ul>

            {% endblock %}

        </div>

    {% endblock %}

{% endblock %}