<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">Call list</div>
                <div class="text-title-header-1 nowrap pdLR40 mgT10">{{callListCurrentLocation}}</div>
            </div>
        </div>
    </div>
    <button type="button" class="popup-back-button bg-transparent pd0-i biger-3-time" ng-click="closeTarget('#opportunityCallListContent')"></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="scrollOpportunityCallListSubTab" on-scroll="scrollContent('scrollOpportunityCallListSubTab')">
            <ion-refresher pulling-text="Refreshing data" on-refresh="subtabCallListContent(currentCallListtabId,indexCallListSubTab,callListCurrentLocation)"></ion-refresher>
            <ul class="lst-opportunity-call-list stripe-1">
                <li class="box-setting-4 overhidden" ng-repeat="row in dataCallListSubtabContent">
                    <div class="content content-in">
                        <div class="itm row-one-content" ng-class="{bgred:(row.id==callListFocus)}" >
                            <div class="layout-fixed">
                                <div class="v-top-i">
                                    <div class="name clr-black capitalize" ng-bind-html="row.caller_id.replace('(','<span class=\'ft-symbol\'>(</span>').replace(')','<span class=\'ft-symbol\'>)</span>')"></div>
                                </div>
                            </div>
                            <div class="layout-fixed mgT5">
                                <div class="v-top-i pdR10">
                                    <div class="layout-fixed">
                                        <div class="v-top-i">
                                            <div class="text-title-4">Rep <span class="text">{{row.representative}}</span></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="v-top-i" ng-click="callNumber(row.phone)">
                                    <div class="layout-fixed">
                                        <div class="v-top-i">
                                            <div class="text-title-4">Phone # <span class="text" ng-bind-html="row.phone.replace('(','<span class=\'ft-symbol\'>(</span>').replace(')','<span class=\'ft-symbol\'>)</span>')"></span></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="layout-fixed mgT10">
                                <div class="v-top-i">
                                    <div class="layout-fixed">
                                        <div class="v-top-i">
                                            <div class="text-title-4">Lead source</div>
                                            <div class="text">{{row.lead_source}}</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="layout-fixed mgT10">
                                <div class="v-bottom-i">
                                    <div class="layout-fixed w-auto-i baseline">
                                        <div class="text-title-4">Start date</div>
                                        <div class="text-date-1 lowercase pdL3">{{row.start_time}}</div>
                                    </div>
                                </div>
                                <div class="v-bottom-i">
                                    <div class="layout-fixed w-auto-i baseline">
                                        <div class="text-title-4">Duration</div>
                                        <div class="text-date-1 pdL3">{{row.durations}}</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <ion-infinite-scroll on-infinite="LoadMoreOppotunities('calllist')" ng-if="checkLoadMoreCalllist" distance="1%"> </ion-infinite-scroll>
            </ul>
        </ion-scroll>
    </div>
</div>
