var playerClick = function(ev) {
    if (!$(ev.target).closest('a').size()) {
        var row = $(this);
        var pid = row.find('td.pid').text();
        if (pid) {
            var link = 'players/' + pid.trim() + '.html';
            location.href = link;
        }
    }
}

var parseHash = function() {
    var hash = location.hash.replace(/^#/, '');
    var hashParams = hash.split(';');
    var params = new Map();
    hashParams.forEach(function(hashParam) {
        var param = hashParam.split(':');
        if (param.length > 1) {
            params.set(param[0], param[1].split(','));
        }
    });
    return params;
}

var constructHash = function(params) {
    return Array.from(params).map(function(param) {
        return param[0] + ':' + param[1].join(',');
    }).join(';');
}

var readHash = function() {
    $('button.btn-primary').removeClass('btn-primary');
    var params = parseHash();
    params.forEach(function(values, param) {
        values.forEach(function(value) {
            $('button[data-filter="' + param + '"][data-value="' + value + '"]').addClass('btn-primary');
        });
    });
    var allParams = ['age', 'gender', 'region'];
    allParams.forEach(function(param) {
        if ($('button[data-filter="' + param + '"].btn-primary').size() == 0) {
            $('button[data-clear="' + param + '"]').addClass('btn-primary');
        } else {
            $('#filters').collapse();
        }
    });
    filterRows(params);
}

var filterRows = function(params) {
    $('table.table tbody tr').show().removeClass('gold silver bronze').each(function() {
        var row = $(this);
        params.forEach(function(value, param) {
            if (value.indexOf(row.find('td.' + param).text().trim()) == -1) {
                row.hide();
            }
        });
    });
    $('table.table tbody tr:visible').eq(0).addClass('gold');
    $('table.table tbody tr:visible').eq(1).addClass('silver');
    $('table.table tbody tr:visible').eq(2).addClass('bronze');
    $('table.table').css('opacity', 1);
}

$('.container .table tbody tr').click(playerClick);

$(document).ready(function() {
    $(window).on('hashchange', readHash).trigger('hashchange');
});

$('button[data-filter]').click(function() {
    $('table.table').css('opacity', 0.1);
    var button = $(this);
    var params = parseHash();
    var param = params.get(button.attr('data-filter'));
    var value = button.attr('data-value');
    var index = param ? param.indexOf(value) : -1;
    if (index > -1) {
        param = param.filter(function(v) { return v != value; });
    } else {
        if (!param) {
            param = [];
        }
        param.push(value);
    }
    if (!param.length) {
        params.delete(button.attr('data-filter'));
    } else {
        params.set(button.attr('data-filter'), param);
    }
    location.hash = constructHash(params);
});

$('button[data-clear]').click(function() {
    $('table.table').css('opacity', 0.1);
    var button = $(this);
    var params = parseHash();
    params.delete(button.attr('data-clear'));
    location.hash = constructHash(params);
});