{{#extend
"my-account-v2"
dataBreadcrumbs=discount.tradePro.breadcrumbs
pageClass="page_my-account_new"
title="My Account DIY"
pageMyAcc=true
myAccV2=true
isLoggedIn=true
mainClass="discount-offer"
}}
{{#content "head" mode="append"}}
<link type="text/css" rel="stylesheet" href="./css/pages/page_discount.css">
{{/content}}
{{#content "main"}}
<div class="container">
  <div class="row">
    <div class="col-12">
      {{> my-account/mobile-nav
      menu=discount.menu
      active-index=7
      page-name=discount.menu.[7].title
      }}
    </div>
  </div>
</div>

<div class="container">
  <div class="row">
    <div class="col-12 discount-offer__wrap">
      <div class="discount-offer__header">
        <h1 class="title">TradePro Discount</h1>
      </div>
      <div class="discount-offer__body">
        {{> my-account/discount
        discountText=my_account.tradepro.discountText
        title="In-store discount"
        code=my_account.discount
        }}
        {{> my-account/clipboard-code-card
        mod="trade-pro-id"
        icon=my_account.tradepro.icons.tradeproID
        title="TradePro ID"
        code=my_account.tradeProId
        description=discount.tradePro.discountIdText
        }}
        {{> my-account/clipboard-code-card
        mod="discount-code"
        icon="fas fa-badge-percent"
        title="Online discount code"
        code=my_account.tradepro.discountCode
        description=discount.tradePro.onlineDiscountText
        }}
      </div>
    </div>
  </div>
</div>

<div class="app-info app-info--hide">
  <div class="container">
    <div class="row">
      <div class="col-12 app-info__wrap">
        <div class="app-info__header">
          <h2 class="title">Download the APP</h2>
          <p class="description">Download the Wickes TradePro App now and sign in to access your trade benefits.</p>
          <div class="app-info__stores">
            {{#each discount.downloadAppImages}}
            <a href="#">
              {{{this}}}
            </a>
            {{/each}}
          </div>
        </div>
        <div class="download-app-img"></div>
      </div>
    </div>
  </div>
</div>
{{/content}}
{{#content "foot" mode="append"}}
<script defer src="./js/my-account.min.js"></script>
{{/content}}
{{/extend}}
