{{#extend "my-account-v2"
  pageClass="page_tradePro-rewards my-account"
  title="TradePro Rewards (Installer message)"
  logo-tp=true
  tradepro-nav=true
  pageMyAcc=true
  myAccV2=true
  isLoggedIn=true
  mainClass="pt-0"
  dataBreadcrumbs=my_account.tradeProRewards.breadcrumbsHomePage
}}
{{#content "head" mode="append"}}
<link type="text/css" rel="stylesheet" href="./css/pages/tradePro-rewards.css">
{{/content}}
{{#content "main"}}
<div class="container">
  <div class="row">
    <div class="col-12">
      {{> my-account/mobile-nav
          menu=my_account.tradepro.menu
          active-index=4
          page-name=my_account.tradepro.menu.[4].title
      }}
    </div>
  </div>
</div>

<div class="my-account__banner-wrapper my-account__banner-wrapper--background">
  <div class="container">
    <div class="row">
      <div class="col-12">
        {{> notifications my_account.tradepro.banner withCloseBtn="true"}}
      </div>
    </div>
  </div>
</div>

{{#extend "cards-slider"
  title="TradePro Rewards"
}}
  {{#content "cards"}}
    {{#each page_tradePro_cards.reward_cards}}
      {{> reward_card
        modificator="swiper-slide"
        imgSrc=imgSrc
        title=title
        description=description
        btnText=btnText
        btnUrl=btnUrl
      }}
    {{/each}}
  {{/content}}
{{/extend}}

{{/content}}
{{/extend}}