Modal-NIA-HWU

modal.html

<div class="enlist__stage-container enlist__stage-container--modal">

        <div class="enlist__stages-close-button hide--md-lt" ng-click="enlistCtrl.form.close()">
          <svg role="img" class="linked-svg linked-svg--modal-close">
  <use xlink:href="/static/images/svgs/close-symbol.svg#primary"></use>
</svg>
        </div><div class="enlist__stage" ng-show="enlistCtrl.form.isCurrentStage(enlistCtrl.form.getStages().AGE_GATE)">
            <svg role="img" class="linked-svg linked-svg--enlist-hpwu-logo">
  <use xlink:href="/static/images/svgs/hpwu-logo.svg#primary"></use>
</svg><hr class="enlist__sub-stage-title-top-line">
    <h2 class="enlist__sub-stage-title ">
      <span>生年月日を入力してください。</span>
    </h2><div class="enlist__inputs enlist__inputs--age-gate"><input id="ageGateMonth" type="number" ng-change="enlistCtrl.form.getInputs().validate()" class="enlist__input ng-pristine ng-untouched ng-valid ng-empty" ng-class="{'enlist__input--invalid': !enlistCtrl.form.getInputs().isVisiblyValid('ageGateMonth')}" placeholder="月" ng-model="enlistCtrl.form.getInputs().ageGateMonth"><input id="ageGateDay" type="number" ng-change="enlistCtrl.form.getInputs().validate()" class="enlist__input ng-pristine ng-valid ng-empty ng-touched" ng-class="{'enlist__input--invalid': !enlistCtrl.form.getInputs().isVisiblyValid('ageGateDay')}" placeholder="日" ng-model="enlistCtrl.form.getInputs().ageGateDay"><input id="ageGateYear" type="number" ng-change="enlistCtrl.form.getInputs().validate()" class="enlist__input ng-pristine ng-valid ng-empty ng-touched" ng-class="{'enlist__input--invalid': !enlistCtrl.form.getInputs().isVisiblyValid('ageGateYear')}" placeholder="年" ng-model="enlistCtrl.form.getInputs().ageGateYear"></div><div class="cta cta--enlist-now cta--disabled" ng-click="enlistCtrl.form.nextStage()" ng-class="{
              'cta--loading': !enlistCtrl.form.isReady(),
              'cta--disabled': !enlistCtrl.form.getInputs().isValidForInputs(['ageGateMonth','ageGateDay','ageGateYear'])
            }">
  <svg role="img" class="linked-svg cta__hand cta__hand--left">
  <use xlink:href="/static/images/svgs/pointing-hand.svg#primary"></use>
</svg>
  <span>送信</span>
  <svg role="img" class="linked-svg cta__hand cta__hand--right">
  <use xlink:href="/static/images/svgs/pointing-hand.svg#primary"></use>
</svg>
</div>
          </div><div class="enlist__stage ng-hide" ng-show="enlistCtrl.form.isCurrentStage(enlistCtrl.form.getStages().FORM_INSIDE_US)">
            <svg role="img" class="linked-svg linked-svg--enlist-hpwu-logo">
  <use xlink:href="/static/images/svgs/hpwu-logo.svg#primary"></use>
