/*
 * index.js
 * Copyright (c) 2019 james@firefly-iii.org
 *
 * This file is part of Firefly III (https://github.com/firefly-iii).
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */

/**
 *
 */
$(function () {
    "use strict";
    /*
     On start, fill the "spent"-bar using the content from the page.
     */
    drawSpentBars();
    drawBudgetedBars();

    $('.update_ab').on('click', updateAvailableBudget);
    $('.create_ab_alt').on('click', createAltAvailableBudget);

    $('.budget_amount').on('change', updateBudgetedAmount);
    $('.create_bl').on('click', createBudgetLimit);


    /*
     When the input changes, update the percentages for the budgeted bar:
     */
    $('.selectPeriod').change(function (e) {
        var selected = $(e.currentTarget);
        if (selected.find(":selected").val() !== "x") {
            var newUri = budgetIndexUri.replace("START", selected.find(":selected").data('start')).replace('END', selected.find(":selected").data('end'));
            window.location.assign(newUri);
        }
    });

    // sortable!
    if (typeof $(".sortable-table tbody").sortable !== "undefined") {
        $(".sortable-table tbody").sortable(
            {
                helper: fixHelper,
                items: 'tr:not(.ignore)',
                stop: sortStop,
                handle: '.handle',
                start: function (event, ui) {
                    // Build a placeholder cell that spans all the cells in the row
                    var cellCount = 0;
                    $('td, th', ui.helper).each(function () {
                        // For each TD or TH try and get it's colspan attribute, and add that or 1 to the total
                        var colspan = 1;
                        var colspanAttr = $(this).attr('colspan');
                        if (colspanAttr > 1) {
                            colspan = colspanAttr;
                        }
                        cellCount += colspan;
                    });

                    // Add the placeholder UI - note that this is the item's content, so TD rather than TR
                    ui.placeholder.html('<td colspan="' + cellCount + '">&nbsp;</td>');
                }
            }
        );
    }
});

function updateBudgetedAmount(e) {
    var input = $(e.currentTarget);
    var budgetId = parseInt(input.data('id'));
    var budgetLimitId = parseInt(input.data('limit'));
    var currencyId = parseInt(input.data('currency'));
    input.prop('disabled', true);
    if (0 === budgetLimitId) {
        $.post(storeBudgetLimitUri, {
            _token: token,
            budget_id: budgetId,
            transaction_currency_id: currencyId,
            amount: input.val(),
            start: periodStart,
            end: periodEnd
        }).done(function (data) {

            input.prop('disabled', false);

            // update amount left.
            $('.left_span[data-limit="0"][data-id="' + budgetId + '"]').html(data.left_formatted);
            if (data.left_per_day > 0) {
                $('.left_span[data-limit="0"][data-id="' + budgetId + '"]').html(data.left_formatted + '(' + data.left_per_day_formatted + ')');
            }
            // update budgeted amount
            updateTotalBudgetedAmount(data.transaction_currency_id);

        }).fail(function () {
            console.error('I failed :(');
        });
    } else {
        $.post(updateBudgetLimitUri.replace('REPLACEME', budgetLimitId.toString()), {
            _token: token,
            amount: input.val(),
        }).done(function (data) {
            input.prop('disabled', false);
            $('.left_span[data-limit="' + budgetLimitId + '"]').html(data.left_formatted);
            if (data.left_per_day > 0) {
                $('.left_span[data-limit="' + budgetLimitId + '"]').html(data.left_formatted + '(' + data.left_per_day_formatted + ')');
            }
            updateTotalBudgetedAmount(data.transaction_currency_id);
            // update budgeted amount

        }).fail(function () {
            console.error('I failed :(');
        });
    }
}

