{if $this->getAttribute('showTitle') && $this->getAttribute('frontendTitle')}
    <h2 class="control-header">{$this->getAttribute('frontendTitle')|escape:'html'}</h2>
{/if}

{if $this->getAttribute('content') != ""}
    <div class="control-content">
        {$this->getAttribute('content')}
    </div>
{/if}

{assign var=imageHtml value=''}

{if $image != ''}
    {if $altText != '' && $imageTitle != ''}
        {image src=$image
            class="quiqqer-bricks-controls-image__picture"
            alt="{$altText|escape:'html'}"
            title="{$imageTitle|escape:'html'}"
            assign=imageHtml
        }
    {elseif $altText != ''}
        {image src=$image
            class="quiqqer-bricks-controls-image__picture"
            alt="{$altText|escape:'html'}"
            assign=imageHtml
        }
    {elseif $imageTitle != ''}
        {image src=$image
            class="quiqqer-bricks-controls-image__picture"
            title="{$imageTitle|escape:'html'}"
            assign=imageHtml
        }
    {else}
        {image src=$image
            class="quiqqer-bricks-controls-image__picture"
            assign=imageHtml
        }
    {/if}
{/if}

{if $imageHtml != ''}
    <div class="quiqqer-bricks-controls-image__pictureContainer">
        {if $link != ''}
            <a class="quiqqer-bricks-controls-image__link"
               href="{$link|escape:'html'}"
               {if $linkTarget != ''}target="{$linkTarget|escape:'html'}"{/if}
               {if $linkRel != ''}rel="{$linkRel|escape:'html'}"{/if}
            >
        {/if}

        {$imageHtml}

        {if $link != ''}
            </a>
        {/if}
    </div>
{/if}