/* vim: ts=4:sw=4:expandtab
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Lesser 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 Lesser General Public License for more details.
 *
 * You should have received a copy of the GNU Lesser General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
var Whisper = Whisper || {};

(function () {
    'use strict';
    Whisper.PhoneInputView = Backbone.View.extend({
        tagName: 'div',
        className: 'phone-input',
        initialize: function() {
            this.template = $('#phone-number').html();
            Mustache.parse(this.template);
            this.render();
        },

        render: function() {
            this.$el.html($(Mustache.render(this.template)));
            var regionCodes = [];
            var countryNames = [];
            $.each(libphonenumber.util.getAllRegionCodes(), function(regionCode, countryName) {
                regionCodes.push(regionCode);
                countryNames.push(countryName);
            });
            for (var i = 0; i < regionCodes.length; i++) {
                this.$el.find('.regionCode').append($('<option>', { value: regionCodes[i], text: countryNames[i]}));
            }
            return this;
        },

        events: {
            'change': 'validateNumber',
            'keyup': 'validateNumber'
        },

        validateNumber: function() {
            try {
                var regionCode = this.$el.find('.regionCode').val();
                var number = this.$el.find('input.number').val();

                var parsedNumber = libphonenumber.util.verifyNumber(number, regionCode);

                this.$el.find('.regionCode').val(libphonenumber.util.getRegionCodeForNumber(parsedNumber));
                this.$el.find('.number-container').removeClass('invalid');
                this.$el.find('.number-container').addClass('valid');
                return parsedNumber;
            } catch(e) {
                this.$el.find('.number-container').removeClass('valid');
            }
        }
    });
})();