</div>
    <a data-shared-simple-button color="orange" size="large" on-click="next()" class="continue-button">
        {{translations.continueButton}}
    </a>
    <div class="large-line" />
    <div class="deposit-verification-back-link">
        <a ng-click="prev()">{{translations.backLink}}</a>
    </div>
</div>
</div>
<div data-template="usergamblingamlidentificationtemplate">
<div>
    {{ translations.areYouPepPopup }}
</div>
<div ng-if="isDoneLoadingTranslations" class="aml-verification-question-mark">
    <div data-shared-question-mark-hint data-body-text="{{translations.pEPQuestion}}" data-hint-text="{{translations.pEPToolTip}}"></div>
</div>
<div class="first-pep-verification-option">
    <input type="radio" class="pep-verification-radio-button" name="pepVerificationRadio" ng-model="viewState.isPep" ng-value="false" />
    <span class="pep-verification-option">{{ translations.no }}</span>
</div>
<div class="second-pep-verification-option">
    <input type="radio" class="pep-verification-radio-button" name="pepVerificationRadio" ng-model="viewState.isPep" ng-value="true" />
    <span class="pep-verification-option">{{ translations.yes }}</span>
</div>
<a data-shared-simple-button color="orange" size="large" on-click="moveToIdentifiedTemplate(isPep)" class="continue-button">
    {{translations.continueButton}}
</a>

</div>
<div data-template="usergamblingamlindustryselectiontemplate">
<div class="aml-industry-selection-container" ng-if="isDoneLoadingTranslations">
    <div class="header-container">
        <span>{{translations.sectorQuestion}}</span>
    </div>
    <div class="options-container" ng-repeat="industry in dictionaries.industriesDictionary">
        <div>
            <input class="pep-verification-radio-button" type="radio" ng-model="viewState.industryRef" ng-value="industry.recordRef" />
            <span class="pep-verification-option" ng-if="industry.recordRef != industryEnum.designatedNonFinancialBusinessesAndProfessions">
                {{ industry.value }}
            </span>
            <span class="option-dnfpb-tooltip" ng-if="industry.recordRef == industryEnum.designatedNonFinancialBusinessesAndProfessions"
                  data-body-text="{{industry.value}}" data-shared-question-mark-hint data-hint-text="{{translations.DNFBPTooltip}}">
            </span>
        </div>
    </div>
    <div ng-if="viewState.industryRef == industryEnum.other" class="other-industry-textarea-container">
        <textarea class="other-industry-textbox" type="text" placeholder="{{ translations.otherSectorTextBoxWaterMark }}"
                  ng-model="viewState.industryOtherText" maxlength="100" forms-shared-validate-required />
    </div>
    <a data-shared-simple-button color="orange" size="large" on-click="next()" class="continue-button">
        {{translations.continueButton}}
    </a>
    <div class="large-line" />
    <div class="deposit-verification-back-link">
        <a ng-click="prev()">{{translations.backLink}}</a>
    </div>
</div>
</div>
<div data-template="usergamblingamlnotpepconfirmtemplate">
<div ng-bind-html="translations.nonPepConfirmPopupAfterReplace | Shared.UnsafeHtml"></div>

<a data-shared-simple-button color="orange" size="large" on-click="uploadDocumentsClick()" class="upload-to-my-account-button" is-loading="viewState.isInProgress">
    {{translations.uploadDocumentsButton}}
</a>

<div class="do-this-later-link">
    <a ng-click="doThisLaterClick()">{{ translations.doThisLaterLink }}</a>
</div>

<div class="deposit-verification-back-link">
    <a ng-click="prev()">{{ translations.backLink }}</a>
</div>
</div>
<div data-template="usergamblingamlnotpepfillinginfomationtemplate">
<div ng-bind-html="translations.nonPepDetailsPopup| Shared.UnsafeHtml"></div>

<div class="textarea-container">
    <textarea class="source-of-funds-textbox" type="text" placeholder="{{ translations.sourceOfFundsTextBoxWaterMark }}"
              ng-model="viewState.sourceOfFundsNotPepTextbox" maxlength="500" forms-shared-validate-required />
</div>
<a data-shared-simple-button color="orange" size="large" on-click="next()" class="continue-button">
    {{translations.continueButton}}
</a>
<div class="large-line" />
<div class="deposit-verification-back-link">
    <a ng-click="prev()">{{ translations.backLink }}</a>
</div>
</div>
<div data-template="usergamblingamlpepconfirmtemplate">
<div >
    <div ng-bind-html="translations.pepConfirmPopup | Shared.UnsafeHtml"></div>
</div>
<div>
    {{ translations.logoutWarning }}
</div>
<a data-shared-simple-button color="orange" size="large" secondary-color="red" on-click="confirmAndLogoutClick()" class="continue-button" is-loading="viewState.isInProgress">
    {{translations.confirmAndLogout}}
