{{!
    This file is part of Moodle - http://moodle.org/

    Moodle is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    Moodle is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
}}
{{!
    @template core_message/message_drawer_view_search_header

    This template will render the header of the search page in the message drawer.

    Classes required for JS:
    * none

    Data attributes required for JS:
    * All data attributes are required

    Context variables required for this template:
    * userid The logged in user id
    * urls The URLs for the popover

    Example context (json):
    {}

}}
<div class=" view-search" {{^isdrawer}}data-in-panel="true" {{/isdrawer}} aria-hidden="true" data-region="view-search">
  <div class="iu_heading">
    <div class="candidate_revew_search_box">
      <a class="ccn-msg-cog" href="#" data-route-back data-action="cancel-search" role="button">
        {{> core_message/message_drawer_icon_back }}
      </a>
      <div class="form-inline my-2 my-lg-0">
        <input type="text" class="form-control mr-sm-2" placeholder="{{#str}} search, core_search {{/str}}" aria-label="{{#str}} search, core_search {{/str}}" data-region="search-input">
        <button class="btn my-2 my-sm-0" type="button" data-action="search" aria-label="{{#str}} search, core_search {{/str}}">
          <span class="flaticon-magnifying-glass"></span>
          <span class="hidden" data-region="loading-icon-container">
            {{> core/loading }}
          </span>
        </button>
      </div>
    </div>
  </div>
</div>
