<div class="bc-w-2/3">
    {% embed "system/embed/card/card-with-title.html.twig" with {contentSpacing: false} %}
        {% import "system/macro/card/card-heading.html.twig" as card_heading %}
        {% block header %}
            {{ card_heading.component({
                title: localized.headline.logoSettings,
            }) }}
        {% endblock %}
        {% block content %}
            {% import "system/macro/row/switch-button.html.twig" as row_switch_button %}
            {% import "system/macro/row/media-selection.html.twig" as row_media_selection %}
            {% import "system/macro/row/save.html.twig" as row_save %}
            {{ row_switch_button.component({
                hint: localized.hint.showLogo,
                id: 'showLogo',
                label: localized.field.showLogo,
                value: data.showLogo,
            }) }}

            {{ row_media_selection.component({
                hint: localized.hint.logo,
                button: localized.button.useThisMedia,
                id: 'logo',
                label: localized.field.logo,
                title: localized.button.selectOrUploadLogo,
                value: data.logo,
            }) }}

            {{ row_media_selection.component({
                hint: localized.hint.logoHd,
                button: localized.button.useThisMedia,
                id: 'logoHd',
                label: localized.field.logoHd,
                title: localized.button.selectOrUploadLogo,
                value: data.logoHd,
            }) }}

            {{ row_save.component({}, localized) }}
        {% endblock %}
    {% endembed %}
</div>