</a>
<div class="large-line" />
<div class="deposit-verification-back-link">
    <a ng-click="prev()">{{ translations.backLink  }}</a>
</div>
</div>
<div data-template="usergamblingamlpepfillinginfomationtemplate">
<div ng-if="isDoneLoadingTranslations" class="aml-verification-question-mark pep-type-question">
    <div data-shared-question-mark-hint data-body-text="{{translations.pEPTypeQuestion}}" data-hint-text="{{translations.pEPTypeToolTip}}"></div>
</div>
<input class="pep-type-textbox" type="text" ng-model="viewState.pepTypeTextbox" maxlength="200" forms-shared-validate-required />
<div ng-if="isDoneLoadingTranslations" class="aml-verification-question-mark">
    <div data-shared-question-mark-hint data-body-text="{{translations.sourceOfFundsQuestion}}" data-hint-text="{{translations.sourceOfFundsToolTip}}"></div>
</div>
<div class="textarea-container">
    <textarea class="source-of-funds-textbox" type="text" placeholder="{{ translations.sourceOfFundsTextBoxWaterMark }}"
              ng-model="viewState.sourceOfFundsPepTextbox" maxlength="500" forms-shared-validate-required />
</div>
<a data-shared-simple-button color="orange" size="large" on-click="next()" class="continue-button">
    {{translations.continueButton}}
</a>
<div class="large-line" />
<div class="deposit-verification-back-link">
    <a ng-click="prev()">{{ translations.backLink }}</a>
</div>

</div>
<div data-template="usergamblingamlpopupview">
<div class="user-gambling-aml-popup" unique-id="{{userGamblingAmlPopup}}" id="{{userGamblingAmlPopup}}" shared-popup-v2 close-on-esc="false" hide-header="true">
    <div class="user-gambling-aml-pop-up-icon"></div>
    <div class="user-gambling-aml-popup-container" ng-form="form.userGamblingAmlForm">
        <div class="header-container">
            <h2>{{ translations.popupHeader }}</h2>
        </div>
        <div class="small-line" />

<div ng-switch-when="userGamblingAMLNotPepConfirm" class="view-animate">
                    <div data-ng-include="userGamblingAMLNotPepConfirmTemplate"></div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
<div data-template="usergamblingamlpopupviewv2">
<div class="user-gambling-aml-popup v2" unique-id="{{userGamblingAmlPopup}}" id="{{userGamblingAmlPopup}}" shared-popup-v2 close-on-esc="false" hide-header="true">
    <div class="user-gambling-aml-pop-up-icon"></div>
    <div class="user-gambling-aml-popup-container steps" ng-form="form.userGamblingAmlForm">
        <div class="header-container">
            <h2>{{ translations.popupHeader }}</h2>
        </div>
        <div class="small-line" />

<div ng-switch-when="userGamblingAMLStep3" class="view-animate">
                    <div data-ng-include="userGamblingAMLStep3Template"></div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
<div data-template="usergamblingamlstep1template">
<div ng-if="isDoneLoadingTranslations" class="first-step">
    <div>
        {{ translations.generalStep1Intro }}
    </div>
    <div class="aml-verification-question-mark">
        <div data-shared-question-mark-hint data-body-text="{{translations.pEPQuestion}}" data-hint-text="{{translations.pEPToolTip}}"></div>
    </div>
    <div class="first-pep-verification-option">
        <input type="radio" class="pep-verification-radio-button" name="pepVerificationRadio" ng-model="viewState.isPep" ng-value="false" />
        <span class="pep-verification-option">{{ translations.no }}</span>
    </div>
    <div class="second-pep-verification-option">
        <input type="radio" class="pep-verification-radio-button" name="pepVerificationRadio" ng-model="viewState.isPep" ng-value="true" />
        <span class="pep-verification-option">{{ translations.yes }}</span>
    </div>
    <div ng-if="viewState.isPep">
        <div class="aml-verification-question-mark pep-verification-question-title">
            <div data-shared-question-mark-hint data-body-text="{{translations.pEPDetailsQuestion}}" data-hint-text="{{translations.pEPTypeToolTip}}"></div>
        </div>
        <div class="pep-type-question-textarea-container">
            <textarea class="pep-type-question-textarea" type="text" placeholder="{{ translations.sourceOfFundsTextBoxWaterMark }}"
                      ng-model="viewState.pEPDetailsQuestion" maxlength="500" forms-shared-validate-required />
        </div>
    </div>
    <a data-shared-simple-button color="orange" secondary-color="red" size="large" on-click="next()" class="continue-button">
        {{translations.continueButton}}
    </a>
</div>

</div>
<div data-template="usergamblingamlstep2template">
<div ng-if="isDoneLoadingTranslations" class="second-step">
    <div ng-bind-html="translations.step2Intro| Shared.UnsafeHtml"></div>