</svg><hr class="enlist__sub-stage-title-top-line">
    <h2 class="enlist__sub-stage-title ">
      <span>あなたの情報を入力してください。</span>
    </h2><div class="enlist__paragraphs"><p class="enlist__paragraph ">
        </p><p>はい。WB Games、Warner Bros Entertainment Inc.やその関連会社からのメールやオファーを受け取ります。</p>
      <p></p></div>  <form action="https://cl.s6.exct.net/DEManager.aspx" name="subscribeForm_FORM_INSIDE_US" method="post" class="ng-pristine ng-valid ng-valid-email">
    <input type="hidden" name="AFFILIATED_PARTNER_CONSENT_LANGUAGE" value="はい。WB GamesとWarner Bros. Entertainment Inc.が、WB/WarnerMedia [関連会社](https://policies.warnerbros.com/privacy/en-us/affiliates/html/affiliates_en-us_2.2.0.html) とこれらの情報を共有し、メールやオファーを送信してくることに同意します。WB GamesとWarner Bros. Entertainment Inc.は、これらの情報を各々のプライバシーポリシーに従って使用する関連会社の代わりに、この同意書を求めます。" autocomplete="off">
    <input type="hidden" name="MARKETING_SIGN_UP_LANGUAGE" value="WB Gamesが独自の[プライバシーポリシー](https://nianticlabs.com/privacy/)に従ってNiantic, Inc.と私の情報を共有することに同意します。" autocomplete="off">
    <input type="hidden" name="_successURL" value="https://www.harrypotterwizardsunite.com/ja/?enlist_success=true" autocomplete="off">
    <input type="hidden" name="_errorURL" value="https://www.harrypotterwizardsunite.com/ja/?enlist_success=false" autocomplete="off">
    <input type="hidden" name="_clientID" value="6012074" autocomplete="off">
    <input type="hidden" name="_deExternalKey" value="HPSharedDataExtension" autocomplete="off">
    <input type="hidden" name="_action" value="add" autocomplete="off">
    <input type="hidden" name="_returnXML" value="0" autocomplete="off">
    <input type="hidden" value="N" name="AFFILIATED_PARTNER_CONSENT_FLAG" autocomplete="off">
    <input type="hidden" value="N" name="MARKETING_OPT_IN_FLAG" autocomplete="off">
    <input type="hidden" value="Thu, 15 Nov 2018 07:44:40 GMT" name="CONSENT_DATETIMESTAMP" autocomplete="off">
    <input type="hidden" value="JP" name="CONSUMER_COUNTRY" autocomplete="off">
    <input type="hidden" value="JP" name="CONSENT_GEO_LOCATION_COUNTRY" autocomplete="off">
    <input type="hidden" value="Website" name="CONSENT_MEDIA_CHANNEL" autocomplete="off">
    <input type="hidden" value="" name="INDIVIDUAL_IDENTIFIER" autocomplete="off">
    <input type="hidden" value="1.1.1.1" name="Locale" autocomplete="off">
    <input type="hidden" value="Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.102 Safari/537.36" name="Device" autocomplete="off">
    <input type="hidden" value="opt_out" name="Opt-in - Niantic" autocomplete="off">
    <input type="hidden" value="ja" name="Language" autocomplete="off">
    <input type="hidden" value="opt_out" name="Opt-in" autocomplete="off">
    <input type="hidden" value="Invalid Date" name="Date of birth" autocomplete="off">
    <input type="hidden" value="JP" name="Country" autocomplete="off">
    <input type="hidden" value="" name="Email Address" autocomplete="off">
<div class="enlist__inputs"><input id="enlistEmail" type="email" ng-change="enlistCtrl.form.getInputs().validate()" class="enlist__input ng-pristine ng-untouched ng-valid ng-empty ng-valid-email" ng-class="{'enlist__input--invalid': !enlistCtrl.form.getInputs().isVisiblyValid('enlistEmail')}" placeholder="Eメールアドレスを入力" ng-model="enlistCtrl.form.getInputs().enlistEmail"><div class="enlist__checkbox">
            <input id="enlistAgreeToPrivacyPolicy" type="checkbox" ng-model="enlistCtrl.form.getInputs().enlistAgreeToPrivacyPolicy" class="ng-pristine ng-untouched ng-valid ng-empty">
            <div class="enlist__checkbox-stand-in">
              <div class="enlist__checkbox-stand-in-fill"></div>
            </div>
            <div class="enlist__checkbox-label">
              <p>WB Gamesが独自の<a target="_blank" href="https://nianticlabs.com/privacy/">プライバシーポリシー</a>に従ってNiantic, Inc.と私の情報を共有することに同意します。</p>
            </div>
          </div></div><div class="enlist__paragraphs"><p class="enlist__paragraph ">
        privacy@wb.comにメールを送信、Privacy Group, Warner Bros., 4000 Warner Blvd, Burbank, CA 91522宛てに郵送、またはメールのリンク先から購読を解除することで、いつでもオプトアウトできます。
      </p></div><button class="cta cta--enlist-now cta--disabled" ng-click="enlistCtrl.form.nextStage()" ng-class="{
              'cta--loading': !enlistCtrl.form.isReady(),
              'cta--disabled': !enlistCtrl.form.getInputs().isValidForInputs(['enlistEmail','enlistAgreeToPrivacyPolicy'])
            }">
  <svg role="img" class="linked-svg cta__hand cta__hand--left">
  <use xlink:href="/static/images/svgs/pointing-hand.svg#primary"></use>
