<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(OpportunitiesActionData.selectCustomer.company_name,OpportunitiesActionData.selectCustomer.first_name,OpportunitiesActionData.selectCustomer.last_name)}} opportunity</div>
                <div class="text-title-header-1 nowrap mgT10">Flag note</div>
            </div>
        </div>
    </div>
    <button type="button" class="popup-back-button bg-transparent pd0-i biger-3-time" ng-click="closeTarget('#popupOpportunityActionFlagNote')"></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="scrollOpportunityActionFlagNote" on-scroll="scrollContent('scrollOpportunityActionFlagNote')">
            <div class="box-setting-4 no-saperator">
                <div class="content content-in">
                    <div class="itm row-one-content">
                        <div class="text-title-4">Flag note</div>
                        <div class="text">
                            {{flagNote.length ? flagNote :'Flag note is not available'}}
                        </div>
                    </div>
                </div>
            </div>
        </ion-scroll>
    </div>
</div>
