var pris = null;
var img = "";

function submitForm(formname) {
    $('#' + formname).removeAttr('onsubmit')
    $('#' + formname).attr('action', "" + baseurl + "/search_result_page.php").submit();
}

function truncate( str, n, useWordBoundary ){
  if (str.length <= n) { return str; }
  const subString = str.substr(0, n-1); // the original check
  return (useWordBoundary 
    ? subString.substr(0, subString.lastIndexOf(" ")) 
    : subString) + "&hellip;";
};

$('#searchdefault').on('keydown', function(e) {
    if (e.which == 13 && !$('.autocomplete-suggestion').hasClass('selected')) {
        $('#search-form').removeAttr('onsubmit')
        $('#search-form').attr('action', "" + baseurl + "/search_result_page.php").submit();
    }
});

$('#searchdefault').autoComplete({
    delay: 1000,
    source: function(term) {
        var tmphtml = "<div class='searchresultcontent'>";
            
            resultdiv = $('#searchdefault').data('resultdiv');
            $.getJSON(baseurl + '/live_search_result.php', { q: term }, function(data) {
                var displayItem = '';
                $.each(data.items,
                function(key, item) {
                    if (item.thumb.length > 40) {
                        img = "<img src='" + item.thumb + "' style='border:1px solid #eee;' class='searchthumb'>";
                    } else {
                        img = "<div style='border:1px solid' class='searchthumb'></div>";
                    }
                    if (!item.price) {
                        item.price = "";
                        item.description=truncate(item.description,200,true);
                        displayItem = `<div class='search_display_item'><div class="row" onclick="window.location='${item.url}'">`;
                        displayItem += `<div class='search_display_item_img'>${img}</div>`;
                        displayItem += `<div class='search_display_item_text'><span class='mobile_search_display_item_title'>${item.title}</span><br>`;
                        displayItem += `<span style='color:black'>${item.description}</span></div></div></div>`;
                    } else {
                        item.description=truncate(item.description,150,true);
                        displayItem = `<div class='search_display_item'><div class="row" onclick="window.location='${item.url}'">`;
                        displayItem += `<div class='search_display_item_img'>${img}</div>`;
                        displayItem += `<div class='search_display_item_text'><span class='mobile_search_display_item_title'>${item.title}</span><br>`;
                        displayItem += `<span style='color:black'>${item.description}</span></div>`;
                      displayItem += `<div class='search_display_item_price'>${item.price}</div></div></div>`;
                    }
                    tmphtml = tmphtml + displayItem;
                })
            topmessage = "<div class=searchresulttop> <i>Du søgte på <b>\"" + term + "\"</b></i></div>";
            bottommessage = "<div class=searchresultbottom onclick=submitForm('search-form')> SE ALLE RESULTATER HER </div>";
            $('.submenu').fadeOut(100);
            $('#' + resultdiv).show(200);
            $('#' + resultdiv).html('' + topmessage + '' + tmphtml + '</div>' + '' + bottommessage + '');
        })
    },
});

$('#mobilesearchdefault').autoComplete({
    delay: 1500,
    source: function(term) {
        var tmphtml = "";
        resultdiv = $('#mobilesearchdefault').data('resultdiv');
        $.getJSON(baseurl + '/live_search_result.php', { q: term }, function(data) {
            var displayItem = '';
            $.each(data.items,
                function(key, item) {
                    if (item.thumb.length > 40) {
                        img = "<img src='" + item.thumb + "' style='border:1px solid #eee;' class='mobilethumb'>"; 
                    } else {
                        img = "<div style='border:1px solid #eee;' class='mobilethumb'></div>";
                    }
                    if (!item.price) {
                        item.price = "";
                        item.description=truncate(item.description,200,true);
                        displayItem = `<div style='clear:both;'></div><div class='mobile_search_display_item'><div style='clear:both;'></div><div onclick="window.location='${item.url}'">`;
                        displayItem += `<div class='mobile_search_display_item_img'>${img}</div>`;
                        displayItem += `<div  class='mobile_search_display_item_text' style='width:70%'><span class='mobile_search_display_item_title'>${item.title}</span><br>`;
                        displayItem += `${item.description}</div></div></div>`;
                    } else {
                        item.description=truncate(item.description,100,true);
                        displayItem = `<div style='clear:both;'></div><div class='mobile_search_display_item'><div onclick="window.location='${item.url}'">`;
                        displayItem += `<div class='mobile_search_display_item_img'>${img}</div>`;
                        displayItem += `<div  class='mobile_search_display_item_text'><span class='mobile_search_display_item_title'>${item.title}</span><br>`;
                        displayItem += `<div >${item.description}</div><div class='mobile_search_display_item_price'>${item.price}</div></div>`;
                          displayItem += `</div></div>`;
                    }
                    tmphtml = tmphtml + displayItem;
                })
            topmessage = "<div class=searchresulttop> <i>Du søgte på <b>\"" + term + "\"</b></i></div>";
            bottommessage = "<div class=searchresultbottom onclick=submitForm('search-form')> SE ALLE RESULTATER HER </div>";
            $('.submenu').fadeOut(100);
            $('#' + resultdiv).show(200);
            $('#' + resultdiv).html('' + topmessage + '' + tmphtml + '</div>' + '' + bottommessage + '');
        })
    },
    onclick: function(e, term, item) {
        if (item.data('url')) {
            window.location.href = item.data('url');
        } else {
            submitForm();
        }
    }
});

$(document).click(function(e) {
    if ($(e.target).closest('.searchdropdown').length === 0) {

        $('.searchdropdown').hide();
    }
});