diff --git a/app/controllers/admin/indexes/item/documents/document.js b/app/controllers/admin/indexes/item/documents/document.js
index 66d3dc0..5b293f6 100644
--- a/app/controllers/admin/indexes/item/documents/document.js
+++ b/app/controllers/admin/indexes/item/documents/document.js
@@ -6,6 +6,9 @@ export default class AdminIndexesItemDocumentsDocumentController extends Control
   save(event) {
     event.preventDefault();
 
-    this.model.index.saveDocument(this.model.document);
+    const formData = new FormData(event.currentTarget);
+    const data = formData.get('document');
+
+    this.model.index.saveDocument(data);
   }
 }
diff --git a/app/models/index.js b/app/models/index.js
index 724107c..bb41faa 100644
--- a/app/models/index.js
+++ b/app/models/index.js
@@ -1,3 +1,4 @@
+import jsonParse from '../helpers/json-parse';
 import query from '../utils/query';
 // import { TrackedArray } from 'tracked-built-ins';
 // import { trackedFunction } from 'ember-resources/util/function';
@@ -40,8 +41,8 @@ export default class Index {
 
   saveDocument(document) {
     return query(`${this.path}/documents`, {
-      method: 'PUT',
-      body: JSON.stringify(document),
+      method: 'POST',
+      body: JSON.stringify([JSON.parse(document)]),
     });
   }
 
diff --git a/app/router.js b/app/router.js
index 06aad4e..76296b9 100644
--- a/app/router.js
+++ b/app/router.js
@@ -15,6 +15,7 @@ Router.map(function () {
         this.route('edit');
         this.route('documents', function () {
           this.route('document', { path: '/:document_id' });
+          this.route('new');
         });
       });
       this.route('new');
diff --git a/app/routes/admin/indexes/item/documents/new.js b/app/routes/admin/indexes/item/documents/new.js
new file mode 100644
index 0000000..a57fad3
--- /dev/null
+++ b/app/routes/admin/indexes/item/documents/new.js
@@ -0,0 +1,17 @@
+import Route from '@ember/routing/route';
+import Document from '../../../../../models/document';
+import { hash } from 'rsvp';
+
+export default class AdminIndexesItemDocumentsNewRoute extends Route {
+  templateName = 'admin.indexes.item.documents.document';
+  controllerName = 'admin.indexes.item.documents.document';
+
+  model() {
+    const index = this.modelFor('admin.indexes.item');
+
+    return hash({
+      index,
+      document: new Document(),
+    });
+  }
+}
diff --git a/app/templates/admin/indexes/item/documents/document.hbs b/app/templates/admin/indexes/item/documents/document.hbs
index 8c8918c..f65b58a 100644
--- a/app/templates/admin/indexes/item/documents/document.hbs
+++ b/app/templates/admin/indexes/item/documents/document.hbs
@@ -1,29 +1,5 @@
 <form {{on 'submit' this.save}}>
-  {{#each-in @model.document as |key value|}}
-    {{#let (type-of value) as |type|}}
-      {{#if (eq 'number' type)}}
-        <InputText
-          @label={{capitalize key}}
-          @value={{value}}
-          @onChange={{set @model.document key}}
-        />
-      {{else if (eq 'boolean' type)}}
-        <InputCheckbox
-          @label={{capitalize key}}
-          @checked={{value}}
-          @onChange={{set @model.document key}}
-        />
-      {{else if (eq '_geo' key)}}
-        {{!-- TODO: add map --}}
-      {{else}}
-        <InputTextarea
-          @label={{capitalize key}}
-          @value={{value}}
-          @onChange={{set @model.document key}}
-        />
-      {{/if}}
-    {{/let}}
-  {{/each-in}}
+  <InputTextarea @name='document' @value={{stringify @model.document}} />
 
   <Button type='submit' @text='Save' @style='primary' />
 </form>
diff --git a/app/templates/admin/indexes/item/documents/index.hbs b/app/templates/admin/indexes/item/documents/index.hbs
index 4712113..532dfc7 100644
--- a/app/templates/admin/indexes/item/documents/index.hbs
+++ b/app/templates/admin/indexes/item/documents/index.hbs
@@ -17,6 +17,10 @@
   </div>
 </div> --}}
 
+<LinkTo @route='admin.indexes.item.documents.new' @model={{@model.index}} class='block mb-4'>
+  Create new document
+</LinkTo>
+
 {{#if (gt @model.data.estimatedTotalHits 0)}}
   <RoyalTable
     @data={{@model.data.hits}}
diff --git a/app/templates/admin/indexes/item/documents/new.hbs b/app/templates/admin/indexes/item/documents/new.hbs
new file mode 100644
index 0000000..e2147ca
--- /dev/null
+++ b/app/templates/admin/indexes/item/documents/new.hbs
@@ -0,0 +1 @@
+{{outlet}}
\ No newline at end of file
diff --git a/app/templates/admin/tasks/index.hbs b/app/templates/admin/tasks/index.hbs
index 0905823..0b18032 100644
--- a/app/templates/admin/tasks/index.hbs
+++ b/app/templates/admin/tasks/index.hbs
@@ -6,7 +6,12 @@
     <Column @prop='indexUid' />
     <Column @prop='status' />
     <Column @prop='type' />
-    <Column @prop='details' />
+    <Column @prop='details'>
+      {{stringify data.details}}
+    </Column>
+    <Column @prop='error'>
+      {{stringify data.error}}
+    </Column>
     <Column @prop='duration' />
     <Column @prop='enqueuedAt'>
       {{date-time-format
diff --git a/tests/unit/routes/admin/indexes/item/documents/new-test.js b/tests/unit/routes/admin/indexes/item/documents/new-test.js
new file mode 100644
index 0000000..10655c6
--- /dev/null
+++ b/tests/unit/routes/admin/indexes/item/documents/new-test.js
@@ -0,0 +1,11 @@
+import { module, test } from 'qunit';
+import { setupTest } from 'meiliadmin/tests/helpers';
+
+module('Unit | Route | admin/indexes/item/documents/new', function (hooks) {
+  setupTest(hooks);
+
+  test('it exists', function (assert) {
+    let route = this.owner.lookup('route:admin/indexes/item/documents/new');
+    assert.ok(route);
+  });
+});