{include file='_head.tpl'}
{include file='_header.tpl'}

<!-- page content -->
<div class="{if $system['fluid_design']}container-fluid{else}container{/if} mt20 sg-offcanvas">
  <div class="row">

    <!-- side panel -->
    <div class="col-md-4 col-lg-3 sg-offcanvas-sidebar js_sticky-sidebar">
      {include file='_sidebar.tpl'}
    </div>
    <!-- side panel -->

    <!-- content panel -->
    <div class="col-md-8 col-lg-9 sg-offcanvas-mainbar">
      <div class="row">

        <!-- center panel -->
        <div class="col-lg-8">

          <!-- notifications -->
          <div class="card">
            <div class="card-header with-icon">
              {include file='__svg_icons.tpl' icon="notifications" class="main-icon mr10" width="20px" height="20px"}{__("Your Notifications")}
            </div>
            <div class="card-body">
              <ul>
                {foreach $user->_data['notifications'] as $notification}
                  {include file='__feeds_notification.tpl'}
                {/foreach}
              </ul>

              {if count($user->_data['notifications']) >= $system['max_results']}
                <!-- see-more -->
                <div class="alert alert-post see-more js_see-more" data-get="notifications">
                  <span>{__("See More")}</span>
                  <div class="loader loader_small x-hidden"></div>
                </div>
                <!-- see-more -->
              {/if}

            </div>
          </div>
          <!-- notifications -->

        </div>
        <!-- center panel -->

        <!-- right panel -->
        <div class="col-lg-4">
          {include file='_ads_campaigns.tpl'}
          {include file='_ads.tpl'}
          {include file='_widget.tpl'}
        </div>
        <!-- right panel -->

      </div>
    </div>
    <!-- content panel -->

  </div>
</div>
<!-- page content -->

{include file='_footer.tpl'}