{% extends '@DediSyliusTheme/DesignSystem/layout.html.twig' %}

{% block content %}
    <div class="ds-container">
        <h2 class="ds-title">{{ 'app.design_system.icons.title'|trans }}</h2>
        <p class="ds-text">{{ 'app.design_system.icons.desc'|trans }}</p>

        <h3 class="ds-subtitle">{{ 'app.design_system.icons.logo_favicon'|trans }}</h3>
        <div class="row align-items-center">
            <div class="col">
                <img src="{{ asset('build/'~sylius.channel|lower ~'/images/logo.svg', sylius.channel|lower) }}" alt="{{ sylius.channel }} logo" width="119" height="72" class="img-fluid"/><br>
            </div>
            <div class="col">
                <img src="{{ asset('build/'~sylius.channel|lower ~'/images/favicon/favicon.ico', sylius.channel|lower) }}" alt="{{ sylius.channel }} favicon" class="img-fluid"/>
            </div>
        </div>


        <h3 class="ds-subtitle">{{ 'app.design_system.icons.main_icons'|trans }}</h3>
        {% include "@DediSyliusTheme/DesignSystem/parts/_icons.html.twig" %}
    </div>
{% endblock %}
