document.body.onload=loadOwnedGames()

async function loadOwnedGames() {

    var boardgame_datatable = new DataTable('.boardgame_table', {
        ajax: {
            url: api_url + '/owned?filter_expansions_out=true',
            dataSrc: ''
        },
        columns: [
            { 
                data: 'thumbnail_url',
                render: function (data,type){
                    return '<img src="' + data + '" class="img-fluid" />'
                }
            },
            { 
                data: 'name'
            },
            { 
                data: 'min_players',
                render: function(data,type,row){
                    if (row.min_players != row.max_players){
                        return row.min_players + '-' + row.max_players
                    }else{
                        return row.min_players
                    }
                    
                }
            },
            { 
                data: 'min_playing_time',
                render: function(data,type,row){
                    if (row.min_playing_time != row.max_playing_time){
                        return row.min_playing_time + '-' + row.max_playing_time
                    }else{
                        return row.min_playing_time
                    }
                }
            },
            { 
                data: 'weight'
            }
        ],
        columnDefs: [
            { targets: 'no-sort', orderable: false }
        ],
        order: [[1, 'asc']]
    });


    $('.boardgame_table').on('click', 'tbody tr', function() {
        var boardgame_id = boardgame_datatable.row(this).data().id;
        window.location.href = "/boardgame?id=" + boardgame_id
      })

}