{{#extend "my-account-v2"
title="Address Book"
dataBreadcrumbs=address_book.breadcrumbs
pageClass="page_my-account_new"
pageMyAcc=true
myAccV2=true
isLoggedIn=true
mainClass="address-book"
}}
{{#content "head" mode="append"}}
<link type="text/css" rel="stylesheet" href="./css/pages/page_address-book.css">
{{/content}}
{{#content "main"}}
<div class="globalMessages">
  <div class="container">
    {{> notifications notification-page.success withCloseBtn="true" text="New delivery address was added."}}
  </div>
</div>
<div class="container">
  <div class="row">
    <div class="col-12">
      {{> my-account/mobile-nav
      mod
      menu=my_account.diy.menu
      active-index=3
      page-name="Address Book"
      }}
    </div>
    <div class="col-12">
      <div class="address-book__header">
        <h1 class="title">Address Book</h1>
      </div>
      <div class="address-book__items">
        <div class="address-card address-card--add">
          <span class="icon-wrap">
            <i class="fas fa-book"></i>
          </span>
          <p class="description">You have no saved delivery addresses</p>
          <button class="btn btn-primary btn--add-address">Add new delivery address</button>
        </div>
        {{> address-card address_book.tradeProAddress}}
      </div>
    </div>
  </div>
</div>
{{/content}}
{{/extend}}