function updateTotalBudgetedAmount(currencyId) {
    // fade info away:
    $('span.budgeted_amount[data-currency="' + currencyId + '"]')
        .fadeTo(100, 0.1, function () {
            //$(this).fadeTo(500, 1.0);
        });

    // get new amount:
    $.get(totalBudgetedUri.replace('REPLACEME',currencyId)).done(function (data) {
        // set thing:
        $('span.budgeted_amount[data-currency="' + currencyId + '"]')
            .html(data.budgeted_formatted)
            // fade back:
            .fadeTo(300, 1.0);

        // set bar:
        var pct = parseFloat(data.percentage);
        if (pct <= 100) {
            console.log('<100 (' + pct + ')');
            console.log($('div.budgeted_bar[data-currency="' + currencyId + '"]'));
            // red bar to 0
            $('div.budgeted_bar[data-currency="' + currencyId + '"] div.progress-bar-danger').width('0%');
            // orange to 0:
            $('div.budgeted_bar[data-currency="' + currencyId + '"] div.progress-bar-warning').width('0%');
            // blue to the rest:
            $('div.budgeted_bar[data-currency="' + currencyId + '"] div.progress-bar-info').width(pct + '%');
        } else {
            var newPct = (100 / pct) * 100;
            // red bar to new pct
            $('div.budgeted_bar[data-currency="' + currencyId + '"] div.progress-bar-danger').width(newPct + '%');
            // orange to the rest:
            $('div.budgeted_bar[data-currency="' + currencyId + '"] div.progress-bar-warning').width((100 - newPct) + '%');
            // blue to 0:
            $('div.budgeted_bar[data-currency="' + currencyId + '"] div.progress-bar-info').width('0%');
        }


    });
}

var fixHelper = function (e, tr) {
    "use strict";
    var $originals = tr.children();
    var $helper = tr.clone();
    $helper.children().each(function (index) {
        // Set helper cell sizes to match the original sizes
        $(this).width($originals.eq(index).width());
    });
    return $helper;
};


function sortStop(event, ui) {
    "use strict";

    //var current = $(ui.item);
    var list = $('.sortable-table tbody tr');
    var submit = [];
    $.each(list, function (i, v) {
        var row = $(v);
        var id = parseInt(row.data('id'));
        if (id > 0) {
            submit.push(id);
        }
    });
    var arr = {
        budgetIds: submit,
        _token: token
    };
    $.post('budgets/reorder', arr);
}

function createBudgetLimit(e) {
    var button = $(e.currentTarget);
    var budgetId = button.data('id');
    $('#defaultModal').empty().load(createBudgetLimitUri.replace('REPLACEME', budgetId.toString()), function () {
        $('#defaultModal').modal('show');
    });
    return false;
}

function createAltAvailableBudget(e) {
    $('#defaultModal').empty().load(createAltAvailableBudgetUri, function () {
        $('#defaultModal').modal('show');
    });
    return false;
}

function updateAvailableBudget(e) {
    var button = $(e.currentTarget);
    var abId = parseInt(button.data('id'));
    if (0 === abId) {
        $('#defaultModal').empty().load(createAvailableBudgetUri, function () {
            $('#defaultModal').modal('show');
        });
    }
    if (abId > 0) {
        // edit URL.
        $('#defaultModal').empty().load(editAvailableBudgetUri.replace('REPLACEME', abId), function () {
            $('#defaultModal').modal('show');
        });
    }
    return false;
}


function drawBudgetedBars() {
    "use strict";
    $.each($('.budgeted_bar'), function (i, v) {
        var bar = $(v);
        var budgeted = parseFloat(bar.data('budgeted'));
        var available = parseFloat(bar.data('available'));
        var budgetedTooMuch = budgeted > available;
        var pct;
        if (budgetedTooMuch) {
            // budgeted too much.
            pct = (available / budgeted) * 100;
            bar.find('.progress-bar-danger').css('width', pct + '%');
            bar.find('.progress-bar-warning').css('width', (100 - pct) + '%');
            bar.find('.progress-bar-info').css('width', 0);
        } else {
            pct = (budgeted / available) * 100;
            bar.find('.progress-bar-danger').css('width', 0);
            bar.find('.progress-bar-warning').css('width', 0);
            bar.find('.progress-bar-info').css('width', pct + '%');
        }
        //$('#budgetedAmount').html(currencySymbol + ' ' + budgeted.toFixed(2));
    });
}

function drawSpentBars() {
    "use strict";
    $.each($('.spent_bar'), function (i, v) {
        var bar = $(v);
        var spent = parseFloat(bar.data('spent')) * -1;
        var budgeted = parseFloat(bar.data('budgeted'));
        var overspent = spent > budgeted;
        var pct;

        if (overspent) {
            // draw overspent bar
            pct = (budgeted / spent) * 100;
            bar.find('.progress-bar-warning').css('width', pct + '%');
            bar.find('.progress-bar-danger').css('width', (100 - pct) + '%');
        } else {
            // draw normal bar:
            pct = (spent / budgeted) * 100;
            bar.find('.progress-bar-info').css('width', pct + '%');
        }
    });
}

