Как встроить на сайт скрипт Advanced Search Form ?

<div id=nav class=nav>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
      <div class="container">
        <a class="navbar-brand" href="/"><img src="{theme}/images/logo.png"></a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample07" aria-controls="navbarsExample07" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse f-right" id="navbarsExample07">
          <ul class="navbar-nav mr-auto navbar-nav-fix">
            <li class="nav-item">
              <a class="nav-link nav-item-link" href="/">ГЛАВНАЯ</a>              
            </li>
               <li class="nav-item">
              <a class="nav-link nav-item-link" href="/news">НОВОСТИ</a>              
            </li>
          <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle nav-item-link" href="" id="dropdown07" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">МЕДИАТЕКА</a>
              <div class="dropdown-menu" aria-labelledby="dropdown07">
                <a class="dropdown-item" href="/photo-albums"><i class="fa fa-picture-o" aria-hidden="true"></i>  Фотоальбомы</a>
                <a class="dropdown-item" href="/videos"><i class="fa fa-youtube" aria-hidden="true"></i>  Видеозаписи</a>
                <a class="dropdown-item" href="/movies"><i class="fa fa-film" aria-hidden="true"></i>  Фильмы</a>
                <a class="dropdown-item" href="/audio"><i class="fa fa-music" aria-hidden="true"></i>  Аудиозаписи</a>
                <a class="dropdown-item" href="/simulators"><i class="fa fa-cubes" aria-hidden="true"></i>  Приложения</a>
              </div>
            </li>           
            <li class="nav-item dropdown nav-item-link">
              <a class="nav-link dropdown-toggle nav-item-link" href="" id="dropdown07" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">БИБЛИОТЕКА</a>
              <div class="dropdown-menu" aria-labelledby="dropdown07">
                <a class="dropdown-item" href="/stati-o-chernobylskoy-zone/"><i class="fa fa-text-width"></i>  Статьи о ЧЗО</a>
                <a class="dropdown-item" href="/news/"><i class="fa fa-newspaper-o"></i>  Новости</a>
                <a class="dropdown-item" href="/books/"><i class="fa fa-book"></i>  Книги</a>
                  <a class="dropdown-item" href="/proza/"><i class="fa fa-pencil"></i>  Проза</a>
                  <a class="dropdown-item" href="/documentation"><i class="fa fa-file-text-o"></i>  Документы</a>
                  <a class="dropdown-item" href="/interview"><i class="fa fa-align-left"></i>  Интервью</a>
              </div>
            </li>
               <li class="nav-item">
              <a class="nav-link nav-item-link" href="/tours.html">ЭКСКУРСИИ</a>
            </li>
                 <li class="nav-item">
              <a class="nav-link pointer nav-item-link" data-mark="search" ><i class="fa fa-search" aria-hidden="true"></i></a>
            
              </li>
          </ul>
              <div class="searchblock">
                  <div class="container">
       <form  method="get" action="/index.php">
        <input type="hidden" name="do" value="search" />
        <input type="hidden" name="subaction" value="search" />
				<input id="story" name="story" type="text"  class="serch-box" placeholder="Введите запрос поиска..." value=""  autocomplete="off">
           
           <span class="close " style="line-height = height"><i class="fa fa-times cw" aria-hidden="true"></i></span>
			 
			
                      </form>
        
      </div></div>
            
 
 <div class="btn-user"><a data-toggle="modal" data-target="#exampleModal">[group=5]<i class="fa fa-sign-in" aria-hidden="true"></i>  ВОЙТИ В ПРОФИЛЬ[/group][not-group=5]<i class="fa fa-user-o" aria-hidden="true"></i>  ПРОФИЛЬ[/not-group]</a></div>
      
            
            
            
                 </div>
      </div>
    </nav>

</div>


<script>
const nav = document.getElementById('nav');

window.onscroll = function() {
  var scrolled = window.pageYOffset || document.documentElement.scrollTop;
  if(scrolled > 40) {
    nav.classList.add('collapsed');
  } else {
     nav.classList.remove('collapsed');
  }
}

$('[data-mark="search"]').click(function() {
	$('.searchblock').show();
})

$('.close').click(function() {
	$('.searchblock').hide();
})
</script>
{login}