<div class="nationality-section">
        <div class="title-padding">
            <div data-shared-question-mark-hint data-body-text="{{translations.nationalityQuestion}}" data-hint-text="{{translations.nationalityToolTip}}"></div>
        </div>
        <div ng-if="countries" class="country-state">
            <div country-state-by-policy-drop-down data-countries="countries" data-selected-country="viewState.selectedNationality" data-selected-state="viewState.state"
                 class="nationality-picker-drop-down">
            </div>
        </div>
    </div>
    <div class="country-of-birth-section">
        <div>{{translations.countryOfBirthQuestion}}</div>
        <div ng-if="countries" class="country-state">
            <div country-state-by-policy-drop-down data-countries="countries" data-selected-country="viewState.selectedCountryOfBirth" data-selected-state="viewState.state"
                 class="country-of-birth-picker-drop-down">
            </div>
        </div>
    </div>
    <div class="source-of-wealth-section">
        <div class="title-padding">
            <div data-shared-question-mark-hint data-body-text="{{translations.sourceOfWealthQuestion}}" data-hint-text="{{translations.sourceOfWealthToolTip}}"></div>
        </div>
        <div class="source-of-wealth" ng-model="viewState.sourcesOfWealth" forms-shared-validate-required ng-value="sourcesOfWealthInputValid()">
            <div class="checkbox-item check-box-wrapper" ng-repeat="source in dictionaries.sourcesOfWealthV2Dictionary">
                <div class="check-box-input">
                    <input type="checkbox" id="type_{{source.recordRef}}" value="{{source}}" ng-model="viewState.sourcesOfWealth[source.recordRef]">
                </div>
                <div class="checkbox-label">
                    <label for="type_{{source.recordRef}}">{{source.value}}</label>
                </div>
            </div>
        </div>
        <div ng-if="viewState.sourcesOfWealth[sourcesOfWealthEnum.other]" class="textarea-container">
            <textarea class="source-of-funds-textbox" type="text" placeholder="{{ translations.sourceOfFundsTextBoxWaterMark }}"
                      ng-model="viewState.sourceOfWealthOtherText" maxlength="500" forms-shared-validate-required />
        </div>
    </div>
    <div class="number-of-sources-section">
        <div class="title-padding">
            <div data-shared-question-mark-hint data-body-text="{{translations.numberOfSourcesQuestion}}" data-hint-text="{{translations.numberOfSourcesToolTip}}"></div>
        </div>
        <div class="number-of-sources">
            <input class="number-of-sources-input" type="text" ng-model="viewState.numberOfSources"
                forms-shared-validate-digits-only
                forms-shared-validate-positive-number-only
                forms-shared-validate-min-int-value="1"
                forms-shared-validate-max-int-value="5"
                forms-shared-validate-min-int-value-translation="{{translations.numberOfSourcesError}}"
                forms-shared-validate-max-int-value-translation="{{translations.numberOfSourcesError}}"
                forms-shared-validate-required />
        </div>
    </div>  
    <div ng-if="countries" class="source-of-wealth-countries-section">
        <div class="title-padding">
            <div data-shared-question-mark-hint data-body-text="{{translations.sourceOfWealthCountriesQuestion}}" data-hint-text="{{translations.sourceOfWealthCountriesToolTip}}"></div>
        </div>
        <div class="source-of-wealth-countries" ng-model="viewState.sourceOfWealthCountries" forms-shared-validate-required ng-value="sourcesOfWealthCountriesInputValid()">
            <select class="source-of-wealth-countries-select"
                    chosen
                    multiple
                    ng-model="viewState.sourceOfWealthCountries"
                    ng-options="country.countryName for country in countries"
                    placeholder-text-multiple="translations.sourceOfWealthCountriesWaterMark"
                    no-results-text="translations.sourceOfWealthCountriesNoResults">
                <option value=""></option>
            </select>
        </div>
    </div>
    <div class="annual-income-section">
        <div class="title-padding">
            <div data-shared-question-mark-hint data-body-text="{{translations.annualIncomeQuestion}}" data-hint-text="{{translations.annualIncomeToolTip}}"></div>
        </div>
        <div class="annualIncomes">
            <select class="annual-income-select"
                    ng-model="viewState.annualIncome"
                    ng-options="annualIncome.value for annualIncome in dictionaries.annualIncomeV2Dictionary"
                    forms-shared-validate-required>
                <option value=""></option>
            </select>
        </div>
        <div ng-if="viewState.annualIncome.recordRef === dictionaries.annualIncomeV2Dictionary[dictionaries.annualIncomeV2Dictionary.length - 1].recordRef" class="textarea-container">
            <textarea class="annual-income-other-textbox" type="text" rows="2" placeholder="{{translations.annualIncomeOtherWaterMark}}"
                      ng-model="viewState.annualIncomeOther"
                      forms-shared-validate-max-length="100"
                      forms-shared-validate-required />
        </div>
    </div>
    <div class="sector-of-employment-section"
         ng-if="employmentFieldsDisplayed()">
        <div class="title-padding">
            <div data-shared-question-mark-hint data-body-text="{{translations.sectorOfEmploymentQuestion}}" data-hint-text="{{translations.sectorOfEmploymentQuestionDetailedToolTip}}"></div>
        </div>
        <div ng-if="dictionaries.sectorsV2Dictionary" class="sectors">
            <select class="sector-of-employment-select"
                    ng-model="viewState.sectorOfEmployment"
                    ng-options="sector.value for sector in dictionaries.sectorsV2Dictionary"
                    forms-shared-validate-required>
                <option value=""></option>
            </select>
        </div>
        <div ng-if="viewState.sectorOfEmployment.recordRef == industryEnum.other">
            <div class="textarea-container">
                <textarea class="sector-of-employment-textbox" type="text" placeholder="{{ translations.sourceOfFundsTextBoxWaterMark }}"
                          ng-model="viewState.sectorOfEmploymentOther" maxlength="500" forms-shared-validate-required />
            </div>
        </div>
    </div>
    <div class="job-function-section"
         ng-if="employmentFieldsDisplayed()">
        <div class="title-padding">
            <div data-shared-question-mark-hint data-body-text="{{translations.jobFunctionQuestion}}" data-hint-text="{{translations.jobFunctionQuestionToolTip}}"></div>
        </div>
        <div class="employmentLevel">
            <select class="sector-of-employment-select"
                    ng-model="viewState.employmentLevel"
                    ng-options="employment.value for employment in dictionaries.employmentLevelDictionary"
                    forms-shared-validate-required>
                <option value=""></option>
            </select>
        </div>
        <div ng-if="viewState.employmentLevel.recordRef == employmentLevelEnum.other">
            <div class="textarea-container">
                <textarea class="job-function-textbox" type="text" placeholder="{{ translations.sourceOfFundsTextBoxWaterMark }}"
                          ng-model="viewState.employmentLevelOtherText" maxlength="500" forms-shared-validate-required />
            </div>
        </div>
    </div>
    <div class="level-of-activity-section">
        <div class="title-padding">
            <div data-shared-question-mark-hint data-body-text="{{translations.expectedActivityQuestion}}" data-hint-text="{{translations.expectedGamingActivityToolTip}}"></div>
        </div>
        <div class="level-of-activity">
            <input class="level-of-activity-input" type="text" placeholder="{{viewState.currencySign}}" maxlength="200" forms-shared-validate-positive-number-only ng-model="viewState.expectedActivity" forms-shared-validate-required />
        </div>
    </div>    
    <a data-shared-simple-button color="orange" size="large" secondary-color="red" on-click="next(saveV2)" class="continue-button">
        {{translations.confirmAndContinueButton}}
    </a>
    <div class="large-line" />
    <div class="deposit-verification-back-link">
        <a ng-click="prev()">{{ translations.backLink }}</a>
    </div>
