Template.modal_create_app.helpers({
  images: function () {
    return Images.find({status: 'READY'}, {sort: {createdAt: -1}});
  }
});

Template.modal_create_app.events({
  'submit #form-create-app': function (e) {
    var $form = $(e.currentTarget);
    var formData = $form.serializeObject();
    var validationResult = formValidate(formData, FormSchema.formCreateApp);
    if (validationResult.errors) {
      clearFormErrors($form);
      showFormErrors($form, validationResult.errors.details);
    } else {
      clearFormErrors($form);
      var cleaned = validationResult.cleaned;
      var appName = cleaned.name;
      var appPath = path.join(KITE_PATH, appName);
      if (!fs.existsSync(appPath)) {
        console.log('Created Kite ' + appName + ' directory.');
        fs.mkdirSync(appPath, function (err) {
          if (err) { throw err; }
        });
      }
      var appObj = {
        name: appName,
        imageId: cleaned.imageId,
        status: 'STARTING',
        config: {},
        path: appPath,
        logs: [],
        createdAt: new Date()
      };
      var appId = Apps.insert(appObj);
      Apps.update(appId, {
        $set: {
          'config.APP_ID': appId
        }
      });
      var app = Apps.findOne(appId);
      var image = Images.findOne(app.imageId);
      Util.copyVolumes(image.path, app.name);
      Docker.removeBindFolder(app.name, function (err) {
        if (err) { console.error(err); }
        AppUtil.run(app, function (err) {
          if (err) { console.error(err); }
        });
      });
      $('#modal-create-app').bind('hidden.bs.modal', function () {
        $('#slug-create-app-name').html('');
        resetForm($form);
        $('#image-picker').find('.fa-check-square-o').hide();
        $('#image-picker').find('.fa-square-o').show();
        Router.go('dashboard_apps');
      }).modal('hide');
    }
    e.preventDefault();
    e.stopPropagation();
    return false;
  },
  'keyup #form-create-app input[name="name"]': function (e) {
    var $input = $(e.currentTarget);
    var slug = _($input.val()).slugify();
    if (slug) {
      $('#slug-create-app-name').html('Name will be created as: <strong>' + slug + '</strong>');
    } else {
      $('#slug-create-app-name').html('');
    }
  },
  'click .pick-image': function (e) {
    var $btn = $(e.currentTarget);
    $('#form-create-app').find('input[name="imageId"]').val(this._id);
    $('#image-picker').find('.fa-check-square-o').hide();
    $('#image-picker').find('.fa-square-o').show();
    $btn.find('.fa-square-o').hide();
    $btn.find('.fa-check-square-o').show();
  },
  'click .btn-create-image': function () {
    $('#modal-create-app').bind('hidden.bs.modal', function () {
      $('#modal-create-image').modal('show');
    }).modal('hide');
  }
});