//
//
// function drawSpentBar() {
//     "use strict";
//     if ($('.spentBar').length > 0) {
//         var overspent = spent > budgeted;
//         var pct;
//
//         if (overspent) {
//             // draw overspent bar
//             pct = (budgeted / spent) * 100;
//             $('.spentBar .progress-bar-warning').css('width', pct + '%');
//             $('.spentBar .progress-bar-danger').css('width', (100 - pct) + '%');
//         } else {
//             // draw normal bar:
//             pct = (spent / budgeted) * 100;
//             $('.spentBar .progress-bar-info').css('width', pct + '%');
//         }
//     }
// }
//
// function drawBudgetedBar() {
//     "use strict";
//
//     if ($('.budgetedBar').length > 0) {
//         var budgetedMuch = budgeted > available;
//
//         // recalculate percentage:
//
//         var pct;
//         if (budgetedMuch) {
//             // budgeted too much.
//             pct = (available / budgeted) * 100;
//             $('.budgetedBar .progress-bar-warning').css('width', pct + '%');
//             $('.budgetedBar .progress-bar-danger').css('width', (100 - pct) + '%');
//             $('.budgetedBar .progress-bar-info').css('width', 0);
//         } else {
//             pct = (budgeted / available) * 100;
//             $('.budgetedBar .progress-bar-warning').css('width', 0);
//             $('.budgetedBar .progress-bar-danger').css('width', 0);
//             $('.budgetedBar .progress-bar-info').css('width', pct + '%');
//         }
//
//         $('#budgetedAmount').html(currencySymbol + ' ' + budgeted.toFixed(2));
//     }
// }

// /**
//  *
//  * @param e
//  */
// function updateBudgetedAmounts(e) {
//     "use strict";
//     var target = $(e.target);
//     var id = target.data('id');
//     var leftCell = $('td[class$="left"][data-id="' + id + '"]');
//     var link = $('a[data-id="' + id + '"][class="budget-link"]');
//     var value = target.val();
//     var original = target.data('original');
//
//     // disable input
//     target.prop('disabled', true);
//
//     // replace link (for now)
//     link.attr('href', '#');
//
//     // replace "left" with spinner.
//     leftCell.empty().html('<i class="fa fa-fw fa-spin fa-spinner"></i>');
//
//     // send a post to Firefly to update the amount:
//     var newUri = budgetAmountUri.replace("REPLACE", id);
//
//     $.post(newUri, {amount: value, start: periodStart, end: periodEnd, _token: token}).done(function (data) {
//
//         // difference between new value and original value
//         var difference = value - original;
//
//         // update budgeted value
//         budgeted = budgeted + difference;
//
//         // fill in "left" value:
//
//
//         if (data.left_per_day !== null) {
//             leftCell.html(data.left + ' (' + data.left_per_day + ')');
//         } else {
//             leftCell.html(data.left);
//         }
//
//         // update "budgeted" input:
//         target.val(data.amount);
//
//         // enable thing again
//         target.prop('disabled', false);
//
//         // set new original value:
//         target.data('original', data.amount);
//
//         // run drawBudgetedBar() again:
//         drawBudgetedBar();
//
//         // update the link if relevant:
//         link.attr('href', 'budgets/show/' + id);
//         if (data.limit > 0) {
//             link.attr('href', 'budgets/show/' + id + '/' + data.limit);
//         }
//
//         // update the warning if relevant:
//         if (data.large_diff === true) {
//             $('span[class$="budget_warning"][data-id="' + id + '"]').html(data.warn_text).show();
//             console.log('Show warning for budget');
//         } else {
//             $('span[class$="budget_warning"][data-id="' + id + '"]').empty().hide();
//         }
//     });
// }

// /**
//  *
//  * @returns {boolean}
//  */
// function updateIncome() {
//     "use strict";
//     $('#defaultModal').empty().load(updateIncomeUri, function () {
//         $('#defaultModal').modal('show');
//     });
//
//     return false;
// }