</svg>
  <span>送信</span>
  <svg role="img" class="linked-svg cta__hand cta__hand--right">
  <use xlink:href="/static/images/svgs/pointing-hand.svg#primary"></use>
</svg>
<input type="submit" value="Submit"></button>    </form>

          </div><div class="enlist__stage ng-hide" ng-show="enlistCtrl.form.isCurrentStage(enlistCtrl.form.getStages().FORM_OUTSIDE_US)">
            <svg role="img" class="linked-svg linked-svg--enlist-hpwu-logo">
  <use xlink:href="/static/images/svgs/hpwu-logo.svg#primary"></use>
</svg><hr class="enlist__sub-stage-title-top-line">
    <h2 class="enlist__sub-stage-title ">
      <span>あなたの情報を入力してください。</span>
    </h2><div class="enlist__paragraphs"><p class="enlist__paragraph ">
        </p><p>はい。WB GamesとWarner Bros. Entertainment Inc.が私のメールアドレスを使用し、個人の関心や興味、デバイスデータに基づいてソーシャルメディアやその他サイト/アプリを通じてメールやオファーを送信してくることに同意します。</p>
      <p></p></div>  <form action="https://cl.s6.exct.net/DEManager.aspx" name="subscribeForm_FORM_OUTSIDE_US" method="post" class="ng-pristine ng-valid ng-valid-email">
    <input type="hidden" name="AFFILIATED_PARTNER_CONSENT_LANGUAGE" value="はい。WB GamesとWarner Bros. Entertainment Inc.が、WB/WarnerMedia [関連会社](https://policies.warnerbros.com/privacy/en-us/affiliates/html/affiliates_en-us_2.2.0.html) とこれらの情報を共有し、メールやオファーを送信してくることに同意します。WB GamesとWarner Bros. Entertainment Inc.は、これらの情報を各々のプライバシーポリシーに従って使用する関連会社の代わりに、この同意書を求めます。" autocomplete="off">
    <input type="hidden" name="MARKETING_SIGN_UP_LANGUAGE" value="WB Gamesが独自の[プライバシーポリシー](https://nianticlabs.com/privacy/)に従ってNiantic, Inc.と私の情報を共有することに同意します。" autocomplete="off">
    <input type="hidden" name="_successURL" value="https://www.harrypotterwizardsunite.com/ja/?enlist_success=true" autocomplete="off">
    <input type="hidden" name="_errorURL" value="https://www.harrypotterwizardsunite.com/ja/?enlist_success=false" autocomplete="off">
    <input type="hidden" name="_clientID" value="6012074" autocomplete="off">
    <input type="hidden" name="_deExternalKey" value="HPSharedDataExtension" autocomplete="off">
    <input type="hidden" name="_action" value="add" autocomplete="off">
    <input type="hidden" name="_returnXML" value="0" autocomplete="off">
    <input type="hidden" value="N" name="AFFILIATED_PARTNER_CONSENT_FLAG" autocomplete="off">
    <input type="hidden" value="N" name="MARKETING_OPT_IN_FLAG" autocomplete="off">
    <input type="hidden" value="Thu, 15 Nov 2018 07:44:40 GMT" name="CONSENT_DATETIMESTAMP" autocomplete="off">
    <input type="hidden" value="JP" name="CONSUMER_COUNTRY" autocomplete="off">
    <input type="hidden" value="JP" name="CONSENT_GEO_LOCATION_COUNTRY" autocomplete="off">
    <input type="hidden" value="Website" name="CONSENT_MEDIA_CHANNEL" autocomplete="off">
    <input type="hidden" value="" name="INDIVIDUAL_IDENTIFIER" autocomplete="off">
    <input type="hidden" value="11.1.1.1" name="Locale" autocomplete="off">
    <input type="hidden" value="Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.102 Safari/537.36" name="Device" autocomplete="off">
    <input type="hidden" value="opt_out" name="Opt-in - Niantic" autocomplete="off">
    <input type="hidden" value="ja" name="Language" autocomplete="off">
    <input type="hidden" value="opt_out" name="Opt-in" autocomplete="off">
    <input type="hidden" value="Invalid Date" name="Date of birth" autocomplete="off">
    <input type="hidden" value="JP" name="Country" autocomplete="off">
    <input type="hidden" value="" name="Email Address" autocomplete="off">
