{mh_cfg key='MH_RESPONSIVE'}
<div class="stat_bar" style="display: block">
    <div class="dashboard_stats_bar_container">
        <div class="sb_chart">
            <div class="label" style="text-align: left;">
                {capture name='MH_RESPONSIVE'}{mh_cfg key='MH_RESPONSIVE'}{/capture}
                {if $smarty.capture.MH_RESPONSIVE  ne 'True'}
                <div class="arrow_box">{/if}

                    <img src="{$MH_CATALOG_URL}{$MH_ROOT_PATH}common/images/icon_mobile_32.png" width="12"
                         height="12" align="absmiddle" hspace="0" border="0" style="margin-top: -2px">{mh_cfg key='MAILBEEZ_STATSBAR_LABEL_MOBILE'}: {$pct_mobile|string_format:"%d"}%
                    {*({$cnt_mobile|default:'0'})*}
                    {capture name='MH_RESPONSIVE'}{mh_cfg key='MH_RESPONSIVE'}{/capture}
                    {if $smarty.capture.MH_RESPONSIVE ne 'True'}</div>{/if}

            </div>
        </div>
        <div class="sb_chart_divider"></div>
        <div class="sb_chart_number">
            <div class="number">{$cnt_sent}</div>
            <div class="label">{mh_cfg key='MAILBEEZ_STATSBAR_LABEL_EMAILS'} {mh_cfg key='MAILBEEZ_STATSBAR_LABEL_SENT'}
                <br/>
                {if $beginning_of_time != '2000-01-01 00:00:00'}
                    {mh_cfg key='MAILBEEZ_STATSBAR_LABEL_BEGIN_OF_TIME'}
                    <abbr class="timeago">{$beginning_of_time}</abbr>
                {/if}
            </div>
        </div>
        <div class="sb_chart_arrow">&gt;</div>
        {capture name='MH_BOUNCEHANDLING_ENABLED'}{mh_cfg key='MH_BOUNCEHANDLING_ENABLED'}{/capture}
        {if $smarty.capture.MH_BOUNCEHANDLING_ENABLED == true}
            <div class="sb_chart">
                <div class="sb_percentage-delivered" data-percent="{$pct_delivered|string_format:"%d"}" style="margin: auto">
                    <span>{$pct_delivered|string_format:"%d"}</span>%
                </div>
                <div class="label">{mh_cfg key='MAILBEEZ_STATSBAR_LABEL_DELIVERED'}: <br/>
                    {$cnt_delivered|default:'0'}
                </div>
            </div>
            <div class="sb_chart_arrow">&gt;</div>
        {/if}


        <div class="sb_chart">
            <div class="sb_percentage-open" data-percent="{$pct_opened|string_format:"%d"}" style="margin: auto">
                <span>{$pct_opened|string_format:"%d"}</span>%
            </div>
            <div class="label">{mh_cfg key='MAILBEEZ_STATSBAR_LABEL_OPENED'}: <br/>
                {$cnt_opened|default:'0'}
                {*<br/>*}
                {*<img src="{$MH_CATALOG_URL}{$MH_ROOT_PATH}common/images/icon_mobile_32.png" width="12"*}
                {*height="12" align="absmiddle" hspace="0" border="0" style="margin-top: -2px">*}

                {*{$smarty.const.MAILBEEZ_STATSBAR_LABEL_MOBILE}: *}
                {**}
                {*{$pct_mobile|string_format:"%d"}%*}

            </div>
        </div>
        <div class="sb_chart_arrow">&gt;</div>
        <div class="sb_chart">
            <div class="sb_percentage-click" data-percent="{$pct_clicked|string_format:"%d"}" style="margin: auto">
                <span>{$pct_clicked|string_format:"%d"}</span>%
            </div>
            <div class="label">{mh_cfg key='MAILBEEZ_STATSBAR_LABEL_CLICKED'}: <br/>
                {$cnt_clicked|default:'0'}</div>
        </div>
        <div class="sb_chart_arrow">&gt;</div>
        <div class="sb_chart">
            <div class="sb_percentage-order" data-percent="{$pct_ordered|string_format:"%d"}" style="margin: auto">
                <span>{$pct_ordered|string_format:"%d"}</span>%
            </div>
            <div class="label">{mh_cfg key='MAILBEEZ_STATSBAR_LABEL_ORDERED'}: <br/>
                {$cnt_orders|default:'0'}</div>
        </div>
        <div class="sb_chart_arrow">&gt;</div>
        <div class="sb_chart_number">
            <div class="number">{$revenue}</div>
            <div class="label">{mh_cfg key='MAILBEEZ_STATSBAR_LABEL_REVENUE'}<br>
                {mh_cfg key='MAILBEEZ_STATSBAR_LABEL_COUPON_VAL'}: {$coupon_val}</div>
        </div>

        <div style="clear:both; height: 2px;"></div>

        <div style="text-align: left">
            {capture name='MH_RESPONSIVE'}{mh_cfg key='MH_RESPONSIVE'}{/capture}
            {if $smarty.capture.MH_RESPONSIVE ne 'True'}
                <br/>
                <div style="padding: 7px; border: 1px solid #c0c0c0; border-radius: 3px; background-color: {mh_cfg key='MH_COLOR_YELLOW'}">
                    <img src="{$MH_CATALOG_URL}{$MH_ROOT_PATH}common/images/responsive_75.png" width="75" hspace="0" border="0" style="margin-top: -20px; float: left; padding-right: 20px;">
                    {mh_cfg key='MAILBEEZ_STATSBAR_RESPONSIVE_INFO'}
                </div>
            {/if}
        </div>
    </div>
    <div style="clear:both; height: 2px;"></div>

</div>

