<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">Follow-Up</div>
                <div class="text-title-header-1 nowrap pdLR40 mgT10">{{currentLocation}}</div>
            </div>
        </div>
    </div>
    <button type="button" class="popup-back-button bg-transparent pd0-i biger-3-time" ng-click="closeTarget('#opportunityFollowUpContent')"></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="scrollFollow" on-scroll="scrollContent('scrollFollow')">
            <ion-refresher pulling-text="Refreshing data" on-refresh="subSabFollowContent(currentFollowSubtabId,currentLocation)"></ion-refresher>
            <ul class="lst-opportunity-follow-up stripe-1">
                <li class="box-setting-4 overhidden" ng-repeat="row in dataFollowUpSubtabContent track by $index">
                    <div class="content content-in">
                        <div class="itm row-one-content">
                            <div class="layout-fixed">
                                <div class="v-top-i" ng-click="getItemFollowUpId(row.id,'openForm')">
                                    <div class="name clr-clickable capitalize" ng-if="!row.company_name">{{row.name}}</div>
                                    <div class="name clr-clickable capitalize" ng-if="row.company_name">({{row.company_name}}) {{row.name}}</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">Created Rep</div>
                                            <div class="text">{{row.representative}}</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="v-top-i">
                                    <div class="layout-fixed">
                                        <div class="v-top-i">
                                            <div class="text-title-4">Phone #</div>
                                            <div class="text" ng-bind-html="row.phone.replace('(','<span class=\'ft-symbol\'>(</span>').replace(')','<span class=\'ft-symbol\'>)</span>')"></div>
                                        </div>
                                    </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">Lead source</div>
                                            <div class="text">Old Ported:{{row.lead_source}}</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="v-top-i" ng-if="row.lastcontact.start_time && row.lastcontact.image_pic" >
                                    <div class="layout-fixed">
                                        <div class="v-top-i">
                                            <div class="text-title-4">Recent Contact</div>
                                            <div class = "flex-style ">
                                                <div class="box-image-thumnail-3  w22px h22px mgR5">
                                                    <a href="javascript:void(0)" class="image-outer">
                                                        <img check-image ng-src="{{row.lastcontact.image_pic}}">
                                                    </a>
                                                </div>
                                                <span>{{row.start_time}}</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="layout-fixed mgT10" ng-if="row.recent_app">
                                <div class="v-top-i">
                                    <div class="layout-fixed">
                                        <div class="v-top-i">
                                            <div class="text-title-4">Recent Appt</div>
                                            <div class="text clr-blue" ng-click="redirectTo('scheduleapp.html'+'?appointment_id=' + row.recent_app_id + '&org_page=opportunities')">{{row.recent_app}}</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">Description</div>
                                            <div class="text">{{row.description}}</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">Created Date/Time</div>
                                        <div class="text-date-1 lowercase pdL3">{{row.start_time | date:'MM/dd/yyyy  hh:mm a'}}</div>
                                    </div>
                                </div>
                                <div class="v-bottom-i pdL15">
                                    <div class="layout-fixed w-auto-i baseline">
                                        <div class="text-title-4">Due Date</div>
                                        <div class="text-date-1 pdL3">{{row.due}}</div>
                                    </div>
                                </div>
                                <div class="w0px clear v-bottom-i clear" ng-if="row.recordingfile">
                                    <button class="bg-transparent pd0-i biger-3-time right" type="button" ng-click="initPlayAudio(row)">
                                        <svg class="block h20px clr-symbol-clickable" viewBox="0 0 491.4 491.4"> <path d="M491.4,0.7H2.9v354.7h488.4V0.7H491.4z M247.2,262.8c-46.7,0-84.8-37.7-84.8-84.8c0-46.7,37.7-84.8,84.8-84.8    c46.7,0,84.8,37.7,84.8,84.8C331.5,224.7,293.8,262.8,247.2,262.8z" /> <circle cx="87.5" cy="451.4" r="39.3" /> <g> <path d="M475,440.1H139.2c1.4,7.5,1.4,15.1,0,22.6H475c6.2,0,11.3-5.1,11.3-11.3C486.3,445.2,481.2,440.1,475,440.1z" /> <path d="M26.7,440.1H11.3c-6.2,0-11.3,5.1-11.3,11.3c0,6.2,5.1,11.3,11.3,11.3h15.4C25.4,455.2,25.4,447.6,26.7,440.1z" /> </g> <polygon points="214.9,228.6 279.4,178 214.9,127.5   " /> </svg>
                                    </button>
                                </div>
                                <div class="w30px v-top-i clear">
                                    <div class="box-image-thumnail-3 w22px h22px right">
                                        <a href="javascript:void(0)" class="image-outer">
                                            <img check-image ng-src="{{row.asgn}}">
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <ion-infinite-scroll on-infinite="LoadMoreOppotunities('follow')" ng-if="checkLoadMoreFollow" distance="1%"> </ion-infinite-scroll>
            </ul>
        </ion-scroll>
    </div>
</div>