<div class="enlist__inputs"><input id="enlistEmail" type="email" ng-change="enlistCtrl.form.getInputs().validate()" class="enlist__input ng-pristine ng-untouched ng-valid ng-empty ng-valid-email" ng-class="{'enlist__input--invalid': !enlistCtrl.form.getInputs().isVisiblyValid('enlistEmail')}" placeholder="Eメールアドレスを入力" ng-model="enlistCtrl.form.getInputs().enlistEmail"><div class="enlist__checkbox">
            <input id="enlistAgreeToShare" type="checkbox" ng-model="enlistCtrl.form.getInputs().enlistAgreeToShare" class="ng-pristine ng-untouched ng-valid ng-empty">
            <div class="enlist__checkbox-stand-in">
              <div class="enlist__checkbox-stand-in-fill"></div>
            </div>
            <div class="enlist__checkbox-label">
              <p>はい。WB GamesとWarner Bros. Entertainment Inc.が、WB/WarnerMedia <a target="_blank" href="https://policies.warnerbros.com/privacy/en-us/affiliates/html/affiliates_en-us_2.2.0.html">関連会社</a> とこれらの情報を共有し、メールやオファーを送信してくることに同意します。WB GamesとWarner Bros. Entertainment Inc.は、これらの情報を各々のプライバシーポリシーに従って使用する関連会社の代わりに、この同意書を求めます。</p>
            </div>
          </div><div class="enlist__checkbox">
            <input id="enlistAgreeToPrivacyPolicy" type="checkbox" ng-model="enlistCtrl.form.getInputs().enlistAgreeToPrivacyPolicy" class="ng-pristine ng-untouched ng-valid ng-empty">
            <div class="enlist__checkbox-stand-in">
              <div class="enlist__checkbox-stand-in-fill"></div>
            </div>
            <div class="enlist__checkbox-label">
              <p>WB Gamesが独自の<a target="_blank" href="https://nianticlabs.com/privacy/">プライバシーポリシー</a>に従ってNiantic, Inc.と私の情報を共有することに同意します。</p>
            </div>
          </div></div><div class="enlist__paragraphs"><p class="enlist__paragraph ">
        privacy@wb.comにメールを送信、Privacy Group, Warner Bros., 4000 Warner Blvd, Burbank, CA 91522宛てに郵送、またはメールのリンク先から購読を解除することで、いつでもオプトアウトできます。
      </p></div><button class="cta cta--enlist-now cta--disabled" ng-click="enlistCtrl.form.nextStage()" ng-class="{
              'cta--loading': !enlistCtrl.form.isReady(),
              'cta--disabled': !enlistCtrl.form.getInputs().isValidForInputs(['enlistEmail','enlistAgreeToShare','enlistAgreeToPrivacyPolicy'])
            }">
  <svg role="img" class="linked-svg cta__hand cta__hand--left">
  <use xlink:href="/static/images/svgs/pointing-hand.svg#primary"></use>
