<!--
 * Licensed to the Apache Software Foundation (ASF) under one or more
 * contributor license agreements.  See the NOTICE file distributed with
 * this work for additional information regarding copyright ownership.
 * The ASF licenses this file to You under the Apache License, Version 2.0
 * (the "License"); you may not use this file except in compliance with
 * the License.  You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
-->
<div class="row row-margin-bottom">
    <div class="col-sm-12" style="margin-top: 10px;">
        <div class="row" data-id="searchTabs">
            <div>
                <ul class="nav nav-tabs" data-id="tab-searchlist">
                    <li role="basic-search" class="tab  basicSearch active"><a href="#tab-basicSearch" aria-controls="tab-basicSearch" role="tab" data-toggle="tab" aria-expanded="true">ENTITIES</a></li>
                    <li role="relationship-search" class="tab relationshipSearch"><a href="#tab-relationshipSearch" aria-controls="tab-relationshipSearch" role="tab" data-toggle="tab">RELATIONSHIPS</a></li>
                </ul>
            </div>
        </div>
        <div class="tab-content">
            <div id="tab-basicSearch" data-id="searchTabBody" role="basic-search" class="tab-pane active animated fadeIn row">
                <div class="searchToggleBtn-container" style="margin:15px 0px; font-size: 14px;">
                    <div class="row">
                        <div class="col-sm-9" style="margin-top: 5px;">
                            <span class="pull-left">Basic</span>
                            <label class="switch pull-left">
                                <input type="checkbox" class="switch-input" name="queryType" value="text" />
                                <span class="switch-slider"></span>
                            </label>
                            <span class="pull-left">Advanced</span>
                            <span class="advancedInfo" data-id="advancedInfo"><i class="fa fa-question-circle-o"></i></span>
                        </div>
                        <div class="col-sm-3 filter-btn-wrapper">
                            <button type="button" class="btn btn-action btn-md pull-right typeLOV" title="Refresh" data-id="refreshBtn"><i class="fa fa-refresh"></i></button>
                        </div>
                    </div>
                </div>
                <div class="form-group basicSearch-container">
                    <div class="form-group">
                        <div class="srchType clearfix">
                            <span class="srchTitle">Search By Type</span>
                            <div class="">
                                <div class="col-sm-10 no-padding typeFilter">
                                    <select data-id="typeLOV"></select>
                                </div>
                                <div class="col-sm-2 no-padding typeFilterBtn">
                                    <button type="button" class="btn btn-action btn-md pull-right typeLOV active" title="Entity Attribute Filter" data-id="typeAttrFilter"><i class="fa fa-filter"></i></button>
                                </div>
                            </div>
                        </div>
                        <div class="srchType tagBox clearfix">
                            <span class="srchTitle">Search By Classification</span>
                            <div>
                                <div class="col-sm-10 no-padding">
                                    <select data-id="tagLOV"></select>
                                </div>
                                <div class="col-sm-2 no-padding">
                                    <button type="button" class="btn btn-action btn-md pull-right active" title="Tag Attribute Filter" data-id="tagAttrFilter"><i class="fa fa-filter"></i></button>
                                </div>
                            </div>
                        </div>
                        <div class="srchType termBox clearfix">
                            <span class="srchTitle">Search By Term</span>
                            <div class="">
                                <div class="col-sm-12 no-padding">
                                    <select data-id="termLOV"></select>
                                </div>
                            </div>
                        </div>
                        <div class="srchType">
                            <span class="srchTitle searchText">Search By Text</span>
                            <input type="text" class="form-control" data-id="searchInput" placeholder="Search by text" style="margin: 5px 0px;">
                        </div>
                    </div>
                    <button class="btn btn-action" data-id="clearSearch">Clear</button>
                    <button type="button" class="btn btn-atlas pull-right" data-id="searchBtn" disabled="disabled">Search</button>
                </div>
                <div id="searchResult"></div>
                <div>
                    <div class="col-sm-12 well basicSaveSearch" data-id="r_saveSearchBasic"></div>
                </div>
                <div class="">
                    <div class="col-sm-12 well advanceSaveSearch" data-id="r_saveSearchAdvance" style="display: none"></div>
                </div>
            </div>
            <div id="tab-relationshipSearch" role="relationship-search" class="tab-pane row">
                <div class="relationshipSearch" data-id="r_relationshipSearch"></div>
            </div>
        </div>
    </div>
</div>