diff --git a/lootalot_db/src/lib.rs b/lootalot_db/src/lib.rs
index 83a1d20..3509296 100644
--- a/lootalot_db/src/lib.rs
+++ b/lootalot_db/src/lib.rs
@@ -138,7 +138,7 @@ impl<'q> AsPlayer<'q> {
             if let Ok((item, diff)) = self.conn.transaction(|| {
                 use schema::looted::dsl::*;
                 let item = schema::items::table.find(item_id).first::<models::Item>(self.conn)?;
-                let new_item = models::item::NewLoot::to_player(self.id, (&item.name, item.base_price));
+                let new_item = models::item::NewLoot::to_player(self.id, &item);
                 diesel::insert_into(schema::looted::table)
                     .values(&new_item)
                     .execute(self.conn)?;
@@ -285,8 +285,8 @@ impl<'q> AsAdmin<'q> {
     ///
     /// # Params
     /// List of (name, base_price) values for the new items
-    pub fn add_loot(self, items: Vec<(&str, i32)>) -> ActionResult<()> {
-        for item_desc in items.into_iter() {
+    pub fn add_loot(self, items: Vec<models::item::Item>) -> ActionResult<()> {
+        for item_desc in items.iter() {
             let new_item = models::item::NewLoot::to_group(item_desc);
             diesel::insert_into(schema::looted::table)
                 .values(&new_item)
diff --git a/lootalot_db/src/models/item.rs b/lootalot_db/src/models/item.rs
index bce60f3..5389d4e 100644
--- a/lootalot_db/src/models/item.rs
+++ b/lootalot_db/src/models/item.rs
@@ -12,7 +12,7 @@ type OwnedBy = Select<OwnedLoot, ItemColumns>;
 /// It is also used as a public representation of Loot, since owner
 /// information is implicit.
 /// Or maybe this is a little too confusing ??
-#[derive(Debug, Queryable, Serialize)]
+#[derive(Debug, Queryable, Serialize, Deserialize, Clone)]
 pub struct Item {
     pub id: i32,
     pub name: String,
@@ -54,9 +54,6 @@ impl Loot {
     }
 }
 
-/// Description of an item : (name, value in gold)
-pub type ItemDesc<'a> = (&'a str, i32);
-
 /// An item being looted or bought.
 ///
 /// The owner is set to 0 in case of looting,
@@ -71,19 +68,19 @@ pub(crate) struct NewLoot<'a> {
 
 impl<'a> NewLoot<'a> {
     /// A new loot going to the group (loot procedure)
-    pub(crate) fn to_group(desc: ItemDesc<'a>) -> Self {
+    pub(crate) fn to_group(desc: &'a Item) -> Self {
         Self {
-            name: desc.0,
-            base_price: desc.1,
+            name: &desc.name,
+            base_price: desc.base_price,
             owner_id: 0,
         }
     }
 
     /// A new loot going to a specific player (buy procedure)
-    pub(crate) fn to_player(player: i32, desc: ItemDesc<'a>) -> Self {
+    pub(crate) fn to_player(player: i32, desc: &'a Item) -> Self {
         Self {
-            name: desc.0,
-            base_price: desc.1,
+            name: &desc.name,
+            base_price: desc.base_price,
             owner_id: player,
         }
     }
diff --git a/lootalot_db/src/models/mod.rs b/lootalot_db/src/models/mod.rs
index 32afa0f..33147a4 100644
--- a/lootalot_db/src/models/mod.rs
+++ b/lootalot_db/src/models/mod.rs
@@ -3,6 +3,6 @@ pub(super) mod item;
 pub(super) mod player;
 
 pub use claim::Claim;
-pub use item::Item;
+pub use item::{Item};
 pub(crate) use item::Loot;
 pub use player::{Player, Wealth};
diff --git a/lootalot_front/src/App.vue b/lootalot_front/src/App.vue
index fcf96b5..06aa34e 100644
--- a/lootalot_front/src/App.vue
+++ b/lootalot_front/src/App.vue
@@ -56,14 +56,12 @@
       </nav>
       <main class="section">
         <template v-if="isAdding">
-          <div v-if="playerIsGroup" class="box">
-            <ItemInput v-if="playerIsGroup"
-              :source="state.inventory"
-              @addItem="item => pending_loot.push(item)"
-            ></ItemInput>
-            <button>Envoyer</button>
-          </div>
-          <AddingChest 
+          <Loot v-if="playerIsGroup"
+            :inventory="state.inventory"
+            @addItem="item => pending_loot.push(item)"
+            @confirmAction="addNewLoot"
+          ></Loot>
+          <AddingChest
               :items="playerIsGroup ? pending_loot : state.inventory"
               :perms="playerIsGroup ? {} : { canBuy: true }"
               @buy="(data) => { switchView('player'); actions.buyItems(data); }">
@@ -89,8 +87,8 @@ import PlayerView from './components/PlayerView.js'
 import HeaderBar from './components/HeaderBar.vue'
 import Wealth from './components/Wealth.vue'
 import Chest from './components/Chest.vue'
-import ItemInput from './components/ItemInput.vue'
-import { AppStorage } from './AppStorage'
+import Loot from './components/Loot.vue'
+import { Api, AppStorage } from './AppStorage'
 
 function getCookie(cname) {
   var name = cname + "=";
@@ -124,7 +122,7 @@ export default {
     'AddingChest': Chest, // Alias to prevent component re-use 
     Chest,
     Wealth,
-    ItemInput,
+    Loot,
   },
   created () {
     // Initiate with active player set to value found in cookie
@@ -149,7 +147,16 @@ export default {
         }
         this.activeView = viewId;
     },
-    switchPlayerChestVisibility () { AppStorage.switchPlayerChestVisibility(); },
+    switchPlayerChestVisibility () {
+        AppStorage.switchPlayerChestVisibility();
+    },
+    addNewLoot () {
+        Api.newLoot(this.pending_loot)
+           .then(_ => {
+               this.pending_loot = []
+               this.switchView('group');
+           });
+    }
   },
   computed: {
     showPlayerChest () { return this.activeView == 'player' },
diff --git a/lootalot_front/src/AppStorage.js b/lootalot_front/src/AppStorage.js
index 9e1c432..160140c 100644
--- a/lootalot_front/src/AppStorage.js
+++ b/lootalot_front/src/AppStorage.js
@@ -52,7 +52,9 @@ export const Api = {
   sellItems (player_id, items) {
       const payload = { player_id, items };
       return this.__doFetch("players/sell", 'POST', payload);
-
+  },
+  newLoot (items) {
+    return this.__doFetch("admin/add-loot", 'POST', items);
   },
 };
 
@@ -165,6 +167,9 @@ export const AppStorage = {
                     if (this.debug) console.log("cancel a non-existent request")
                 }
           });
-    }
+    },
+    addNewLoot (items) {
+      return Api.newLoot(items);
+    },
 }
 
diff --git a/lootalot_front/src/components/ItemInput.vue b/lootalot_front/src/components/ItemInput.vue
index ac6965f..aeff67a 100644
--- a/lootalot_front/src/components/ItemInput.vue
+++ b/lootalot_front/src/components/ItemInput.vue
@@ -1,44 +1,51 @@
 <template>
-    <div class="container is-paddingless">
-        <p class="heading">Ajouter un objet</p>
-        <div class="field">
-            <label for="item_name" class="label">Nom</label>
-            <div class="control is-expanded" :class="{'is-loading': is_loading }">
-            <input type="text"
-                id="item_name"
-                v-model="item.name"
-                @input="autoCompletion"
-                class="input"
-                autocomplete="on"
-            ></input>
-            </div>
-            <div class="dropdown" :class="{'is-active': showCompletionFrame}">
-                <div class="dropdown-menu">
-                    <div class="dropdown-content">
-                        <a v-for="(result,i) in results"
-                            :key="i"
-                            @click="setResult(result)"
-                            class="dropdown-item"
-                        >{{ result.name }}</a>
+    <div class="field is-horizontal">
+        <div class="field-label">
+            <label class="label">Nouvel objet</label>
+        </div>
+        <div class="field-body">
+            <div class="field">
+                <div class="control is-expanded">
+                    <input type="text"
+                        placeholder="Nom de l'objet"
+                        v-model="item.name"
+                        @input="autoCompletion"
+                        class="input"
+                        autocomplete="on"
+                    >
+                </div>
+                <div class="dropdown" :class="{'is-active': showCompletionFrame}">
+                    <div class="dropdown-menu">
+                        <div class="dropdown-content">
+                            <a v-for="(result,i) in results"
+                                :key="i"
+                                @click="setResult(result)"
+                                class="dropdown-item"
+                            >{{ result.name }}</a>
+                        </div>
                     </div>
                 </div>
             </div>
-        </div>
-        <div class="field">
-            <div class="control">
-                <input type="text"
-                    class="input"
-                    :class="{'is-danger': item.base_price == ''}"
-                    v-model.number="item.base_price"
-                ></input>
+            <div class="field is-expanded has-addons" v-show="item.name != ''">
+                <p class="control"><a class="button is-static">PO</a></p>
+                <p class="control">
+                    <input type="text"
+                        placeholder="Prix"
+                        class="input"
+                        :class="{'is-danger': item.base_price == ''}"
+                        v-model.number="item.base_price"
+                    >
+                </p>
             </div>
-            <div class="control">
-            <button class="button is-primary"
-                @click="addItem"
-            >+</button>
+            <div class="field">
+                <div class="control">
+                    <button class="button is-primary"
+                        @click="addItem"
+                        :disabled="!isItemValid"
+                    >Ajouter</button>
+                </div>
             </div>
         </div>
-
     </div>
 </template>
 
@@ -49,6 +56,7 @@
             return {
                 is_loading: false,
                 item: {
+                    id: 0,
                     name: '',
                     base_price: '',
                 },
@@ -59,7 +67,6 @@
             autoCompletion () {
                 // Unset any previous value on input (for every field except item's name)
                 this.item.base_price = '';
-
                 if (this.item.name == '') {
                     this.results = [];
                 } else {
@@ -69,13 +76,13 @@
                 }
             },
             setResult(result) {
+                this.item.id = result.id;
                 this.item.name = result.name;
                 this.item.base_price = result.base_price;
                 // Clear results to close completionFrame
                 this.results = [];
             },
             addItem () {
-                // TODO: check item is valid
                 this.$emit("addItem", this.item);
                 this.item = {
                     name: '',
@@ -86,11 +93,15 @@
         },
         computed: {
             showCompletionFrame () { return this.results.length > 0 },
+            isItemValid () { return this.item.name != '' && this.item.base_price != '' },
         }
     }
 </script>
 
 <style scoped>
-    .dropdown, .dropdown-menu { min-width: 100%; margin-top: 0; padding-top: 0;}
-    /*.dropdown { top: -0.75rem; }*/
+.dropdown, .dropdown-menu {
+    min-width: 100%;
+    margin-top: 0;
+    padding-top: 0;
+}
 </style>
diff --git a/lootalot_front/src/components/Loot.vue b/lootalot_front/src/components/Loot.vue
index 97e0f20..56712b4 100644
--- a/lootalot_front/src/components/Loot.vue
+++ b/lootalot_front/src/components/Loot.vue
@@ -1,37 +1,33 @@
 <template>
-  <div>
-  <p class="heading has-text-left is-size-5">
-    Nouveau loot - {{ looted.length }} objet(s)</p>
-  <ItemInput @addItem="onAddItem" :source="inventory"></ItemInput>
-  <p v-for="(item, idx) in looted" :key="idx"
-     class="has-text-left is-size-5">
-    {{ item.name }} ({{ item.sell_value }}po)
-  </p>
+  <div class="box">
+    <ItemInput
+      @addItem="onAddItem"
+      :source="inventory"
+    ></ItemInput>
+    <div class="field is-horizontal">
+      <div class="field-label"><label class="label">ou</label></div>
+      <div class="field-body">
+        <div class="field">
+            <div class="control">
+                <button class="button is-primary">Depuis une liste</button>
+            </div>
+        </div>
+      </div>
+    </div>
+    <button class="button is-danger" @click="$emit('confirmAction')">Finaliser</button>
   </div>
 </template>
 
 <script>
     import ItemInput from './ItemInput.vue'
-    // List of items for autocomplete
-    const MOCK_ITEMS = [
-        {id: 35, name: "Cape d'invisibilité", sell_value: 30000}, 
-        {id: 8, name: "Arc long", sell_value: 10}, 
-        {id: 9, name: "Arc court", sell_value: 10}, 
-    ];
- 
+
     export default {
+        props: ["inventory"],
         components: { ItemInput },
-        data () { return {
-            looted: [],
-            inventory: MOCK_ITEMS,
-        }; 
-        },
+        data () { return {}; },
         methods: {
             onAddItem (item) {
-                this.looted.push(item);
-            },
-            onClose () {
-                this.$emit('done');
+                this.$emit('addItem', item);
             },
         }
 
diff --git a/src/server.rs b/src/server.rs
index 76e7aa1..157206a 100644
--- a/src/server.rs
+++ b/src/server.rs
@@ -3,6 +3,7 @@ use actix_files as fs;
 use actix_web::{web, App, Error, HttpResponse, HttpServer};
 use futures::Future;
 use lootalot_db::{DbApi, Pool, QueryResult};
+use lootalot_db::models::Item;
 use std::env;
 use serde::{Serialize, Deserialize};
 
@@ -162,6 +163,17 @@ pub(crate) fn serve() -> std::io::Result<()> {
                                 db_call(pool, move |api| api.as_admin().resolve_claims())
                             }),
                         )
+                        .route(
+                            "/add-loot",
+                            web::post().to_async(
+                                move |pool: AppPool, data: web::Json<Vec<Item>>| {
+                                    db_call(pool, move |api| api
+                                        .as_admin()
+                                        .add_loot(data.to_vec()),
+                                    )
+                                }
+                            )
+                        )
                         .route(
                             "/add-player",
                             web::get().to_async(