/*
 * Copyright (c) 2017.  
 * Created by PhpStorm.
 * User: FleXer
 *
 */

$(document).ready(function(){
    var searchDrop = $('.searchResult');
    var searchDropHeight;

    $('.search-qa').keyup(function(e) {
        var val = $(this).val();
        var valStr = val.replace(/\s/,'+');
        var loc = '/search/?q=';
        var locHref = loc + valStr;
        if (val.length > 1) {
            $.ajax({
                type:'POST',
                dataType: 'json',
                data: {'action': 'search', val: val},
                url: '/request',
                success:function (response) {
                    if(response != null){
                       var html = '';
                       var cnt = 0;
                       for(var i in response.post) {
                           cnt += 1;
                           html += '<a href="/'+response.action[i]+'">\n' +
                               '                <div class="titleRes">'+response.post[i].title+'</div>\n' +
                               '                <div class="descRes">'+response.post[i].desc+'</div>\n' +
                               '            </a>' +
                               '<hr>';
                       }
                       html += '<a href="'+ locHref +'"><div class="showAllRes">Show all results ('+ response.count +')</div></a><hr>';
                       cnt++;
                       $(searchDrop).html('').append(html).css({'height': cnt*55});
                        searchDropHeight = cnt*55;

                    }else{
                        $(searchDrop).html('').css({'height': 0});
                        searchDropHeight = 0;
                    }
                }
            });
            $('.search-button').attr("href", locHref);
            if(e.keyCode === 13){
                location.href = locHref;
            }
        }else{
            $(searchDrop).html('').css({'height': 0});
            $('.search-button').removeAttr("href");
        }
    });

    $(document).on('click',function (e) {
        var val = $('.search-qa').val();
        var catBlock = $('.mob-filters h2');
        if (val.length > 1) {
            if (e.target.parentElement !== searchDrop[0].parentElement
                || e.target.parentElement === searchDrop[0].parentElement && val === '') {
                $(searchDrop).css({'height': 0});
            }
            else {
                $(searchDrop).css({'height': searchDropHeight});
            }
        }
        if(e.target.className !== catBlock[0].className){
            $('.mob-filters ul').removeClass('active');
        }
    });
    $('.mob-filters').on('click', function () {
        if($(window).width() < 1000){
            $(this).find('ul').toggleClass('active');
        }
    });
    function fullWinHeight() {
        if($(window).width() > 500 && $(window).width() < 1000 && $(window).height() > $('#main-panel').height()){
            return $('.content-wrapper.post').css({'height':'calc(100vh - 238px)'});

        }
        if($(window).width() < 500 && $(window).height() > $('#main-panel').height()){
           return $('.content-wrapper.post').css({'height':'calc(100vh - 209px)'});
        }
    }

    function filterBlock() {
        if($(window).width() < 1000){
            var h2 = $('.filter-list li.active a').text();
            if( h2 !== ''){
                $('.filterBlock h2').text(h2);
            }
            $('.filter-list li.active').remove();
        }
    }
    fullWinHeight();
    filterBlock();
    $(window).on('resize',fullWinHeight);
});
$(document).on('click', '.count-plus', function(){
    var user = $.cookie('id');
    var parent = $(this).closest('.post-votes');
    var int = parseInt(parent.find('.count-data').text());
    var idp = parent.data('id');
    var btn = $(this);
    $.ajax({
        type: 'POST',
        dataType: 'json',
        data:{'action': 'rate', data:'plus', user:user,idp:idp},
        url: '/request',
        success:function(response){
            if(response){
                parent.find('.count-data').text(response.rate);
                btn.addClass('disable');
                parent.find('.count-minus').removeClass('disable');
            }
        }
    })
});
$(document).on('click', '.count-minus', function(){
    var user = $.cookie('id');
    var parent = $(this).closest('.post-votes');
    var int = parseInt(parent.find('.count-data').text());
    var idp = parent.data('id');
    var btn = $(this);
    $.ajax({
        type: 'POST',
        dataType: 'json',
        data:{'action': 'rate', data:'minus', user:user,idp:idp},
        url: '/request',
        success:function(response){
            if(response){
                parent.find('.count-data').text(response.rate);
                btn.addClass('disable');
                parent.find('.count-plus').removeClass('disable');
            }
        }
    })
});

$('.createAsk').on('click', 'button', function(e){
    e.preventDefault();
    var error = false;
    var form = $('.createAsk').serializeArray();
    var data = {};
    $(form).each(function(index, obj){
        data[obj.name] = obj.value;
        if(obj.value.length <= 0){
            error = true;
            $("*[name="+obj.name+"]").css({'border-color': 'red'});
        }else{
            $("*[name="+obj.name+"]").css({'border-color': '#ccc'});
        }
    });
    // if(data['g-recaptcha-response'].length === 0){
    //     $('.answerNotifyField').show();
    // }else{
        if(!error) {
            $('.createAsk').submit();
        }
    // }
});
function verifyCaptcha(token){
    console.log('success!');
};

var onloadCallback = function() {
    $( "#reCaptcha" ).each(function() {
        grecaptcha.render('reCaptcha', {
            'sitekey' : '6LcvWjIUAAAAAIaQ3jq1r1GT6118QMQG0Lu721m1',
            'callback' : verifyCaptcha
        });
    });
    $( ".reCaptcha" ).each(function() {
        grecaptcha.render($(this).attr('id'), {
            'sitekey' : '6LcvWjIUAAAAAIaQ3jq1r1GT6118QMQG0Lu721m1',
            'callback' : verifyCaptcha
        });
    });
};