{% requireEdition CraftPro %}

{% set isImageUploaded = craft.rebrand.isImageUploaded(imageType) %}

<div class="cp-image cp-image-{{ imageType }}" data-type="{{ imageType }}">
    <div class="cp-current-image{% if isImageUploaded %} checkered{% endif %}"
        {% if isImageUploaded -%}
            {% set image = craft.rebrand.getImageVariable(imageType) %}
            {% if image.width > 0 and image.height > 0 %}
                 style="width: {{ image.width }}px; height: {{ image.height }}px;"
                 data-url="{{ image.url }}"
             {% endif %}
        {%- endif %}
        >
        {% if image is defined and image is not empty -%}
            <img src="{{ url(image.url) }}" alt="{% if imageType == 'logo' %}{{ "Login Page Logo"|t('app') }}{% else %}{{ "Site Icon"|t('app') }}{% endif %}" />
        {%- endif %}
    </div>

    <div class="cp-image-controls">
        <input type="file" name="image" class="hidden" />
        {% if isImageUploaded %}
            <div class="flex flex-nowrap">
                <button type="button" class="btn upload">{% if imageType == 'logo' %}{{ block('changeLogoLabel') }}{% else %}{{ block('changeIconLabel') }}{% endif %}</button>
                <button type="button" class="btn delete">{% if imageType == 'logo' %}{{ block('deleteLogoLabel') }}{% else %}{{ block('deleteIconLabel') }}{% endif %}</button>
            </div>
        {% else %}
            <div class="flex flex-nowrap">
                <button type="button" class="btn upload">{% if imageType == 'logo' %}{{ block('uploadLogoLabel') }}{% else %}{{ block('uploadIconLabel') }}{% endif %}</button>
            </div>
        {% endif %}
    </div>
</div>