<div class="custom-header">
    <div class="back-sctn">
        <button class="nav_btn nav_back floatLeft" (click)="closeModal()"></button>
    </div>
    <div class="search-sctn">
        <div class="nav_title floatLeft relative">
            <input class="search_bar" placeholder="Search here.. eg:shirts, retailers etc..."
                (click)="clickSearch($event.target.value)" (input)="searchFun($event.target.value)" #searchText />
        </div>
    </div>
    <div class="close-sctn">
        <button class="nav_btn nav_close floatRight" (click)="closeModal()"></button>
    </div>
</div>

<div class="search_item_list">
    <ul *ngIf="searchService.searchList">
        <li *ngFor="let search of searchService.searchList" (click)="viewPage(search)">{{unEscape(search.text)}}
        </li>
    </ul>
</div>