{{#extend
  "my-account-v2"
  pageClass="page_tradePro-rewards"
  title="TradePro Rewards"
  logo-tp=true
  tradepro-nav=true
  pageMyAcc=true
  myAccV2=true
  isLoggedIn=true
  mainClass="pt-0"
  dataBreadcrumbs=my_account.tradeProRewards.breadcrumbsDetailsPage
}}
{{#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="container top-indent">
  <div class="row">
    <div class="col-12">
      {{#with page_tradePro_vouchers.online}}
        <h1 class="text-start">{{title}}</h1>
        {{> voucher}}
      {{/with}}
      {{#extend "accordion" header=page_tradePro_vouchers.terms.title collapsed="accordion_collapsed voucher--terms" hidden="hidden-state"}}
        {{#content "content"}}{{page_tradePro_vouchers.terms.text}}{{/content}}
      {{/extend}}
    </div>
  </div>
</div>

{{#extend "cards-slider"
  title="Other TradePro Rewards"
  secondary=true
}}
  {{#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}}
{{#content "foot" mode="append"}}
<script defer src="./js/tradePro-rewards.min.js"></script>
{{/content}}
{{/extend}}