</div>

</div>
<div data-template="usergamblingamlstep3template">
<div ng-if="isDoneLoadingTranslations" class="third-step">
    <div ng-if="!(viewState.isPep || viewState.hasGeneralAMLInitiationReason)">
        <div ng-bind-html="translations.nonPepConfirmPopupAfterReplace | Shared.UnsafeHtml"></div>

<a data-shared-simple-button color="orange" size="large" on-click="redirectToUploadDocuments()" class="upload-to-my-account-button" is-loading="viewState.isInProgress">
            {{translations.uploadDocumentsButton}}
        </a>

<div class="do-this-later-link">
            <a ng-click="closePopup()">{{ translations.doThisLaterLink }}</a>
        </div>
    </div>
    <div ng-if="viewState.isPep && !viewState.hasGeneralAMLInitiationReason">
        <div>
            <div ng-bind-html="translations.pepConfirmPopup | Shared.UnsafeHtml"></div>
        </div>
        <div>
            {{ translations.logoutWarning }}
        </div>
        <a data-shared-simple-button color="orange" size="large" on-click="logout()" class="continue-button" is-loading="viewState.isInProgress">
            {{translations.confirmAndLogout}}
        </a>
    </div>

<div ng-if="viewState.hasGeneralAMLInitiationReason">
        <div>
            <div ng-bind-html="translations.generalStep3Confirmation | Shared.UnsafeHtml"></div>
        </div>
        <div>
            {{ translations.logoutWarning }}
        </div>
        <a data-shared-simple-button color="orange" size="large" on-click="logout()" class="continue-button" is-loading="viewState.isInProgress">
            {{translations.confirmAndLogout}}
        </a>
    </div>
</div>

</div>
</div>
</div>