</svg>
  <span>送信</span>
  <svg role="img" class="linked-svg cta__hand cta__hand--right">
  <use xlink:href="/static/images/svgs/pointing-hand.svg#primary"></use>
</svg>
<input type="submit" value="Submit"></button>    </form>

          </div><div class="enlist__stage ng-hide" ng-show="enlistCtrl.form.isCurrentStage(enlistCtrl.form.getStages().LOADING)">
            <svg role="img" class="linked-svg linked-svg--enlist-hpwu-logo">
  <use xlink:href="/static/images/svgs/hpwu-logo.svg#primary"></use>
</svg><hr class="enlist__sub-stage-title-top-line">
    <h2 class="enlist__sub-stage-title ">
      <span>loading</span>
    </h2>
          </div><div class="enlist__stage ng-hide" ng-show="enlistCtrl.form.isCurrentStage(enlistCtrl.form.getStages().SORRY)">
            <svg role="img" class="linked-svg linked-svg--enlist-hpwu-logo">
  <use xlink:href="/static/images/svgs/hpwu-logo.svg#primary"></use>
</svg><hr class="enlist__sub-stage-title-top-line">
    <h2 class="enlist__sub-stage-title ">
      <span>申し訳ありませんが、現在メールアドレスのサインアップを行えません</span>
    </h2><div class="cta cta--enlist-now" ng-click="enlistCtrl.form.nextStage()" ng-class="{
              'cta--loading': !enlistCtrl.form.isReady(),
              'cta--disabled': !enlistCtrl.form.getInputs().isValidForInputs([''])
            }">
  <svg role="img" class="linked-svg cta__hand cta__hand--left">
  <use xlink:href="/static/images/svgs/pointing-hand.svg#primary"></use>
</svg>
  <span>閉じる</span>
  <svg role="img" class="linked-svg cta__hand cta__hand--right">
  <use xlink:href="/static/images/svgs/pointing-hand.svg#primary"></use>
</svg>
</div>
          </div><div class="enlist__stage ng-hide" ng-show="enlistCtrl.form.isCurrentStage(enlistCtrl.form.getStages().THANK_YOU)">
            <svg role="img" class="linked-svg linked-svg--enlist-hpwu-logo">
  <use xlink:href="/static/images/svgs/hpwu-logo.svg#primary"></use>
</svg><hr class="enlist__sub-stage-title-top-line">
    <h2 class="enlist__sub-stage-title ">
      <span>おめでとうございます。あなたは国際機密保持法特別部隊のメンバーとなりました。大災厄に関する情報を随時アップデートいたします。</span>
    </h2><div class="enlist__paragraphs"><p class="enlist__paragraph ">
        </p><p>私たちが送る情報は最重要事項であり、マグルが親しみを込めて「スパム」と呼ぶ迷惑なメッセージ、またはふくろう便ではないことを固く誓います。</p>
      <p></p></div><div class="cta cta--enlist-now" ng-click="enlistCtrl.form.nextStage()" ng-class="{
              'cta--loading': !enlistCtrl.form.isReady(),
              'cta--disabled': !enlistCtrl.form.getInputs().isValidForInputs([''])
            }">
  <svg role="img" class="linked-svg cta__hand cta__hand--left">
  <use xlink:href="/static/images/svgs/pointing-hand.svg#primary"></use>
</svg>
  <span>閉じる</span>
  <svg role="img" class="linked-svg cta__hand cta__hand--right">
  <use xlink:href="/static/images/svgs/pointing-hand.svg#primary"></use>
</svg>
</div>
          </div></div>