<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 pdLR40">Search message</div>
                <div class="text-title-header-1 nowrap mgT10">{{total_items||'0'}} results</div>
            </div>
        </div>
    </div>
    <button class="popup-back-button bg-transparent pd0-i biger-3-time" type="button" ng-click="closeTarget('#popupChatSearchChatResult')"></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="scrollSearchChat" on-scroll="scrollContent('scrollSearchChat')">
            <div class="box-setting-4" ng-repeat="item in dataResultSearch">
                <div class="content content-in">
                    <div class="itm row-one-content" ng-click="showPopupChatSearchList(item)">
                        <div class="layout-fixed">
                            <div class="w50px v-top-i">
                                <div class="box-image-thumnail-2 w40px h40px">
                                    <a href="javascript:void(0)" class="image-outer">
                                        <img ng-src="{{item.image_pic||'resources/images/thumnails/profile-default-5.png'}}"/>
                                    </a>
                                </div>
                            </div>
                            <div class="v-top-i">
                                <div class="name clr-clickable first-capitalize nowrap">{{item.roomName}} - {{item.sender}}</div>
                                <div class="text" ng-bind-html="trustAsHtml(item.contentsHtml)"></div>
                                <div class="layout-fixed w-auto-i baseline mgT8">
                                    <div class="subname clr-black capitalize">{{item.sender}}</div>
                                    <div class="text-date-1 pdL4 pdR2">at</div>
                                    <div class="text-date-1 lowercase">{{item.servertime}}</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm row-one-content" ng-if="dataResultSearch.length > 0 && !Loading_data_star"><div class="text">No more result!</div></div>
                </div>
            </div>
            <ion-infinite-scroll on-infinite="LoadMoreSearchChat()" ng-if="Loading_data" distance="1%"> </ion-infinite-scroll>
        </ion-scroll>
    </div>
</div>
