<div class="app-header bg-header-1">
    <div class="layout-fixed full-h text-center">
        <div class="full-h v-bottom-i pdB15">
            <div class="app-content-header bg-header-1">
                <div class="text-name-header-1 nowrap">{{setCustomerName(customerDetail.company_name,customerDetail.first_name,customerDetail.last_name)}}</div>
                <div class="text-title-header-1 nowrap mgT10">{{customerDetail.additionalEmail.length}} Additional email</div>
            </div>
        </div>
    </div>
    <button type="button" class="popup-back-button bg-transparent pd0-i biger-3-time" ng-click="closeTarget('#customerPopupEmailAdditionalMore')"></button>
</div>
<div class="app-content">
    <div class="app-content-inner content-pd">
        <ion-scroll class="scroll-area" direction="y" has-bouncing="false" overflow-scroll="false" delegate-handle="scrollPopupEmailAdditionalMore" on-scroll="scrollContent('scrollPopupEmailAdditionalMore')">
            <div class="box-setting-4 form-field-container">
                <div class="content content-in">
                    <div class="itm" ng-repeat="itm in customerDetail.additionalEmail">
                        <div class="layout-fixed">
                            <div class="w20px v-top-i text">
                                <svg class="h12px clr-symbol" viewBox="0 0 512 512"> <path fill="#b1c7d7" d="M461.913,72.348H50.087c-25.934,0-47.304,19.812-49.864,45.078l221.496,221.496c17.809,17.809,49.753,18.81,69.677-1.113    l220.383-220.383C509.217,92.16,487.847,72.348,461.913,72.348z" /> <path fill="#b1c7d7" d="M315,361.413c-15.783,15.793-36.848,24.489-59.304,24.489c-21.75,0-42.739-8.51-57.587-23.37L0,164.433v225.132    c0,27.604,22.484,50.087,50.087,50.087h411.826c27.603,0,50.087-22.483,50.087-50.087V164.431L315,361.413z" /> </svg>
                            </div>
                            <div class="v-top-i">
                                <div class="text-title-4">{{itm.email}}</div>
                                <div class="text">{{itm.email_detail}}</div>
                            </div>
                            <div class="w60px clear pdR5">
                                <a href="mailto:{{itm}}">
                                    <button class="button-function-2 blue w30px h30px right" type="button">
                                        <svg class="h20px" viewBox="0 0 191.614 191.614"> <polygon points="191.614,45.206 81.708,45.206 136.659,80.929   " /> <polygon points="81.708,50.705 81.708,93.137 139.064,93.137 139.064,116.65 191.614,116.65 191.614,50.705 136.659,86.427   " /> <polygon points="60.462,102.992 60.462,146.408 132.829,146.408 132.829,102.992 96.647,126.509   " /> <polygon points="96.647,122.886 132.829,99.376 60.462,99.376   " /> <rect y="118.733" width="48.655" height="3.117" /> <rect x="6.235" y="91.429" width="47.992" height="3.118" /> <rect y="64.125" width="72.933" height="3.118" /> </svg>
                                    </button>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </ion-scroll>
    </div>
</div>
