$(function () {
    $('.ui.checkbox').checkbox();
    $('.ui.dropdown').dropdown();
});

$(function () {
    /*sign up*/
    $('#postSignUpFrom').click(function () {
        $('#SignUpForm').form('validate form');
    });
    var validation =
    {
        fields:
        {
            adminfname:
            {
                identifier: 'adminfname',
                rules: [{
                    type: 'empty',
                    prompt: 'Please enter a First Name'
                }]
            },
            adminlname:
            {
                identifier: 'adminlname',
                rules: [{
                    type: 'empty',
                    prompt: 'Please Enter a Last Name'
                }]
            },
            jobtitle:
            {
                identifier: 'jobtitle',
                rules: [{
                    type: 'empty',
                    prompt: 'Please enter a Job Title'
                }]
            },
            company:
            {
                identifier: 'company',
                rules: [{
                    type: 'empty',
                    prompt: 'Please enter your Company Name'
                }]
            },
            email:
            {
                identifier: 'email',
                rules:
                [{
                    type: 'empty',
                    prompt: 'Please enter your company E-mail'
                },
                    {
                        type: 'email',
                        prompt: 'Please enter a valid E-mail address'
                    }
                ]
            },
            companyphone:
            {
                identifier: 'companyphone',
                rules: [{
                    type: 'empty',
                    prompt: 'Please enter your Company Phone number'
                }]
            },
            companycountry:
            {
                identifier: 'country',
                rules: [{
                    type: 'empty',
                    prompt: 'Please select the country where your Company is located'
                }]
            },
            terms:
            {
                identifier: 'terms',
                rules: [{
                    type: 'checked',
                    prompt: 'You must agree to the terms and conditions'
                }]
            }
        },
        inline: true,
        on: 'blur',
        onSuccess: function () {            
            var data = {};
            var url = $('#SignUpForm').attr('action');
            var type = $('#SignUpForm').attr('method');
            $('#SignUpForm').find('[name]').each(function (index, value) {
                var that = $(this);
                var name = that.attr('name');
                var value = that.val();
                data[name] = value;
            });            
            //alert(data.toSource());
            $.ajax({
                type: type,
                url: url,
                data: data,
                dataType: 'json',
                success: function (response) {                    
                    if (response['status'] == 'success') 
                    {                        
                        $('#SignUpForm').form('reset').api('reset');
                        $('#SignUpForm').hide();
                        $('#SignUpForm').remove();
                        $('#signupsegment').removeClass('secondary');
                        //$('#errormsg').removeClass('hidden');
                        //$('#errormsg').addClass('large success icon');
                        $('#errormsg').replaceWith("<div id='errormsg' class='ui large success icon message'><i class='mail outline icon'></i><div class='ui hidden divider'></div><div class='content'><div class='ui hidden divider'></div><div class='header'>You're Almost Done</div><p id='statusmsg'>"+response['message']+"</p><div class='ui hidden divider'></div></div></div>");
                        //$('#errormsg').append("<i class='mail outline icon'></i><div class='ui hidden divider'></div><div class='content'><div class='ui hidden divider'></div><div class='header'>You're Almost Done</div><p id='statusmsg'>"+response['message']+"</p><div class='ui hidden divider'></div></div>");
                    }
                    else if(response['status'] == 'error')
                    {
                        //$('#errormsg').removeClass('hidden');
                        //$('#errormsg').addClass('large error icon');
                        $('#errormsg').replaceWith("<div id='errormsg' class='ui large error icon icon message'><i class='mail outline icon'></i><div class='ui hidden divider'></div><div class='content'><div class='ui hidden divider'></div><div class='header'>Their seem to be a problem</div><p id='statusmsg'>"+response['message']+"</p><div class='ui hidden divider'></div></div></div>");
                        //$('#errormsg').append("<i class='mail outline icon'></i><div class='ui hidden divider'></div><div class='content'><div class='ui hidden divider'></div><div class='header'>Their seem to be a problem</div><p id='statusmsg'>"+response['message']+"</p><div class='ui hidden divider'></div></div>");
                    }
                },
                error: function (response) {
                    //alert("Error: Form Submitted");
                    //var returneddata = JSON.parse(response);
                    //alert(returneddata);
                }
            });
        }
    };
    $('#SignUpForm').form(validation);
});