{{#extend
  "my-account-v2"
  dataBreadcrumbs=my_account.diy.breadcrumbs
  pageClass="page_my-account_new"
  title="My Account DIY"
  pageMyAcc=true
  myAccV2=true
  isLoggedIn=true
  mainClass="my-account"
}}
{{#content "main"}}
<div class="container">
  <div class="row">
    <div class="col-12">
      {{> my-account/mobile-nav
          menu=my_account.diy.menu
          active-index=0
          page-name=my_account.diy.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
      }}
     </div>
      {{> my-account/active-orders/list-orders
          title=my_account.diy.activeOrders.sectionTitle
          linkText='View all orders'
          orders=my_account.diy.activeOrders.orderList
      }}
    </div>
   </div>
  </div>
 </div>
<div class="container">
  <div class="row">
    <div class="col-12">
      {{> my-account/menu-items
          items=my_account.diy.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}}
