// Check if search is already present
if ( $('#search_container #search').length ) {

  // If search is present remove it
  $('#search_container').empty();
  // Show map again
  $('#map_container').show();

} else {

  // Show search
  $("\n<script type=\"text/javascript\">\n  \n  // Loading only here as it relates to search fields that\n  // are not present on the initial Viewer load\n  $(function() {\n\n    // Trigger order options for results\n    $(\".search_results_info span#order_older, .search_results_info span#order_recent, .search_results_info span#order_score\").on(\'click\', function(){\n\n        $(this).siblings(\'span\').removeClass(\'active\');\n        $(this).addClass(\'active\');\n\n\n        attribute = $(this).data(\'sort-attribute\')\n        direction = $(this).data(\'sort-direction\')\n\n        sort(attribute, direction);\n\n        $(\"#form_search\" ).submit();\n\n    });\n\n    // Filter fields\n    // add hidden input fields with ordering options\n    function sort(attribute, direction) {\n\n      // Clear form attributes\n      $(\"#form_search input[name=\'sort_attribute\']\").remove();\n      $(\"#form_search input[name=\'sort_direction\']\").remove();\n       \n      $(\'<input>\').attr({\n          type: \'hidden\',\n          name: \'sort_attribute\',\n          value: attribute\n      }).prependTo(\'#form_search div.term_input\');\n\n      $(\'<input>\').attr({\n          type: \'hidden\',\n          name: \'sort_direction\',\n          value: direction\n      }).prependTo(\'#form_search div.term_input\');\n\n    };\n\n\n    // Format the date input fields\n    $(\'#from_date, #to_date\').toArray().forEach(function(input_field){\n      new Cleave(input_field, {\n        date: true,\n        datePattern: [\'d\', \'m\', \'Y\']\n        //datePattern: [\'m\',\'Y\'] // For month and year\n      });\n    });\n\n    // Reset the results on each search submission\n    $(\"#form_search\").submit(function( event ) {\n      $(\'.search_results_list\').empty();\n    });\n\n    // Submit from on click\n    $(\"#search a.search_submit\").on(\'click\', function(event) {\n      event.preventDefault();\n      $(\".search_results_info span#order_score\").trigger( \"click\" );\n      $(\".search_results\").removeClass(\'hide\');\n    })\n\n    // Submit on any search field enter\n    $(\'#search input[type=text]\').keypress(function(e) {\n      if(e.which == 13) {\n        $(\"#search a.search_submit\").trigger(\'click\');\n      }\n    });\n\n\n  });\n\n<\/script>\n\n <div id=\"search\" class=\"container-fluid\">  \n  \n      <div class=\"search_form container-fluid\">\n        <div class=\"container\">\n        <div class=\"row\">\n          <div class=\"col-md-12\">\n          <form id=\"form_search\" action=\"/search_results\" accept-charset=\"UTF-8\" data-remote=\"true\" method=\"get\"><input name=\"utf8\" type=\"hidden\" value=\"&#x2713;\" />\n              <div class=\"term_input\">\n                <input type=\"text\" name=\"term\" id=\"term\" class=\"term_input_field\" />\n                <a class=\"btn btn-sm search_submit\" href=\"\">Pesquisar<\/a>\n              <\/div>\n              <div class=\"date_inputs\"> \n                <span class=\"from\">De<\/span> \n                <input type=\"text\" name=\"from_date\" id=\"from_date\" value=\"01/02/1925\" class=\"date_input_field\" />\n                 <span class=\"to\">a<\/span> \n                <input type=\"text\" name=\"to_date\" id=\"to_date\" value=\"01/06/2008\" class=\"date_input_field\" />\n              <\/div>\n<\/form>          <\/div>\n        <\/div> <!-- /.row -->\n        <\/div> <!-- /.container -->\n      <\/div> <!-- /.search_form.container fluid -->\n\n\n      <!-- Search Results -->\n      <div class=\"search_results hide\">\n        \n        <!-- Search Results info -->\n        <div class=\"search_results_info_container container-fluid\">\n            <div class=\"container\">\n            <div class=\"search_results_info row\">\n              <p class=\"results_count\">\n              <\/p>\n              <p class=\"order_results\">\n                <span class=\"order_by\">Ordenar por<\/span> <span id=\"order_score\"  class=\"order_action\" data-sort-attribute=\"_score\" data-sort-direction=\"desc\">Relevância<\/span> | <span id=\"order_older\" class=\"order_action\"  data-sort-attribute=\"date\" data-sort-direction=\"asc\">Mais Antigo<\/span> | <span id=\"order_recent\" class=\"order_action\" data-sort-attribute=\"date\" data-sort-direction=\"desc\">Mais Recente\n              <\/p>\n            <\/div>\n        <\/div>\n\n      <\/div> <!-- /results -->\n\n  <\/div> <!-- /search -->\n")
    .prependTo("#search_container")
    .show();
}