<div class="todo-ui" id="plugins-installer-content">
    <!-- BEGIN INSTALL PLUGIN CONTENT -->
    <div class="search-page search-content-3">
        <div class="row">
            <div class="col-lg-4">
                {#<div class="portlet light bordered">
                    <div class="portlet-title">
                        <div class="caption">
                            <span class="caption-subject font-red bold uppercase">TAGS </span>
                        </div>
                        <div class="tools">
                            <a href="javascript:;" class="collapse"> </a>
                        </div>
                    </div>
                    <div class="portlet-body todo-project-list-content todo-project-list-content-tags">
                        <div class="todo-project-list">
                            <ul class="nav nav-pills nav-stacked">
                                <li>
                                    <a href="javascript:;">
                                        <span class="badge badge-danger"> 1 </span> example </a>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                        <span class="badge badge-info"> 12 </span> worker </a>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                        <span class="badge badge-success"> 5 </span> post-process </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>#}
                <div class="portlet light bordered">
                    <div class="portlet-title">
                        <div class="caption">
                            <span class="caption-subject font-red bold uppercase">SEARCH </span>
                        </div>
                        <div class="tools">
                            <a href="javascript:;" class="collapse"> </a>
                        </div>
                    </div>

                    <div class="portlet-body">
                        <div class="search-filter bordered">
                            <div class="search-label uppercase">Search By</div>
                            <div class="input-icon right">
                                <i class="icon-magnifier"></i>
                                <input type="text" class="form-control" id="installable_plugins_search"
                                       placeholder="Filter by keywords">
                            </div>
                            <button class="btn green bold uppercase btn-block" id="installable_plugins_search_btn">
                                Update Search Results
                            </button>
                            <div class="search-filter-divider bg-grey-steel"></div>
                            <button class="btn grey bold uppercase btn-block" id="installable_plugins_search_reset_btn">
                                Reset Search
                            </button>
                        </div>
                    </div>
                </div>
                <div class="portlet light bordered">
                    <div class="portlet-title">
                        <div class="caption">
                            <span class="caption-subject font-red bold uppercase">REPOSITORIES </span>
                        </div>
                        <div class="tools">
                            <a href="javascript:;" class="collapse"> </a>
                        </div>
                    </div>

                    <div class="portlet-body">
                        <div class="search-filter bordered">
                            <form id="repos_list_form" class="form-horizontal" role="form" method="POST"
                                  action="/api/v1/plugins/repos/update">
                                <textarea id="repos_list" name="repos_list" class="form-control" rows="3"></textarea>
                                <button type="submit" class="btn green bold uppercase btn-block"
                                        id="installable_plugins_search_btn">
                                    Update Additional Repositories List
                                </button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-8">
                <div class="row">
                    <div id="installable_plugins_list">
                        <!-- Populated by JS template -->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END INSTALL PLUGIN CONTENT -->
</div>
