'use strict';

angular.module('forms').controller('EditFormController', ['$scope', '$state', '$rootScope', 'Upload', '$stateParams', 'FormFields', 'Forms', 'CurrentForm', '$modal', '$location',
    function ($scope, $state, $rootScope, Upload, $stateParams, FormFields, Forms, CurrentForm, $modal, $location) {

        $scope.isNewForm = false;
        $scope.pdfLoading = false;
        var _current_upload = null;
        $scope.log = '';

        // Get current form if it exists, or create new one
        if($stateParams.formId){
            $scope.form = {};
            var _form = Forms.get({ formId: $stateParams.formId}, function(form){
                _form.pdf = form.pdf;
                _form.$save();

                $scope.form = angular.fromJson(angular.toJson(_form));
                console.log(JSON.stringify($scope.form.pdf));
            });
        } else {
            $scope.form = {};
            $scope.form.form_fields = [];
            $scope.isNewForm = true;
        }

        //PDF Functions
        $scope.cancelUpload = function(){
            _current_upload.abort();
            $scope.pdfLoading = false;
        };

        $scope.removePDF = function(){
            $scope.form.pdf = null;
            $scope.isGenerated = false;
            $scope.autofillPDFs = false;

            console.log('form.pdf: '+$scope.form.pdf+' REMOVED');
        };

        $scope.uploadPDF = function(files) {

            if (files && files.length) {
                // for (var i = 0; i < files.length; i++) {
                var file = files[0];
                _current_upload = Upload.upload({
                    url: '/upload/pdf',
                    fields: {
                        'user': $scope.user,
                        'form': $scope.form
                    },
                    file: file
                }).progress(function (evt) {
                    var progressPercentage = parseInt(100.0 * evt.loaded / evt.total);
                    $scope.log = 'progress: ' + progressPercentage + '% ' +
                                evt.config.file.name + '\n' + $scope.log;
                    $scope.pdfLoading = true;
                }).success(function (data, status, headers, config) {
                    $scope.log = 'file ' + data.originalname + 'uploaded as '+ data.name +'. JSON: ' + JSON.stringify(data) + '\n' + $scope.log;
                    $scope.form.pdf = data;
                    $scope.pdfLoading = false;

                    console.log($scope.log);
                    console.log('$scope.pdf: '+$scope.form.pdf.name);
                    if(!$scope.$$phase) {
                        $scope.$apply();
                    }
                }).error(function(err){
                    $scope.pdfLoading = false;
                    console.log('Error occured during upload.\n');
                    console.log(err);
                });
                // }
            }
        };

        $scope.goToWithId = function(route, id) {
            $state.go(route, {'formId': id}, {reload: true});
        };

        // Create new Form
        $scope.createOrUpdate = function() {

            if($scope.isNewForm){
                // Create new Form object
                var form = new Forms($scope.form);

                form.$save(function(response) {

                    console.log('form created');
                    // console.log(response.pdf);

                    // Clear form fields
                    $scope.form = {};

                    // Redirect after save 
                    $scope.goToWithId('viewForm', response._id);

                }, function(errorResponse) {
                    console.log(errorResponse.data.message);
                    $scope.error = errorResponse.data.message;
                });
            } else{
                console.log('update form');
                $scope.update();
            }
        };

        // Update existing Form
        $scope.update = function() {
            var form = new Forms($scope.form);
            form.$update(function(response) {
                console.log('form updated');
                $scope.goToWithId('viewForm', response._id);
                // $location.path('forms/' + response._id + '/admin');
            }, function(errorResponse) {
                console.log(errorResponse.data.message);
                $scope.error = errorResponse.data.message;
            });
        };

        //Populate AddField with all available form field types
        $scope.addField = {};
        $scope.addField.types = FormFields.fields;
        $scope.addField.new = $scope.addField.types[0].name;
        $scope.addField.lastAddedID = 0;

        // preview form mode
        $scope.previewMode = false;

        // previewForm - for preview purposes, form will be copied into this
        // otherwise, actual form might get manipulated in preview mode
        $scope.previewForm = {};


        // accordion settings
        $scope.accordion = {};
        $scope.accordion.oneAtATime = true;

        // create new field button click
        $scope.addNewField = function(){

            // incr field_id counter
            $scope.addField.lastAddedID++;

            var newField = {
                'title' : 'New field - ' + ($scope.addField.lastAddedID),
                'fieldType' : $scope.addField.new,
                'fieldValue' : '',
                'required' : true,
    			'disabled' : false
            };

            // put newField into fields array
            $scope.form.form_fields.push(newField);
            // console.log($scope.form.form_fields);
        };

        // deletes particular field on button click
        $scope.deleteField = function (field_id){
            for(var i = 0; i < $scope.form.form_fields.length; i++){
                if($scope.form.form_fields[i].field_id === field_id){
                    $scope.form.form_fields.splice(i, 1);
                    break;
                }
            }
        };

        // add new option to the field
        $scope.addOption = function (field){
            if(!field.field_options)
                field.field_options = [];

            var lastOptionID = 0;

            if(field.field_options[field.field_options.length-1])
                lastOptionID = field.field_options[field.field_options.length-1].option_id;

            // new option's id
            var option_id = lastOptionID + 1;

            var newOption = {
                'option_id' : option_id,
                'option_title' : 'Option ' + option_id,
                'option_value' : option_id
            };

            // put new option into field_options array
            field.field_options.push(newOption);
        };

        // delete particular option
        $scope.deleteOption = function (field, option){
            for(var i = 0; i < field.field_options.length; i++){
                if(field.field_options[i].option_id === option.option_id){
                    field.field_options.splice(i, 1);
                    break;
                }
            }
        };


        // preview form
        $scope.previewOn = function(){
            if($scope.form.form_fields === null || $scope.form.form_fields.length === 0) {
                var title = 'Error';
                var msg = 'No fields added yet, please add fields to the form before preview.';
                var btns = [{result:'ok', label: 'OK', cssClass: 'btn-primary'}];

                // $dialog.messageBox(title, msg, btns).open();
            }
            else {
                $scope.previewMode = !$scope.previewMode;
                $scope.form.submitted = false;
                angular.copy($scope.form, $scope.previewForm);
            }
        };

        // hide preview form, go back to create mode
        $scope.previewOff = function(){
            $scope.previewMode = !$scope.previewMode;
            $scope.form.submitted = false;
        };

        // decides whether field options block will be shown (true for dropdown and radio fields)
        $scope.showAddOptions = function (field){
            if(field.field_type === 'radio' || field.field_type === 'dropdown')
                return true;
            else
                return false;
        };
    }
]);