Handlebars.registerHelper('if_eq', function (a, b, opts) {
    if (a == b)
        return opts.fn(this);
    else
        return opts.inverse(this);
});



$(function () {

    var searchSource = $("#search-template").html();
    var musicSource = $("#music-template").html();
    var searchTemplate = Handlebars.compile(searchSource);
    var musicTemplate = Handlebars.compile(musicSource);

    var base = $('#baseUrl').text();

    var searchTimer = 0;

    // fix for selecting a default tab
    var $tabs = $('#nav-tabs').children('li');
    if ($tabs.filter(function (li) { return $(li).hasClass('active') }).length <= 0) {
        $tabs.first().children('a:first-child').tab('show');
    }

    $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
        focusSearch($($(e.target).attr('href')));
    });
    focusSearch($('li.active a', '#nav-tabs').first().attr('href'));

    // Type in movie search
    $("#movieSearchContent").on("input", function () {
        if (searchTimer) {
            clearTimeout(searchTimer);
        }
        searchTimer = setTimeout(movieSearch, 400);

    });

    $('#moviesComingSoon').on('click', function (e) {
        e.preventDefault();
        moviesComingSoon();
    });

    $('#moviesInTheaters').on('click', function (e) {
        e.preventDefault();
        moviesInTheaters();
    });

    // Type in TV search
    $("#tvSearchContent").on("input", function () {
        if (searchTimer) {
            clearTimeout(searchTimer);
        }
        searchTimer = setTimeout(tvSearch, 400);
    });

    // Click TV dropdown option
    $(document).on("click", ".dropdownTv", function (e) {
        e.preventDefault();
        var buttonId = e.target.id;
        if ($("#" + buttonId).attr('disabled')) {
            return;
        }

        $("#" + buttonId).prop("disabled", true);
        loadingButton(buttonId, "primary");


        var $form = $('#form' + buttonId);
        var data = $form.serialize();
        var seasons = $(this).attr("season-select");
        if (seasons === "2") {
            // Send over the latest
            data = data + "&seasons=latest";
        }
        if (seasons === "1") {
            // Send over the first season
            data = data + "&seasons=first";

        }

        var type = $form.prop('method');
        var url = $form.prop('action');

        sendRequestAjax(data, type, url, buttonId);
    });

    // Search Music
    $("#musicSearchContent").on("input", function () {
        if (searchTimer) {
            clearTimeout(searchTimer);
        }
        searchTimer = setTimeout(musicSearch, 400);

    });

    // Click Request for movie
    $(document).on("click", ".requestMovie", function (e) {
        e.preventDefault();
        var buttonId = e.target.id;
        if ($("#" + buttonId).attr('disabled')) {
            return;
        }

        $("#" + buttonId).prop("disabled", true);
        loadingButton(buttonId, "primary");


        var $form = $('#form' + buttonId);

        var type = $form.prop('method');
        var url = $form.prop('action');
        var data = $form.serialize();

        sendRequestAjax(data, type, url, buttonId);

    });

    // Click Request for album
    $(document).on("click", ".requestAlbum", function (e) {
        e.preventDefault();
        var buttonId = e.target.id;
        if ($("#" + buttonId).attr('disabled')) {
            return;
        }

        $("#" + buttonId).prop("disabled", true);
        loadingButton(buttonId, "primary");


        var $form = $('#form' + buttonId);

        var type = $form.prop('method');
        var url = $form.prop('action');
        var data = $form.serialize();

        sendRequestAjax(data, type, url, buttonId);
    });

    function focusSearch($content) {
        if ($content.length > 0) {
            $('input[type=text].form-control', $content).first().focus();
        }
    }

    function sendRequestAjax(data, type, url, buttonId) {
        $.ajax({
            type: type,
            url: url,
            data: data,
            dataType: "json",
            success: function (response) {
                console.log(response);
                if (response.result === true) {
                    generateNotify(response.message || "Success!", "success");

                    $('#' + buttonId).html("<i class='fa fa-check'></i> Requested");
                    $('#' + buttonId).removeClass("btn-primary-outline");
                    $('#' + buttonId).removeAttr("data-toggle");
                    $('#' + buttonId).addClass("btn-success-outline");
                } else {
                    generateNotify(response.message, "warning");
                    $('#' + buttonId).html("<i class='fa fa-plus'></i> Request");
                    $('#' + buttonId).attr("data-toggle", "dropdown");
                    $("#" + buttonId).removeAttr("disabled");
                }
            },
            error: function (e) {
                console.log(e);
                generateNotify("Something went wrong!", "danger");
            }
        });
    }

    function movieSearch() {
        var query = $("#movieSearchContent").val();
        var url = createBaseUrl(base, '/search/movie/');
        query ? getMovies(url + query) : resetMovies();
    }

    function moviesComingSoon() {
        var url = createBaseUrl(base, '/search/movie/upcoming');
        getMovies(url);
    }

    function moviesInTheaters() {
        var url = createBaseUrl(base, '/search/movie/playing');
        getMovies(url);
    }

    function getMovies(url) {
        resetMovies();

        $('#movieSearchButton').attr("class", "fa fa-spinner fa-spin");
        $.ajax(url).success(function (results) {
            if (results.length > 0) {
                results.forEach(function (result) {
                    var context = buildMovieContext(result);

                    var html = searchTemplate(context);
                    $("#movieList").append(html);
                });
            }
            else {
                $("#movieList").html(noResultsHtml);
            }
            $('#movieSearchButton').attr("class", "fa fa-search");
        });
    };

    function resetMovies() {
        $("#movieList").html("");
    }

    function tvSearch() {
        var query = $("#tvSearchContent").val();

        var url = createBaseUrl(base, '/search/tv/');
        query ? getTvShows(url + query) : resetTvShows();
    }

    function getTvShows(url) {
        resetTvShows();

        $('#tvSearchButton').attr("class", "fa fa-spinner fa-spin");
        $.ajax(url).success(function (results) {
            if (results.length > 0) {
                results.forEach(function (result) {
                    var context = buildTvShowContext(result);
                    var html = searchTemplate(context);
                    $("#tvList").append(html);
                });
            }
            else {
                $("#tvList").html(noResultsHtml);
            }
            $('#tvSearchButton').attr("class", "fa fa-search");
        });
    };

    function resetTvShows() {
        $("#tvList").html("");
    }

    function musicSearch() {
        var url = createBaseUrl(base, '/search/music/');
        var query = $("#musicSearchContent").val();
        query ? getMusic(url + query) : resetMusic();
    }

    function getMusic(url) {
        resetMusic();

        $('#musicSearchButton').attr("class", "fa fa-spinner fa-spin");
        $.ajax(url).success(function (results) {
            if (results.length > 0) {
                results.forEach(function (result) {
                    var context = buildMusicContext(result);

                    var html = musicTemplate(context);
                    $("#musicList").append(html);
                     getCoverArt(context.id);
                });
            }
            else {
                $("#musicList").html(noResultsMusic);
            }
            $('#musicSearchButton').attr("class", "fa fa-search");
        });
    };

    function resetMusic() {
        $("#musicList").html("");
    }

    function getCoverArt(artistId) {

        var url = createBaseUrl(base, '/search/music/coverart/');
        $.ajax(url + artistId).success(function (result) {
            if (result) {
                $('#' + artistId + "imageDiv").html(" <img class='img-responsive' src='" + result + "' width='150' alt='poster'>");
            }
        });
    };

    function buildMovieContext(result) {
        var date = new Date(result.releaseDate);
        var year = date.getFullYear();
        var context = {
            posterPath: result.posterPath,
            id: result.id,
            title: result.title,
            overview: result.overview,
            voteCount: result.voteCount,
            voteAverage: result.voteAverage,
            year: year,
            type: "movie",
            imdb: result.imdbId,
            requested: result.requested,
            approved: result.approved,
            available: result.available
        };

        return context;
    }

    function buildTvShowContext(result) {
        var date = new Date(result.firstAired);
        var year = date.getFullYear();
        var context = {
            posterPath: result.banner,
            id: result.id,
            title: result.seriesName,
            overview: result.overview,
            year: year,
            type: "tv",
            imdb: result.imdbId,
            requested: result.requested,
            approved: result.approved,
            available: result.available
        };
        return context;
    }

    function buildMusicContext(result) {

        var context = {
            id: result.id,
            title: result.title,
            overview: result.overview,
            year: result.releaseDate,
            type: "album",
            trackCount: result.trackCount,
            coverArtUrl: result.coverArtUrl,
            artist: result.artist,
            releaseType: result.releaseType,
            country: result.country,
            requested: result.requested,
            approved: result.approved,
            available: result.available
        };

        return context;
    }

});