{{#extend "my-account" pageClass="page_my-account_new page_my-account_tradePro" title="My TradePro Account" logo-tp=true tradepro-nav=true}}
{{#content "head" mode="append"}}
<link type="text/css" rel="stylesheet" href="./css/pages/page_my-account_tradePro.css">
{{/content}}
{{#content "heading"}}
{{> notifications notification-page.updated classModifier="personal-update-warning  notification_success" withCloseBtn="true"}}
{{> account-heading title="My TradePro Account"}}
{{/content}}
{{#content "aside"}}
{{> aside-nav2 my-account-tradePro-menu-new active-index="0" page-name="MY TRADEPRO ACCOUNT" tradePro="true"}}
{{/content}}
{{#content "main"}}
<div class="table table_profile my-account-section_details my-account_new_order">
  <div class="table__content">
    <div class="row">
      <div class="acc-icon">
        <i class="fas fa-box-open"></i>
      </div>
      <div class="table__content-heading">Order history</div>
    </div>
  </div>
  <div class="table__actions">
    <a href="page_tradePro_order-history.html" class="btn btn-secondary">View orders</a>
  </div>
</div>
<div class="table table_profile my-account-section_details my-account_mp">
  <div class="table__content">
    <div class="row">
      <div class="acc-icon">
        <i class="far fa-sliders-h"></i>
      </div>
      <div class="table__content-heading">Marketing Preferences</div>
    </div>
    <div class="row">
      <div class="acc-icon pt-3"></div>
      <div class="col opted">
        <div class="table__content-heading opted__quest">Opted in</div>
        <span class="table__content-info table__content-info-mob">Yes</span>
      </div>
      <div class="col opted opted-desk">
        <div class="table__content-info table__content-info-desk opted__value">Yes</div>
      </div>
    </div>
  </div>
  <div class="table__actions">
    <a href="page_marketing-preferences.html" class="btn btn-secondary">Update marketing preferences</a>
  </div>
</div>
{{> table_profile please-email=true icon=true mod="my-account_new_name" tradePro=true}}
<div class="table table_profile my-account-section_details my-account_new_email">
  <div class="table__content">
    <div class="row">
      <div class="acc-icon">
        <i class="fas fa-envelope"></i>
      </div>
      <div class="table__content-heading">Email</div>
    </div>
    <div class="row">
      <div class="acc-icon"></div>
      <div class="col table__content-info">Test@Test.com</div>
    </div>
  </div>
  <div class="table__actions">
    <a href="page_my-account_change-email_tradePro.html" class="btn btn-secondary">Change email address</a>
    <a href="page_my-account_change-password_tradePro.html" class="btn btn-secondary">Change your password</a>
  </div>
</div>
<div class="table table_profile my-account-section_details my-account_new_address">
  <div class="table__content">
    <div class="row">
      <div class="acc-icon">
        <i class="fas fa-book"></i>
      </div>
      <div class="table__content-heading">Address</div>
      <div class="col table__content-address">
        <span>1 Test road, testington, TES T10</span>
      </div>
    </div>
    <div class="row my-tradePro-acc_business-address">
      <div class="acc-icon">
        <i class="fas fa-hard-hat"></i>
      </div>
      <div class="table__content-heading">Business Address</div>
      <div class="col table__content-address">
        <span>1 Test road, testington, TES T10</span>
      </div>
    </div>
  </div>
  <div class="table__actions">
    <a href="page_my-account_address-book_tradePro.html" class="btn btn-secondary">Manage address book</a>
  </div>
</div>
<div class="table table_profile my-account-section_details my-account_new_payment">
  <div class="table__content">
    <div class="row">
      <div class="acc-icon">
        <i class="fas fa-credit-card-front"></i>
      </div>
      <div class="table__content-heading">Payment details</div>
      <div class="col">41111*****11111</div>
    </div>
    <div class="row">
      <div class="acc-icon"></div>
      <div class="table__content-heading">Billing address</div>
      <div class="col table__content-address">1 Test road, testington, TES T10</div>
    </div>
  </div>
  <div class="table__actions">
    <a href="page_my-account_payment-details_tradePro.html" class="btn btn-secondary">Manage payment details</a>
  </div>
</div>
<div class="table table_profile my-account-section_details my-account_new_tradepro">
  <div class="table__content">
    <div class="row">
      <div class="acc-icon">
        <i class="fas fa-hard-hat"></i>
      </div>
      <div class="table__content-heading">TradePro Discount</div>
      <div class="col table__content-address">
        <span>In-store & online discount code</span>
      </div>
    </div>
    <div class="row">
      <div class="acc-icon">
        <i class="fas fa-gift"></i>
      </div>
      <div class="table__content-heading">TradePro Rewards</div>
      <div class="col table__content-address">
        <span>Rewards & competitions</span>
      </div>
    </div>
  </div>
  <div class="table__actions">
    <a href="page_tradePro_discount.html" class="btn btn-secondary">View TradePro Discount</a>
    <a href="page_tradePro_rewards.html" class="btn btn-secondary">View TradePro Reward
      <span class="rewards-counter">0</span>
    </a>
  </div>
</div>
<!-- /.my-account-section -->
{{/content}}
{{/extend}}
