{{#extend "my-account-v2"
  customIconUserClass=header_menu.installer.[0].items.[0].icon
  dataBreadcrumbs=my_account.installer.breadcrumbs
  pageClass="page_my-account_new"
  title=my_account.installer.title
  pageMyAcc=true
  myAccV2=true
  isLoggedIn=true
  installer-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
          customIcon=true
          menu=my_account.installer.menu
          active-index=0
          page-name=my_account.installer.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">
          {{> my-account/greetings
              name=my_account.user.name
              subtitle=my_account.user.email
          }}
          {{> my-account/discount
              discountText=my_account.installer.discountText
              installer=true
              title="In-store discount"
              code=my_account.discount
              customIcon=my_account.installer.icons.installer
          }}
          {{> my-account/clipboard-code-card
              mod="trade-pro-id"
              customIcon=my_account.installer.icons.installer
              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.installer.discountCode
          }}
        </div>
        {{> my-account/active-orders/list-orders
            switch-vat=true
            title=my_account.installer.activeOrders.sectionTitle
            linkText='View all orders'
            orders=my_account.installer.activeOrders.orderList
        }}
      </div>
    </div>
  </div>
</div>
<div class="container">
  <div class="row">
    <div class="col-12">
      {{> my-account/menu-items
          items=my_account.installer.menu
          }}
    </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}}