/**
 * View for the receipt page.
 */

/* globals _, Backbone */
var edx = edx || {};

(function($, _, Backbone) {
    'use strict';

    edx.commerce = edx.commerce || {};

    edx.commerce.ReceiptView = Backbone.View.extend({
        useEcommerceApi: true,
        ecommerceBasketId: null,
        ecommerceOrderNumber: null,

        initialize: function() {
            this.ecommerceBasketId = $.url('?basket_id');
            this.ecommerceOrderNumber = $.url('?orderNum');
            this.useEcommerceApi = this.ecommerceBasketId || this.ecommerceOrderNumber;
            _.bindAll(this, 'renderReceipt', 'renderError', 'getProviderData', 'renderProvider', 'getCourseData');

            this.render();
        },

        /**
         * @param product
         * @returns {bool} True if product requires user to be verified by Software Secure.
         */
        requiresVerification: function(product) {
            function getAttribute(attribute, defaultValue) {
                var attr = _.findWhere(product.attribute_values, {name: attribute});
                if (!attr) {
                    return defaultValue;
                }
                return attr.value;
            }

            return getAttribute('id_verification_required', true);
        },

        renderReceipt: function(data) {
            var templateHtml = $('#receipt-tpl').html(),
                self = this,
                context = {
                    platformName: this.$el.data('platform-name'),
                    verified: this.$el.data('verified').toLowerCase() === 'true',
                    is_request_in_themed_site: this.$el.data('is-request-in-themed-site').toLowerCase() === 'true'
                },
                providerId,
                courseRequiresVerification;

            // True if any of the courses bought requires verification
            courseRequiresVerification = _.any(data.lines, function(line) {
                return this.requiresVerification(line.product);
            }, this);

            // Add the receipt info to the template context
            this.courseKey = this.getOrderCourseKey(data);
            this.username = this.$el.data('username');
            $.ajax({
                type: 'GET',
                url: '/commerce/checkout/verification_status/',
                data: {course_id: this.courseKey}
            }).success(function(response) {
                _.extend(context, {
                    receipt: self.receiptContext(data),
                    courseKey: self.courseKey,
                    is_verification_required: response.is_verification_required && courseRequiresVerification
                });

                self.$el.html(_.template(templateHtml)(context));

                self.trackLinks();

                self.trackPurchase(data);

                self.renderCourseNamePlaceholder(self.courseKey);

                self.renderUserFullNamePlaceholder(self.username);

                providerId = self.getCreditProviderId(data);
                if (providerId) {
                    self.getProviderData(providerId).then(self.renderProvider, self.renderError);
                }
            }).error(function() {
                self.renderError();
            });
        },
        renderCourseNamePlaceholder: function(courseId) {
            // Display the course Id or name (if available) in the placeholder
            var $courseNamePlaceholder = $('.course_name_placeholder');
            $courseNamePlaceholder.text(courseId);

            this.getCourseData(courseId).then(function(responseData) {
                $courseNamePlaceholder.text(responseData.name);
            });
        },
        renderUserFullNamePlaceholder: function(username) {
            var userModel = Backbone.Model.extend({
                urlRoot: '/api/user/v1/accounts/',
                url: function() {
                    return this.urlRoot + this.id;
                }
            });
            this.user = new userModel({id: username});
            this.user.fetch({success: function(userData) {
                $('.full_name_placeholder').text(userData.get('name'));
            }});
        },
        renderProvider: function(context) {
            var templateHtml = $('#provider-tpl').html(),
                providerDiv = this.$el.find('#receipt-provider');
            context.course_key = this.courseKey;
            context.username = this.username;
            context.platformName = this.$el.data('platform-name');
            providerDiv.html(_.template(templateHtml)(context)).removeClass('hidden');
        },

        renderError: function() {
            // Display an error
            $('#error-container').removeClass('hidden');
        },

        trackPurchase: function(order) {
            window.analytics.track('Completed Purchase', {
                orderId: order.number,
                total: order.total_excl_tax,
                currency: order.currency
            });
        },

        render: function() {
            var self = this,
                orderId = this.ecommerceOrderNumber || this.ecommerceBasketId || $.url('?payment-order-num');

            if (orderId && this.$el.data('is-payment-complete') === 'True') {
                // Get the order details
                self.$el.removeClass('hidden');
                self.getReceiptData(orderId).then(self.renderReceipt, self.renderError);
            } else {
                self.renderError();
            }
        },

        trackLinks: function() {
            var $verifyNowButton = $('#verify_now_button'),
                $verifyLaterButton = $('#verify_later_button');

            // Track a virtual pageview, for easy funnel reconstruction.
            window.analytics.page('payment', 'receipt');

            // Track the user's decision to verify immediately
            window.analytics.trackLink($verifyNowButton, 'edx.bi.user.verification.immediate', {
                category: 'verification'
            });

            // Track the user's decision to defer their verification
            window.analytics.trackLink($verifyLaterButton, 'edx.bi.user.verification.deferred', {
                category: 'verification'
            });
        },

        /**
         * Retrieve receipt data from Oscar (via LMS).
         * @param  {string} orderId Identifier of the order that was purchased.
         * @return {object} JQuery Promise.
         */
        getReceiptData: function(orderId) {
            var urlFormat = '/shoppingcart/receipt/{orderId}/';

            if (this.ecommerceOrderNumber) {
                urlFormat = '/api/commerce/v1/orders/{orderId}/';
            } else if (this.ecommerceBasketId) {
                urlFormat = '/api/commerce/v0/baskets/{orderId}/order/';
            }

            return $.ajax({
                url: edx.StringUtils.interpolate(urlFormat, {orderId: orderId}),
                type: 'GET',
                dataType: 'json'
            }).retry({times: 5, timeout: 2000, statusCodes: [404]});
        },
        /**
         * Retrieve credit provider data from LMS.
         * @param  {string} providerId The providerId of the credit provider.
         * @return {object} JQuery Promise.
         */
        getProviderData: function(providerId) {
            var providerUrl = '/api/credit/v1/providers/{providerId}/';

            return $.ajax({
                url: edx.StringUtils.interpolate(providerUrl, {providerId: providerId}),
                type: 'GET',
                dataType: 'json',
                contentType: 'application/json',
                headers: {
                    'X-CSRFToken': $.cookie('csrftoken')
                }
            }).retry({times: 5, timeout: 2000, statusCodes: [404]});
        },
        /**
         * Retrieve course data from LMS.
         * @param  {string} courseId The courseId of the course.
         * @return {object} JQuery Promise.
         */
        getCourseData: function(courseId) {
            var courseDetailUrl = '/api/courses/v1/courses/{courseId}/';
            return $.ajax({
                url: edx.StringUtils.interpolate(courseDetailUrl, {courseId: courseId}),
                type: 'GET',
                dataType: 'json'
            });
        },

        /**
         * Construct the template context from data received
         * from the E-Commerce API.
         *
         * @param  {object} order Receipt data received from the server
         * @return {object} Receipt template context.
         */
        receiptContext: function(order) {
            var self = this,
                receiptContext;

            if (this.useEcommerceApi) {
                receiptContext = {
                    orderNum: order.number,
                    currency: order.currency,
                    purchasedDatetime: order.date_placed,
                    totalCost: self.formatMoney(order.total_excl_tax),
                    isRefunded: false,
                    items: [],
                    billedTo: null
                };

                if (order.billing_address) {
                    receiptContext.billedTo = {
                        firstName: order.billing_address.first_name,
                        lastName: order.billing_address.last_name,
                        city: order.billing_address.city,
                        state: order.billing_address.state,
                        postalCode: order.billing_address.postcode,
                        country: order.billing_address.country
                    };
                }

                receiptContext.items = _.map(
                    order.lines,
                    function(line) {
                        return {
                            lineDescription: line.description,
                            cost: self.formatMoney(line.line_price_excl_tax)
                        };
                    }
                );
            } else {
                receiptContext = {
                    orderNum: order.orderNum,
                    currency: order.currency,
                    purchasedDatetime: order.purchase_datetime,
                    totalCost: self.formatMoney(order.total_cost),
                    isRefunded: order.status === 'refunded',
                    billedTo: {
                        firstName: order.billed_to.first_name,
                        lastName: order.billed_to.last_name,
                        city: order.billed_to.city,
                        state: order.billed_to.state,
                        postalCode: order.billed_to.postal_code,
                        country: order.billed_to.country
                    },
                    items: []
                };

                receiptContext.items = _.map(
                    order.items,
                    function(item) {
                        return {
                            lineDescription: item.line_desc,
                            cost: self.formatMoney(item.line_cost)
                        };
                    }
                );
            }

            return receiptContext;
        },

        getOrderCourseKey: function(order) {
            var length, items;
            if (this.useEcommerceApi) {
                length = order.lines.length;
                for (var i = 0; i < length; i++) {
                    var line = order.lines[i],
                        attributeValues = _.find(line.product.attribute_values, function(attribute) {
                            // If the attribute has a 'code' property, compare its value, otherwise compare 'name'
                            var value_to_match = 'course_key';
                            if (attribute.code) {
                                return attribute.code === value_to_match;
                            } else {
                                return attribute.name === value_to_match;
                            }
                        });

                    // This method assumes that all items in the order are related to a single course.
                    if (attributeValues != undefined) {
                        return attributeValues.value;
                    }
                }
            } else {
                items = _.filter(order.items, function(item) {
                    return item.course_key;
                });

                if (items.length > 0) {
                    return items[0].course_key;
                }
            }

            return null;
        },

        formatMoney: function(moneyStr) {
            return Number(moneyStr).toFixed(2);
        },

        /**
         * Check whether the payment is for the credit course or not.
         *
         * @param  {object} order Receipt data received from the server
         * @return {string} String of the provider_id or null.
         */
        getCreditProviderId: function(order) {
            var attributeValues,
                line = order.lines[0];
            if (this.useEcommerceApi) {
                attributeValues = _.find(line.product.attribute_values, function(attribute) {
                    return attribute.name === 'credit_provider';
                });

                // This method assumes that all items in the order are related to a single course.
                if (attributeValues != undefined) {
                    return attributeValues.value;
                }
            }

            return null;
        }
    });

    new edx.commerce.ReceiptView({
        el: $('#receipt-container')
    });
}(jQuery, _, Backbone));

function completeOrder(event) {
    'use strict';
    var courseKey = $(event).data('course-key'),
        username = $(event).data('username'),
        providerId = $(event).data('provider'),
        $errorContainer = $('#error-container');

    try {
        event.preventDefault();
    } catch (err) {
        // Ignore the error as not all event inputs have the preventDefault method.
    }

    analytics.track(
        'edx.bi.credit.clicked_complete_credit',
        {
            category: 'credit',
            label: courseKey
        }
    );

    edx.commerce.credit.createCreditRequest(providerId, courseKey, username).fail(function() {
        $errorContainer.removeClass('hidden');
    });
}
