{{#extend "my-account" pageClass="page_my-account_new" title="My Account" pageMyAcc=true}}
{{#content "head" mode="append"}}
<script async defer
        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBJBvUO3X_fHbl8adNWEUbbxIn6RuLFmmc&callback=initMap">
</script>
{{/content}}
{{#content "heading"}}
{{> notifications notification-page.reminder withCloseBtn="true"
text="You could be eligible for <b>10% off</b> TradePro discount." angle-icon=true link=true}}
{{> account-heading title="My Account"}}
{{/content}}
{{#content "aside"}}
{{> aside-nav2 my-account-menu-new active-index="0" page-name="My Profile"}}
{{/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_my-account_change-email.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"}}
<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.html" class="btn btn-secondary">Change email address</a>
        <a href="page_my-account_change-password.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>
    <div class="table__actions">
        <a href="page_my-account_change-password.html" class="btn btn-secondary">Manage address book</a>
    </div>
</div>
<div id="default-store" class="table table_profile my-account-section_details my-account_default_store">
    <div class="table__content">
        <div class="row">
            <div class="acc-icon">
                <i class="fas fa-warehouse"></i>
            </div>
            <div class="table__content-heading">Default Store</div>
            <div class="col table__content-address">
                <span>Add a default store</span>
            </div>
        </div>
    </div>
    <div class="table__actions">
        <a href="page_my-account_change-password.html" class="btn btn-secondary store-search">
            <i class="fas fa-search"></i>
            Search for a store
        </a>
        <a href="#" class="btn btn-secondary store-change">
            Change default store
        </a>
        <div class="stock__postcode">
            <label class="stock__postcode_label">
                <input type="text" class="stock__input tbx" placeholder="Postcode / city">
                <button class="btn btn-primary stock__target">
                            <span class="btn__text">
                                <i class="far fa-crosshairs"></i>
                            </span>
                </button>
            </label>
            <span class="stock__postcode_invalid-msg">
                            Check that you entered a valid postcode or place name.
                        </span>
            <a href="#" class="btn btn-primary my-account_find-store">
                Find Store
            </a>
        </div>
        <div class="bw">
            <div class="bw__stock stock">
                <div class="stock__list">
                    {{#each bigWins.stores}}
                    <div class="stock__item">
                        <div class="stock__radio">
                            {{> radiobutton  name="store" id="stock-store" checked=checked}}
                        </div>
                        {{> store-preview
                        class="stock__store"
                        id=id
                        myAcc=true
                        name=name
                        distance=distance
                        }}
                    </div>

                    {{/each}}
                    {{#each bigWins.stores}}
                    {{> store-details
                    distance = distance
                    distanceUom = distanceUom
                    name = name
                    phone = phone
                    postcode = postcode
                    defStore = true
                    }}
                    {{/each}}
                </div>
            </div>
        </div>
        <div class="bw_act">
            <a href="#" class="btn btn-primary my-account_add-store">
                Add Default Store
            </a>
            <a href="#" class="link-secondary my-account_cancel-store">
                Cancel
            </a>
        </div>
    </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_change-email.html" class="btn btn-secondary">Manage payment details</a>
    </div>
</div>
{{/content}}
{{/extend}}
