var MyForms = (function() {
    'use strict';

    var self = {};

    init();
    function init() {
        bindEvents();
    }


    /**
     *  Binds necessary event handlers.
     */
    function bindEvents() {
        $('.js-select-form').on('click', toggleDelete);
        $('body').on('click', '.js-delete-forms', deleteForms);
    }


    /**
     *  Show/Hide delete button
     *  @param {Event} Click event
     */
    function toggleDelete(e) {
        var selectedForms = $('.js-select-form:checked');

        if (selectedForms.length > 0) {
            $('.js-delete-forms').show();
        }
        else {
            $('.js-delete-forms').hide();
        }
    }


    /**
     *  Removes the form from the table.
     *  Possible AJAX call could go here.
     */
    function deleteForms(e) {
        var selectedPhotos = $('.js-select-form:checked');

        selectedPhotos.closest('.table__row').fadeOut(100, function() {
            $(this).remove();
        });
    }


    return self;
})();