STORAGE_NAME = 'tvgids-channels'

visible = if localStorage.hasOwnProperty(STORAGE_NAME) \
    then localStorage.getItem(STORAGE_NAME).split(';') \
    else _.pluck(CHANNELS, 'id')

_.each CHANNELS, (channel) ->
    is_visible = _.contains(visible, channel.id)

    input = $('<input type="checkbox" name="channels[]" value="' + channel.id + '">')
    input.attr('checked', is_visible)
    input.change(-> $(@).parent().toggleClass('disabled', not $(@).is(':checked')))
    input.change(-> $('#select-channels').submit())

    elem = $('<label/>').html(channel.name)
    elem.prepend(input)
    elem.toggleClass('disabled', not is_visible)
    elem.appendTo('#select-channels .options')

$('#select-channels').submit (e) ->
    e.preventDefault()
    selected = ($(i).val() for i in $('input', @) when $(i).is(':checked'))
    localStorage.setItem(STORAGE_NAME, selected.join(';'))

setall = (c) -> $('#select-channels input').prop('checked', c).change()
$('#select-all').click -> setall(true)
$('#select-none').click -> setall(false)