{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")}
              {if $user->_data['notifications']}
                <button class="btn btn-md btn-danger float-end js_delete-all-notifications">
                  {__("Delete All")}
                </button>
              {/if}
            </div>
            <div class="card-body">
              {if $user->_data['notifications']}
                <ul>
                  {foreach $user->_data['notifications'] as $notification}
                    {include file='__feeds_notification.tpl' _tpl="with-action"}
                  {/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}
              {else}
                <p class="text-center text-muted mt10">
                  {__("No notifications")}
                </p>
              {/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'}