{{#extend
  "my-account-v2"
  dataBreadcrumbs=discount.tradePro.breadcrumbs
  pageClass="page_my-account_new"
  title="My Account discount double"
  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 pb-0">
      <div class="discount-offer__header">
        <h1 class="title">TradePro Event: 15% off</h1>
      </div>
      <div class="discount-offer__body discount-offer__body--secondary  discount-offer__body--double">
        {{> my-account/discount
            secondary=true
            mod="discount-offer--background-secondary"
            discountText=my_account.tradepro2.discountText
            title="In-store discount"
            code=my_account.discount
        }}
        {{> my-account/clipboard-code-card
            secondary=true
            mod="trade-pro-id discount-offer--background-secondary"
            icon=my_account.tradepro.icons.tradeproID
            title="TradePro ID"
            code=my_account.tradeProId
            description=discount.tradePro.discountIdText
        }}
      </div>
    </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">
  <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}}