{{#extend "my-account-v2"
    title="Marketing preferences"
    dataBreadcrumbs=my_account.marketingPreferences.breadcrumbs
    pageClass="page_my-account_new"
    pageMyAcc=true
    myAccV2=true
    isLoggedIn=true
    mainClass="marketing-preferences"
}}
{{#content "head" mode="append"}}
<link type="text/css" rel="stylesheet" href="./css/pages/page_marketing-preferences.css">
{{/content}}
{{#content "notification"}}
    <div class="globalMessages">
        <div class="container">
            {{> notifications notification-page.updated withCloseBtn="true"}}
        </div>
    </div>
{{/content}}
{{#content "main"}}
    <div class="container">
        <div class="row">
            <div class="col-12">
                {{> my-account/mobile-nav
                    mod
                    menu=my_account.diy.menu
                    active-index=4
                    page-name="Marketing Preference"
                    }}
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-12 col-md-9 col-lg-7 col-xl-6">
                <form action="#" class="form-preferences">
                    <h1 class="title">Marketing Preferences</h1>
                    <p class="text">
                        We know your home is important to you, that's why we're here with the latest offers and deals to help
                        you complete your project.
                    </p>
                    <p class="text">
                        We will never share your data with a third party. For full details on how we may use your data see our
                        <a target="_blank" href="/privacy">privacy policy</a>.
                    </p>
                    <p class="text">
                        Yes please, I'd like to receive the latest offers and deals by:
                    </p>
                    <div>
                        {{> checkbox id="sendEmail" label="Email" }}
                    </div>
                    <div class="mt-4">
                        {{> checkbox id="sendSms" label="SMS" }}
                    </div>
                    <div class="mt-4">
                        {{> checkbox id="sendPost" label="Post" }}
                    </div>
                    <div class="mt-4">
                        {{> checkbox id="sendPhone" label="Phone" }}
                    </div>
                    <p class="text mb-0 mt-3">
                        Please <a href="/page_new-checkout_login-register.html">provide your address</a> to receive marketing info.
                    </p>
                    <button class="btn btn-primary btn--save btn_full mt-4">
                        <span class="btn__text">Save changes</span>
                    </button>
                </form>
                <div class="marketing-preferences__information">
                    <span class="icon-wrap">
                        <i class="fas fa-info-circle icon-info"></i>
                    </span>
                    <div>
                        <p class="information">You have previously requested to be permanently opted out of all marketing communications from Wickes.</p>
                        <p class="sub-information">If you want to change your communication preferences, please call us <a class="sub-information__tel" href="tel:0330 123 4123">0330 123 4123</a>.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
{{/content}}
{{/extend}}
