{*
  1. Set "fullWidth" to true to avoid adding grid-container class in brick tpl file.
  Otehrwise it will produce a double inline padding (because of double .grid-container class)
*}

{assign var=leftSideBar value=$BricksManager->getBricksByArea('leftSidebar', $Site)}
{assign var=prefixContentBricks value=$BricksManager->getBricksByArea('prefixContentBricks', $Site)}
{assign var=suffixContentBricks value=$BricksManager->getBricksByArea('suffixContentBricks', $Site)}
{assign var=TS value=$Template->getAttribute('TemplateSetting')}
{assign var=mainContentSpacingTopCSSVar value=$TS->getAttribute('mainContentSpacingTopCSSVar')}
{assign var=mainContentSpacingBottomCSSVar value=$TS->getAttribute('mainContentSpacingBottomCSSVar')}

<div class="tpl-layout-two-columns tpl-layout-two-columns--leftSidebar">
    <main class="tpl-layout-two-columns__main">
        {if !empty($prefixContentBricks)}
            <div class="tpl-brickArea-contentPrefix">
                {foreach from=$prefixContentBricks item=Brick}
                    {* 1. *}
                    {fetch template="template/bricks/brick.html" Brick=$Brick brickArea="contentPrefix" Template=$Template fullWidth=true}
                {/foreach}
            </div>
        {/if}

        {if $Template->getBody()}
            <div class="main-content" style="{$mainContentSpacingTopCSSVar} {$mainContentSpacingBottomCSSVar}">
                {if !$showHeader && ($showPageTitle || $showPageShort)}
                    <div class="content-header page-intro">
                        {if $showPageTitle}
                            <h1 itemprop="name" class="page-intro__title">
                                {$Site->getAttribute('title')}
                            </h1>
                        {/if}

                        {if $showPageShort}
                            <div class="content-short page-intro__short lead" itemprop="description">
                                {$Site->getAttribute('short')|nl2br}
                            </div>
                        {/if}
                    </div>
                {/if}

                <div class="default-content">
                    {$Template->getBody()}
                </div>
            </div>
        {/if}

        {if !empty($suffixContentBricks)}
            <div class="tpl-brickArea-contentSuffix">
                {foreach from=$suffixContentBricks item=Brick}
                    {* 1. *}
                    {fetch template="template/bricks/brick.html" Brick=$Brick brickArea="contentSuffix" Template=$Template fullWidth=true}
                {/foreach}
            </div>
        {/if}
    </main>

    <aside class="tpl-layout-two-columns__sidebar tpl-layout-two-columns__sidebar--left">
        {if !empty( $leftSideBar)}
            {foreach from=$leftSideBar item=Brick}
                {* 1. *}
                {fetch template="template/bricks/brick.html" Brick=$Brick brickArea="rightSidebar" Template=$Template fullWidth=true}
            {/foreach}
        {/if}
    </aside>
</div>