{{#extend
  "my-account-v2"
  iconUserClass=my_account.tradepro.icons.tradeproID
  dataBreadcrumbs=my_account.tradepro.breadcrumbs
  pageClass="page_my-account_new"
  title="My Account Trade Pro Carousel"
  pageMyAcc=true
  myAccV2=true
  isLoggedIn=true
  tradepro-nav=true
  mainClass="my-account"
  switch-vat=true
}}
{{#content "main"}}
<div class="container">
  <div class="row">
    <div class="col-12">
      {{> my-account/mobile-nav my-account-menu-new
          menu=my_account.tradepro.menu
          active-index=0
          page-name=my_account.tradepro.menu.[0].title
          }}
    </div>
  </div>
</div>
<div class="account-summary">
  <div class="container">
    <div class="row">
      <div class="col-12">
        <div class="account-summary__wrapper d-none d-sm-grid mb-3">
          {{> my-account/greetings
              name=my_account.user.name
              subtitle=my_account.user.email
          }}
        </div>
        {{#extend "my-account/cards-swap"}}
          {{#content "card1"}}
            <div class="account-summary__wrapper account-summary__wrapper--secondary">
              {{> my-account/greetings
                  mod="d-sm-none"
                  secondary=true
                  name=my_account.user.name
                  subtitle=my_account.user.email
              }}
              {{> my-account/discount
                  secondary=true
                  discountText=my_account.tradepro2.discountText
                  title="In-store discount"
                  code=my_account.discount
              }}
              {{> my-account/clipboard-code-card
                  secondary=true
                  mod="trade-pro-id"
                  icon=my_account.tradepro.icons.tradeproID
                  title="TradePro ID"
                  code=my_account.tradeProId
              }}
              {{> my-account/clipboard-code-card
                  secondary=true
                  mod="discount-code"
                  icon="fas fa-badge-percent"
                  title="Online discount code"
                  code=my_account.tradepro.discountCode
              }}
            </div>
          {{/content}}
          {{#content "card2"}}
            <div class="account-summary__wrapper">
              {{> my-account/greetings
                  mod="d-sm-none"
                  name=my_account.user.name
                  subtitle=my_account.user.email
              }}
              {{> 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
              }}
              {{> my-account/clipboard-code-card
                  mod="discount-code"
                  icon="fas fa-badge-percent"
                  title="Online discount code"
                  code=my_account.tradepro.discountCode
              }}
            </div>
          {{/content}}
        {{/extend}}
        {{> my-account/active-orders/list-orders
          switch-vat=true
          title=my_account.tradepro.activeOrders.sectionTitle
          linkText='View all orders'
          orders=my_account.tradepro.activeOrders.orderList
        }}
      </div>
    </div>
  </div>
</div>
<div class="container">
  <div class="row">
    <div class="col-12">
      {{> my-account/menu-items
          items=my_account.tradepro.menu
          }}
    </div>
  </div>
</div>
<div class="container">
  <div class="row">
    <div class="col-12">
      {{> my-account/saving-totaliser this-last-year=true}}
    </div>
  </div>
</div>
<div class="account-actions">
  <div class="container">
    <div class="row">
      <div class="col-12">
        {{> my-account/user-account-actions mod="d-sm-none"}}
        {{> my-account/contact-us contacts=my_account.contacts}}
      </div>
    </div>
  </div>
</div>
{{/content}}
{{#content "foot" mode="append"}}
<script defer src="./js/my-account.min.js"></script>
{{/content}}
{{/extend}}
