diff --git a/assets/scripts/dist/bundle.js b/assets/scripts/dist/bundle.js
index bc3a252a..159a6b78 100644
--- a/assets/scripts/dist/bundle.js
+++ b/assets/scripts/dist/bundle.js
@@ -1 +1 @@
-!function(e){function t(i){if(n[i])return n[i].exports;var o=n[i]={exports:{},id:i,loaded:!1};return e[i].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var n={};return t.m=e,t.c=n,t.p="/assets/scripts/dist/",t(0)}([function(e,t,n){e.exports=n(1)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0}),t.Choices=void 0;var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),s=n(2),a=n(13),c=i(a),u=n(14),l=n(15),d=t.Choices=function(){function e(t){o(this,e);var n=document.createElement("fakeel"),i=t||{},r={element:document.querySelector("[data-choice]"),items:[],addItems:!0,removeItems:!0,editItems:!1,maxItems:!1,delimiter:",",allowDuplicates:!0,regexFilter:!1,debug:!1,placeholder:!1,prependValue:!1,appendValue:!1,selectAll:!0,callbackOnInit:function(){},callbackOnRender:function(){},callbackOnRemoveItem:function(){},callbackOnAddItem:function(){}};this.initialised=!1,this.options=(0,l.extend)(r,i||{}),this.store=(0,s.createStore)(c.default),this.supports="querySelector"in document&&"addEventListener"in document&&"classList"in n,this.passedInput=this.options.element,this.presetItems=[],this.options.items.length?this.presetItems=this.options.items:""!==this.passedInput.value&&(this.presetItems=this.passedInput.value.split(this.options.delimiter)),this.init=this.init.bind(this),this.render=this.render.bind(this),this.destroy=this.destroy.bind(this),this.onKeyDown=this.onKeyDown.bind(this),this.onClick=this.onClick.bind(this),this.onFocus=this.onFocus.bind(this),this.onBlur=this.onBlur.bind(this),this.init()}return r(e,[{key:"isDisabled",value:function(){return!!this.input.disabled}},{key:"isEmpty",value:function(){return 0===this.store.getState().length}},{key:"onKeyDown",value:function(e){var t=this,n=this.store.getState(),i=e.ctrlKey||e.metaKey,o=8,r=13,s=65;if(e.target===this.input){if(i&&e.keyCode===s&&this.list&&this.list.children){var a=function(){t.options.removeItems&&!t.input.value&&t.options.selectAll&&t.input===document.activeElement&&t.selectAll(t.list.children)};a()}e.keyCode===r&&e.target.value&&!function(){var e=t.input.value,i=function(){var i=!0;if(t.options.maxItems&&t.options.maxItems<=t.list.children.length&&(i=!1),t.options.allowDuplicates===!1&&t.passedInput.value&&(i=!n.some(function(t){return t.value===e})),i&&t.options.addItems&&"text"===t.passedInput.type){var o=!0;t.options.regexFilter&&(o=t.regexFilter(e)),o&&(t.addItem(e),t.clearInput(t.passedInput))}};i()}()}if(e.keyCode===o&&!e.target.value){var c=function(){if(t.options.removeItems){var e=t.list.querySelectorAll("[data-choice-item]"),n=t.list.querySelectorAll(".is-selected"),i=e[e.length-1],o=t.input===document.activeElement;i&&!t.options.editItems&&o&&t.options.removeItems&&t.selectItem(i),t.options.removeItems&&t.options.editItems&&i&&0===n.length&&o?(t.input.value=i.innerHTML,t.removeItem(i)):t.removeAll(e)}};c(),e.preventDefault()}}},{key:"onClick",value:function(e){var t=this;if(e.target.hasAttribute("data-choice-item")){var n=e.target,i=function(e){if(t.options.removeItems)for(var n=e.getAttribute("data-choice-id"),i=t.list.children,o=0;o<i.length;o++){var r=i[o],s=r.getAttribute("data-choice-id");s!==n||r.classList.contains("is-selected")?t.deselectItem(r):t.selectItem(r)}};i(n)}}},{key:"onFocus",value:function(e){this.dropdown&&this.toggleDropdown()}},{key:"onBlur",value:function(e){this.dropdown&&this.toggleDropdown()}},{key:"clearInput",value:function(){this.input.value&&(this.input.value="")}},{key:"regexFilter",value:function(e){var t=new RegExp(this.options.regexFilter,"i"),n=t.test(e);return n}},{key:"getItemByValue",value:function(e){var t=this.store.getState(),n=t.find(function(t){return t.value===e}),i=this.list.querySelector("[data-choice-id='"+n.id+"']");return i}},{key:"selectItem",value:function(e){var t=e.getAttribute("data-choice-id");this.store.dispatch((0,u.selectItemFromStore)(t,!0))}},{key:"deselectItem",value:function(e){var t=e.getAttribute("data-choice-id");this.store.dispatch((0,u.selectItemFromStore)(t,!1))}},{key:"selectAll",value:function(e){for(var t=0;t<e.length;t++){var n=e[t];this.selectItem(n)}}},{key:"addItem",value:function(e){this.options.debug&&console.debug("Add item");var t=e;this.options.prependValue&&(t=this.options.prependValue+t.toString()),this.options.appendValue&&(t+=this.options.appendValue.toString());var n=this.store.getState().length+1;this.options.callbackOnAddItem&&((0,l.isType)("Function",this.options.callbackOnAddItem)?this.options.callbackOnAddItem(n,e):console.error("callbackOnAddItem: Callback is not a function")),this.store.dispatch((0,u.addItemToStore)(t,n))}},{key:"removeItem",value:function(e){if(!e)return void console.error("removeItem: No item or value was passed to be removed");var t=void 0;if(e.nodeType)t=e;else for(var n=this.list.children.length-1;n>=0;n--){var i=this.list.children[n];if(i.innerHTML===e.toString()){t=i;break}}if(t){var o=t.getAttribute("data-choice-id"),r=t.innerHTML;this.options.callbackOnRemoveItem&&((0,l.isType)("Function",this.options.callbackOnRemoveItem)?this.options.callbackOnRemoveItem(r):console.error("callbackOnRemoveItem: Callback is not a function")),this.store.dispatch((0,u.removeItemFromStore)(o))}else console.error("Item not found")}},{key:"removeAll",value:function(e){for(var t=0;t<e.length;t++){var n=e[t];n.classList.contains("is-selected")&&this.removeItem(n)}}},{key:"toggleDropdown",value:function(){if(!this.dropdown)return void console.error("No dropdown set");var e=this.dropdown.classList.contains("is-active");this.dropdown.classList[e?"remove":"add"]("is-active")}},{key:"addItemToDropdown",value:function(e){var t=(0,l.strToEl)('<li class="choices__item choices__item--selectable" data-choice-selectable data-choice-value="'+e+'">'+e+"</li>");this.dropdown.appendChild(t)}},{key:"renderTextInput",value:function(){var e=this,t=(0,l.strToEl)('<div class="choices choices--active"></div>'),n=(0,l.strToEl)('<div class="choices__inner"></div>');this.passedInput.classList.add("choices__input","choices__input--hidden"),this.passedInput.tabIndex="-1",this.passedInput.setAttribute("style","display:none;"),this.passedInput.setAttribute("aria-hidden","true"),(0,l.wrap)(this.passedInput,n),(0,l.wrap)(n,t);var i=(0,l.strToEl)('<div class="choices__list choices__list--items"></div>'),o=(0,l.strToEl)('<input type="text" class="choices__input choices__input--cloned">');this.passedInput.placeholder&&(o.placeholder=this.passedInput.placeholder),this.options.addItems||(o.disabled=!0,t.classList.add("is-disabled")),t.appendChild(n),n.appendChild(i),n.appendChild(o),this.containerOuter=t,this.containerInner=n,this.input=o,this.list=i,this.presetItems.forEach(function(t){e.addItem(t)}),this.store.subscribe(this.render),this.render(),this.addEventListeners()}},{key:"renderMultipleSelectInput",value:function(){var e=this,t=(0,l.strToEl)('<div class="choices choices--active"></div>'),n=(0,l.strToEl)('<div class="choices__inner"></div>');this.passedInput.classList.add("choices__input","choices__input--hidden"),this.passedInput.tabIndex="-1",this.passedInput.setAttribute("style","display:none;"),this.passedInput.setAttribute("aria-hidden","true"),(0,l.wrap)(this.passedInput,n),(0,l.wrap)(n,t);var i=(0,l.strToEl)('<div class="choices__list choices__list--items"></div>'),o=(0,l.strToEl)('<input type="text" class="choices__input choices__input--cloned">'),r=(0,l.strToEl)('<div class="choices__list choices__list--dropdown"></div>');o.placeholder&&(o.placeholder=this.passedInput.placeholder),this.options.addItems||(o.disabled=!0),t.appendChild(n),t.appendChild(r),n.appendChild(i),n.appendChild(o),this.containerOuter=t,this.containerInner=n,this.input=o,this.list=i,this.dropdown=r,this.presetItems.forEach(function(t){e.addItem(t)});for(var s=this.passedInput.options,a=0;a<s.length;a++){var c=s[a];this.addItemToDropdown(c.value)}this.store.subscribe(this.render),this.render(),this.addEventListeners()}},{key:"addEventListeners",value:function(){document.addEventListener("keydown",this.onKeyDown),this.list.addEventListener("click",this.onClick),this.input.addEventListener("focus",this.onFocus),this.input.addEventListener("blur",this.onBlur)}},{key:"removeEventListeners",value:function(){document.removeEventListener("keydown",this.onKeyDown),this.list.removeEventListener("click",this.onClick),this.input.removeEventListener("focus",this.onFocus),this.input.removeEventListener("blur",this.onBlur)}},{key:"render",value:function(){var e=this,t=this.store.getState(),n=t.reduce(function(e,t){return e.push(t.value),e},[]);this.passedInput.value=n.join(this.options.delimiter),this.list.innerHTML="",t.forEach(function(t){if(t.active){var n=(0,l.strToEl)('<div class="choices__item '+(e.options.removeItems?"choices__item--selectable":"")+" "+(t.selected?"is-selected":"")+'" data-choice-item data-choice-id="'+t.id+'" data-choice-selected="'+t.selected+'">'+t.value+"</div>");e.list.appendChild(n)}}),console.log(t)}},{key:"renderInput",value:function(e){switch(this.options.debug&&console.debug("Render"),e.type){case"text":this.renderTextInput();break;case"select-one":break;case"select-multiple":this.renderMultipleSelectInput();break;default:this.renderTextInput()}}},{key:"init",value:function(){this.supports||console.error("init: Your browser doesn'nt support shit"),this.initialised=!0,this.renderInput(this.passedInput)}},{key:"destroy",value:function(){this.options=null,this.passedInput=null,this.initialised=null}}]),e}();document.addEventListener("DOMContentLoaded",function(){var e=document.getElementById(1),t=document.getElementById(2),n=document.getElementById(3),i=document.getElementById(4),o=document.getElementById(5),r=document.getElementById(6),s=document.getElementById(7),a=(new d({element:e,delimiter:" ",editItems:!0,maxItems:5,callbackOnRemoveItem:function(e){console.log(e)},callbackOnAddItem:function(e,t){console.log(e,t)}}),new d({element:t,allowDuplicates:!1,editItems:!0}),new d({element:n,allowDuplicates:!1,editItems:!0,regexFilter:/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/}),new d({element:i,addItems:!1,removeItems:!1}),new d({element:o,prependValue:"item-",appendValue:"-"+Date.now()}),new d({element:r,items:["josh@joshuajohnson.co.uk","joe@bloggs.co.uk"]}));new d({element:s});a.addItem("josh2@joshuajohnson.co.uk"),a.removeItem("josh@joshuajohnson.co.uk"),console.log(a.getItemByValue("josh2@joshuajohnson.co.uk"))})},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0,t.compose=t.applyMiddleware=t.bindActionCreators=t.combineReducers=t.createStore=void 0;var o=n(3),r=i(o),s=n(8),a=i(s),c=n(10),u=i(c),l=n(11),d=i(l),p=n(12),h=i(p),f=n(9);i(f);t.createStore=r.default,t.combineReducers=a.default,t.bindActionCreators=u.default,t.applyMiddleware=d.default,t.compose=h.default},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n){function i(){f===h&&(f=h.slice())}function r(){return p}function c(e){if("function"!=typeof e)throw new Error("Expected listener to be a function.");var t=!0;return i(),f.push(e),function(){if(t){t=!1,i();var n=f.indexOf(e);f.splice(n,1)}}}function u(e){if(!(0,s.default)(e))throw new Error("Actions must be plain objects. Use custom middleware for async actions.");if("undefined"==typeof e.type)throw new Error('Actions may not have an undefined "type" property. Have you misspelled a constant?');if(v)throw new Error("Reducers may not dispatch actions.");try{v=!0,p=d(p,e)}finally{v=!1}for(var t=h=f,n=0;n<t.length;n++)t[n]();return e}function l(e){if("function"!=typeof e)throw new Error("Expected the nextReducer to be a function.");d=e,u({type:a.INIT})}if("function"==typeof t&&"undefined"==typeof n&&(n=t,t=void 0),"undefined"!=typeof n){if("function"!=typeof n)throw new Error("Expected the enhancer to be a function.");return n(o)(e,t)}if("function"!=typeof e)throw new Error("Expected the reducer to be a function.");var d=e,p=t,h=[],f=h,v=!1;return u({type:a.INIT}),{dispatch:u,subscribe:c,getState:r,replaceReducer:l}}t.__esModule=!0,t.ActionTypes=void 0,t.default=o;var r=n(4),s=i(r),a=t.ActionTypes={INIT:"@@redux/INIT"}},function(e,t,n){function i(e){if(!s(e)||p.call(e)!=a||r(e))return!1;var t=o(e);if(null===t)return!0;var n=l.call(t,"constructor")&&t.constructor;return"function"==typeof n&&n instanceof n&&u.call(n)==d}var o=n(5),r=n(6),s=n(7),a="[object Object]",c=Object.prototype,u=Function.prototype.toString,l=c.hasOwnProperty,d=u.call(Object),p=c.toString;e.exports=i},function(e,t){function n(e){return i(Object(e))}var i=Object.getPrototypeOf;e.exports=n},function(e,t){function n(e){var t=!1;if(null!=e&&"function"!=typeof e.toString)try{t=!!(e+"")}catch(n){}return t}e.exports=n},function(e,t){function n(e){return!!e&&"object"==typeof e}e.exports=n},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){var n=t&&t.type,i=n&&'"'+n.toString()+'"'||"an action";return'Reducer "'+e+'" returned undefined handling '+i+". To ignore an action, you must explicitly return the previous state."}function r(e){Object.keys(e).forEach(function(t){var n=e[t],i=n(void 0,{type:a.ActionTypes.INIT});if("undefined"==typeof i)throw new Error('Reducer "'+t+'" returned undefined during initialization. If the state passed to the reducer is undefined, you must explicitly return the initial state. The initial state may not be undefined.');var o="@@redux/PROBE_UNKNOWN_ACTION_"+Math.random().toString(36).substring(7).split("").join(".");if("undefined"==typeof n(void 0,{type:o}))throw new Error('Reducer "'+t+'" returned undefined when probed with a random type. '+("Don't try to handle "+a.ActionTypes.INIT+' or other actions in "redux/*" ')+"namespace. They are considered private. Instead, you must return the current state for any unknown actions, unless it is undefined, in which case you must return the initial state, regardless of the action type. The initial state may not be undefined.")})}function s(e){for(var t=Object.keys(e),n={},i=0;i<t.length;i++){var s=t[i];"function"==typeof e[s]&&(n[s]=e[s])}var a,c=Object.keys(n);try{r(n)}catch(u){a=u}return function(){var e=arguments.length<=0||void 0===arguments[0]?{}:arguments[0],t=arguments[1];if(a)throw a;for(var i=!1,r={},s=0;s<c.length;s++){var u=c[s],l=n[u],d=e[u],p=l(d,t);if("undefined"==typeof p){var h=o(u,t);throw new Error(h)}r[u]=p,i=i||p!==d}return i?r:e}}t.__esModule=!0,t.default=s;var a=n(3),c=n(4),u=(i(c),n(9));i(u)},function(e,t){"use strict";function n(e){"undefined"!=typeof console&&"function"==typeof console.error&&console.error(e);try{throw new Error(e)}catch(t){}}t.__esModule=!0,t.default=n},function(e,t){"use strict";function n(e,t){return function(){return t(e.apply(void 0,arguments))}}function i(e,t){if("function"==typeof e)return n(e,t);if("object"!=typeof e||null===e)throw new Error("bindActionCreators expected an object or a function, instead received "+(null===e?"null":typeof e)+'. Did you write "import ActionCreators from" instead of "import * as ActionCreators from"?');for(var i=Object.keys(e),o={},r=0;r<i.length;r++){var s=i[r],a=e[s];"function"==typeof a&&(o[s]=n(a,t))}return o}t.__esModule=!0,t.default=i},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}function o(){for(var e=arguments.length,t=Array(e),n=0;e>n;n++)t[n]=arguments[n];return function(e){return function(n,i,o){var s=e(n,i,o),c=s.dispatch,u=[],l={getState:s.getState,dispatch:function(e){return c(e)}};return u=t.map(function(e){return e(l)}),c=a.default.apply(void 0,u)(s.dispatch),r({},s,{dispatch:c})}}}var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e};t.__esModule=!0,t.default=o;var s=n(12),a=i(s)},function(e,t){"use strict";function n(){for(var e=arguments.length,t=Array(e),n=0;e>n;n++)t[n]=arguments[n];return function(){if(0===t.length)return arguments.length<=0?void 0:arguments[0];var e=t[t.length-1],n=t.slice(0,-1);return n.reduceRight(function(e,t){return t(e)},e.apply(void 0,arguments))}}t.__esModule=!0,t.default=n},function(e,t){"use strict";function n(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}Object.defineProperty(t,"__esModule",{value:!0});var i=function(){var e=arguments.length<=0||void 0===arguments[0]?[]:arguments[0],t=arguments[1];switch(t.type){case"ADD_ITEM":var i=[].concat(n(e),[{id:parseInt(t.id),value:t.value,active:!0,selected:!1}]);return i.map(function(e){return e.selected&&(e.selected=!1),e});case"REMOVE_ITEM":return e.map(function(e){return e.id===parseInt(t.id)&&(e.active=!1),e});case"SELECT_ITEM":return e.map(function(e){return e.id===parseInt(t.id)&&(e.selected=t.value),e});default:return e}};t.default=i},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.addItemToStore=function(e,t){return{type:"ADD_ITEM",value:e,id:t}},t.removeItemFromStore=function(e){return{type:"REMOVE_ITEM",id:e}},t.selectItemFromStore=function(e,t){return{type:"SELECT_ITEM",id:e,value:t}}},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=(t.hasClass=function(e,t){return new RegExp(" "+t+" ").test(" "+e.className+" ")},t.capitalise=function(e){return e.replace(/\w\S*/g,function(e){return e.charAt(0).toUpperCase()+e.substr(1).toLowerCase()})},t.isType=function(e,t){var n=Object.prototype.toString.call(t).slice(8,-1);return void 0!==t&&null!==t&&n===e}),i=(t.extend=function(){for(var e={},t=arguments.length,i=function(t){for(var n in t)e[n]=t[n]},o=0;t>o;o++){var r=arguments[o];n("Object",r)?i(r):console.error("Custom options must be an object")}return e},t.whichTransitionEvent=function(){var e,t=document.createElement("fakeelement"),n={transition:"transitionend",OTransition:"oTransitionEnd",MozTransition:"transitionend",WebkitTransition:"webkitTransitionEnd"};for(e in n)if(void 0!==t.style[e])return n[e]},t.whichAnimationEvent=function(){var e,t=document.createElement("fakeelement"),n={animation:"animationend",OAnimation:"oAnimationEnd",MozAnimation:"animationend",WebkitAnimation:"webkitAnimationEnd"};for(e in n)if(void 0!==t.style[e])return n[e]});t.getParentsUntil=function(e,t,n){for(var i=[];e&&e!==document;e=e.parentNode){if(t){var o=t.charAt(0);if("."===o&&e.classList.contains(t.substr(1)))break;if("#"===o&&e.id===t.substr(1))break;if("["===o&&e.hasAttribute(t.substr(1,t.length-1)))break;if(e.tagName.toLowerCase()===t)break}if(n){var r=n.charAt(0);"."===r&&e.classList.contains(n.substr(1))&&i.push(e),"#"===r&&e.id===n.substr(1)&&i.push(e),"["===r&&e.hasAttribute(n.substr(1,n.length-1))&&i.push(e),e.tagName.toLowerCase()===n&&i.push(e)}else i.push(e)}return 0===i.length?null:i},t.wrap=function(e,t){return t=t||document.createElement("div"),e.nextSibling?e.parentNode.insertBefore(t,e.nextSibling):e.parentNode.appendChild(t),t.appendChild(e)},t.getSiblings=function(e){for(var t=[],n=e.parentNode.firstChild;n;n=n.nextSibling)1===n.nodeType&&n!==e&&t.push(n);return t},t.findAncestor=function(e,t){for(;(e=e.parentElement)&&!e.classList.contains(t););return e},t.debounce=function(e,t,n){var i;return function(){var o=this,r=arguments,s=function(){i=null,n||e.apply(o,r)},a=n&&!i;clearTimeout(i),i=setTimeout(s,t),a&&e.apply(o,r)}},t.getElemDistance=function(e){var t=0;if(e.offsetParent)do t+=e.offsetTop,e=e.offsetParent;while(e);return t>=0?t:0},t.getElementOffset=function(e,t){var n=t;return n>1&&(n=1),n>0&&(n=0),Math.max(e.offsetHeight*n)},t.getScrollPosition=function(e){return"bottom"===e?Math.max((window.scrollY||window.pageYOffset)+(window.innerHeight||document.documentElement.clientHeight)):window.scrollY||window.pageYOffset},t.isInView=function(e,t,n){return this.getScrollPosition(t)>this.getElemDistance(e)+this.getElementOffset(e,n)},t.stripHTML=function(e){var t=document.createElement("DIV");return t.innerHTML=e,t.textContent||t.innerText||""},t.addAnimation=function(e,t){var n=i(),o=function r(){e.classList.remove(t),e.removeEventListener(n,r,!1)};e.classList.add(t),e.addEventListener(n,o,!1)},t.getRandomNumber=function(e,t){return Math.floor(Math.random()*(t-e)+e)},t.strToEl=function(){var e=document.createElement("div");return function(t){var n;for(e.innerHTML=t,n=e.children[0];e.firstChild;)e.removeChild(e.firstChild);return n}}(),t.getWidthOfInput=function(){var e=document.createElement("span");e.className="tmp-element",e.innerHTML=inputEl.value.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;"),document.body.appendChild(e);var t=e.getBoundingClientRect().width;return document.body.removeChild(e),t}}]);
\ No newline at end of file
+!function(e){function t(i){if(n[i])return n[i].exports;var o=n[i]={exports:{},id:i,loaded:!1};return e[i].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var n={};return t.m=e,t.c=n,t.p="/assets/scripts/dist/",t(0)}([function(e,t,n){e.exports=n(1)},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(t,"__esModule",{value:!0}),t.Choices=void 0;var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,n,i){return n&&e(t.prototype,n),i&&e(t,i),t}}(),s=n(2),a=n(13),c=i(a),u=n(14),l=n(15),d=t.Choices=function(){function e(){var t=arguments.length<=0||void 0===arguments[0]?"[data-choice]":arguments[0],n=arguments[1];o(this,e);var i=document.createElement("fakeel"),r=n||{};if((0,l.isType)("String",t)){var a=document.querySelectorAll(t);if(a.length>1)for(var u=1;u<a.length;u++){var d=a[u];new e(d,n)}}var h={items:[],addItems:!0,removeItems:!0,editItems:!1,maxItems:!1,delimiter:",",allowDuplicates:!0,regexFilter:!1,debug:!1,placeholder:!1,prependValue:!1,appendValue:!1,selectAll:!0,classNames:{},callbackOnInit:function(){},callbackOnRender:function(){},callbackOnRemoveItem:function(){},callbackOnAddItem:function(){}};this.initialised=!1,this.options=(0,l.extend)(h,r||{}),this.store=(0,s.createStore)(c.default),this.supports="querySelector"in document&&"addEventListener"in document&&"classList"in i,this.passedElement=(0,l.isType)("String",t)?document.querySelector(t):t,this.presetItems=[],this.options.items.length?this.presetItems=this.options.items:""!==this.passedElement.value&&(this.presetItems=this.passedElement.value.split(this.options.delimiter)),this.init=this.init.bind(this),this.render=this.render.bind(this),this.destroy=this.destroy.bind(this),this.onKeyDown=this.onKeyDown.bind(this),this.onClick=this.onClick.bind(this),this.onFocus=this.onFocus.bind(this),this.onBlur=this.onBlur.bind(this),this.init()}return r(e,[{key:"isDisabled",value:function(){return!!this.input.disabled}},{key:"isEmpty",value:function(){return 0===this.store.getState().length}},{key:"onKeyDown",value:function(e){var t=this,n=this.store.getState(),i=e.ctrlKey||e.metaKey,o=8,r=13,s=65;if(e.target===this.input){if(i&&e.keyCode===s&&this.list&&this.list.children){var a=function(){t.options.removeItems&&!t.input.value&&t.options.selectAll&&t.input===document.activeElement&&t.selectAll(t.list.children)};a()}e.keyCode===r&&e.target.value&&!function(){var e=t.input.value,i=function(){var i=!0;if(t.options.maxItems&&t.options.maxItems<=t.list.children.length&&(i=!1),t.options.allowDuplicates===!1&&t.passedElement.value&&(i=!n.some(function(t){return t.value===e})),i&&t.options.addItems&&"text"===t.passedElement.type){var o=!0;t.options.regexFilter&&(o=t.regexFilter(e)),o&&(t.addItem(e),t.clearInput(t.passedElement))}};i()}()}if(e.keyCode===o&&!e.target.value){var c=function(){if(t.options.removeItems){var e=t.list.querySelectorAll("[data-choice-item]"),n=t.list.querySelectorAll(".is-selected"),i=e[e.length-1],o=t.input===document.activeElement;i&&!t.options.editItems&&o&&t.options.removeItems&&t.selectItem(i),t.options.removeItems&&t.options.editItems&&i&&0===n.length&&o?(t.input.value=i.innerHTML,t.removeItem(i)):t.removeAll(e)}};c(),e.preventDefault()}}},{key:"onClick",value:function(e){var t=this;if(e.target.hasAttribute("data-choice-item")){var n=e.target,i=function(e){if(t.options.removeItems)for(var n=e.getAttribute("data-choice-id"),i=t.list.children,o=0;o<i.length;o++){var r=i[o],s=r.getAttribute("data-choice-id");s!==n||r.classList.contains("is-selected")?t.deselectItem(r):t.selectItem(r)}};i(n)}}},{key:"onFocus",value:function(e){this.dropdown&&this.toggleDropdown()}},{key:"onBlur",value:function(e){this.dropdown&&this.toggleDropdown()}},{key:"clearInput",value:function(){this.input.value&&(this.input.value="")}},{key:"regexFilter",value:function(e){var t=new RegExp(this.options.regexFilter,"i"),n=t.test(e);return n}},{key:"getItemByValue",value:function(e){var t=this.store.getState(),n=t.find(function(t){return t.value===e}),i=this.list.querySelector("[data-choice-id='"+n.id+"']");return i}},{key:"selectItem",value:function(e){var t=e.getAttribute("data-choice-id");this.store.dispatch((0,u.selectItemFromStore)(t,!0))}},{key:"deselectItem",value:function(e){var t=e.getAttribute("data-choice-id");this.store.dispatch((0,u.selectItemFromStore)(t,!1))}},{key:"selectAll",value:function(e){for(var t=0;t<e.length;t++){var n=e[t];this.selectItem(n)}}},{key:"addItem",value:function(e){this.options.debug&&console.debug("Add item");var t=e;this.options.prependValue&&(t=this.options.prependValue+t.toString()),this.options.appendValue&&(t+=this.options.appendValue.toString());var n=this.store.getState().length+1;this.options.callbackOnAddItem&&((0,l.isType)("Function",this.options.callbackOnAddItem)?this.options.callbackOnAddItem(n,e):console.error("callbackOnAddItem: Callback is not a function")),this.store.dispatch((0,u.addItemToStore)(t,n))}},{key:"removeItem",value:function(e){if(!e)return void console.error("removeItem: No item or value was passed to be removed");var t=void 0;if(e.nodeType)t=e;else for(var n=this.list.children.length-1;n>=0;n--){var i=this.list.children[n];if(i.innerHTML===e.toString()){t=i;break}}if(t){var o=t.getAttribute("data-choice-id"),r=t.innerHTML;this.options.callbackOnRemoveItem&&((0,l.isType)("Function",this.options.callbackOnRemoveItem)?this.options.callbackOnRemoveItem(r):console.error("callbackOnRemoveItem: Callback is not a function")),this.store.dispatch((0,u.removeItemFromStore)(o))}else console.error("Item not found")}},{key:"removeAll",value:function(e){for(var t=0;t<e.length;t++){var n=e[t];n.classList.contains("is-selected")&&this.removeItem(n)}}},{key:"toggleDropdown",value:function(){if(!this.dropdown)return void console.error("No dropdown set");var e=this.dropdown.classList.contains("is-active");this.dropdown.classList[e?"remove":"add"]("is-active")}},{key:"addItemToDropdown",value:function(e){var t=(0,l.strToEl)('<li class="choices__item choices__item--selectable" data-choice-selectable data-choice-value="'+e+'">'+e+"</li>");this.dropdown.appendChild(t)}},{key:"renderTextInput",value:function(){var e=this,t=(0,l.strToEl)('<div class="choices choices--active"></div>'),n=(0,l.strToEl)('<div class="choices__inner"></div>');this.passedElement.classList.add("choices__input","choices__input--hidden"),this.passedElement.tabIndex="-1",this.passedElement.setAttribute("style","display:none;"),this.passedElement.setAttribute("aria-hidden","true"),(0,l.wrap)(this.passedElement,n),(0,l.wrap)(n,t);var i=(0,l.strToEl)('<div class="choices__list choices__list--items"></div>'),o=(0,l.strToEl)('<input type="text" class="choices__input choices__input--cloned">');this.passedElement.placeholder&&(o.placeholder=this.passedElement.placeholder),this.options.addItems||(o.disabled=!0,t.classList.add("is-disabled")),t.appendChild(n),n.appendChild(i),n.appendChild(o),this.containerOuter=t,this.containerInner=n,this.input=o,this.list=i,this.presetItems.forEach(function(t){e.addItem(t)}),this.store.subscribe(this.render),this.render(),this.addEventListeners()}},{key:"renderMultipleSelectInput",value:function(){var e=this,t=(0,l.strToEl)('<div class="choices choices--active"></div>'),n=(0,l.strToEl)('<div class="choices__inner"></div>');this.passedElement.classList.add("choices__input","choices__input--hidden"),this.passedElement.tabIndex="-1",this.passedElement.setAttribute("style","display:none;"),this.passedElement.setAttribute("aria-hidden","true"),(0,l.wrap)(this.passedElement,n),(0,l.wrap)(n,t);var i=(0,l.strToEl)('<div class="choices__list choices__list--items"></div>'),o=(0,l.strToEl)('<input type="text" class="choices__input choices__input--cloned">'),r=(0,l.strToEl)('<div class="choices__list choices__list--dropdown"></div>');o.placeholder&&(o.placeholder=this.passedElement.placeholder),this.options.addItems||(o.disabled=!0),t.appendChild(n),t.appendChild(r),n.appendChild(i),n.appendChild(o),this.containerOuter=t,this.containerInner=n,this.input=o,this.list=i,this.dropdown=r,this.presetItems.forEach(function(t){e.addItem(t)});for(var s=this.passedElement.options,a=0;a<s.length;a++){var c=s[a];this.addItemToDropdown(c.value)}this.store.subscribe(this.render),this.render(),this.addEventListeners()}},{key:"addEventListeners",value:function(){document.addEventListener("keydown",this.onKeyDown),this.list.addEventListener("click",this.onClick),this.input.addEventListener("focus",this.onFocus),this.input.addEventListener("blur",this.onBlur)}},{key:"removeEventListeners",value:function(){document.removeEventListener("keydown",this.onKeyDown),this.list.removeEventListener("click",this.onClick),this.input.removeEventListener("focus",this.onFocus),this.input.removeEventListener("blur",this.onBlur)}},{key:"render",value:function(){var e=this,t=this.store.getState(),n=t.reduce(function(e,t){return e.push(t.value),e},[]);this.passedElement.value=n.join(this.options.delimiter),this.list.innerHTML="",t.forEach(function(t){if(t.active){var n=(0,l.strToEl)('<div class="choices__item '+(e.options.removeItems?"choices__item--selectable":"")+" "+(t.selected?"is-selected":"")+'" data-choice-item data-choice-id="'+t.id+'" data-choice-selected="'+t.selected+'">'+t.value+"</div>");e.list.appendChild(n)}}),console.debug(t)}},{key:"renderInput",value:function(e){switch(this.options.debug&&console.debug("Render"),e.type){case"text":this.renderTextInput();break;case"select-one":break;case"select-multiple":this.renderMultipleSelectInput();break;default:this.renderTextInput()}}},{key:"init",value:function(){this.supports||console.error("init: Your browser doesn'nt support shit"),this.initialised=!0,this.renderInput(this.passedElement)}},{key:"destroy",value:function(){this.options=null,this.passedElement=null,this.initialised=null}}]),e}();document.addEventListener("DOMContentLoaded",function(){var e=(new d("#choices-1",{delimiter:" ",editItems:!0,maxItems:5,callbackOnRemoveItem:function(e){console.log(e)},callbackOnAddItem:function(e,t){console.log(e,t)}}),new d("#choices-2",{allowDuplicates:!1,editItems:!0}),new d("#choices-3",{allowDuplicates:!1,editItems:!0,regexFilter:/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/}),new d("#choices-4",{addItems:!1,removeItems:!1}),new d("#choices-5",{prependValue:"item-",appendValue:"-"+Date.now()}),new d("#choices-6",{items:["josh@joshuajohnson.co.uk","joe@bloggs.co.uk"]}));new d("#choices-7"),new d;e.addItem("josh2@joshuajohnson.co.uk"),e.removeItem("josh@joshuajohnson.co.uk"),console.log(e.getItemByValue("josh2@joshuajohnson.co.uk"))})},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}t.__esModule=!0,t.compose=t.applyMiddleware=t.bindActionCreators=t.combineReducers=t.createStore=void 0;var o=n(3),r=i(o),s=n(8),a=i(s),c=n(10),u=i(c),l=n(11),d=i(l),h=n(12),p=i(h),f=n(9);i(f);t.createStore=r.default,t.combineReducers=a.default,t.bindActionCreators=u.default,t.applyMiddleware=d.default,t.compose=p.default},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}function o(e,t,n){function i(){f===p&&(f=p.slice())}function r(){return h}function c(e){if("function"!=typeof e)throw new Error("Expected listener to be a function.");var t=!0;return i(),f.push(e),function(){if(t){t=!1,i();var n=f.indexOf(e);f.splice(n,1)}}}function u(e){if(!(0,s.default)(e))throw new Error("Actions must be plain objects. Use custom middleware for async actions.");if("undefined"==typeof e.type)throw new Error('Actions may not have an undefined "type" property. Have you misspelled a constant?');if(v)throw new Error("Reducers may not dispatch actions.");try{v=!0,h=d(h,e)}finally{v=!1}for(var t=p=f,n=0;n<t.length;n++)t[n]();return e}function l(e){if("function"!=typeof e)throw new Error("Expected the nextReducer to be a function.");d=e,u({type:a.INIT})}if("function"==typeof t&&"undefined"==typeof n&&(n=t,t=void 0),"undefined"!=typeof n){if("function"!=typeof n)throw new Error("Expected the enhancer to be a function.");return n(o)(e,t)}if("function"!=typeof e)throw new Error("Expected the reducer to be a function.");var d=e,h=t,p=[],f=p,v=!1;return u({type:a.INIT}),{dispatch:u,subscribe:c,getState:r,replaceReducer:l}}t.__esModule=!0,t.ActionTypes=void 0,t.default=o;var r=n(4),s=i(r),a=t.ActionTypes={INIT:"@@redux/INIT"}},function(e,t,n){function i(e){if(!s(e)||h.call(e)!=a||r(e))return!1;var t=o(e);if(null===t)return!0;var n=l.call(t,"constructor")&&t.constructor;return"function"==typeof n&&n instanceof n&&u.call(n)==d}var o=n(5),r=n(6),s=n(7),a="[object Object]",c=Object.prototype,u=Function.prototype.toString,l=c.hasOwnProperty,d=u.call(Object),h=c.toString;e.exports=i},function(e,t){function n(e){return i(Object(e))}var i=Object.getPrototypeOf;e.exports=n},function(e,t){function n(e){var t=!1;if(null!=e&&"function"!=typeof e.toString)try{t=!!(e+"")}catch(n){}return t}e.exports=n},function(e,t){function n(e){return!!e&&"object"==typeof e}e.exports=n},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}function o(e,t){var n=t&&t.type,i=n&&'"'+n.toString()+'"'||"an action";return'Reducer "'+e+'" returned undefined handling '+i+". To ignore an action, you must explicitly return the previous state."}function r(e){Object.keys(e).forEach(function(t){var n=e[t],i=n(void 0,{type:a.ActionTypes.INIT});if("undefined"==typeof i)throw new Error('Reducer "'+t+'" returned undefined during initialization. If the state passed to the reducer is undefined, you must explicitly return the initial state. The initial state may not be undefined.');var o="@@redux/PROBE_UNKNOWN_ACTION_"+Math.random().toString(36).substring(7).split("").join(".");if("undefined"==typeof n(void 0,{type:o}))throw new Error('Reducer "'+t+'" returned undefined when probed with a random type. '+("Don't try to handle "+a.ActionTypes.INIT+' or other actions in "redux/*" ')+"namespace. They are considered private. Instead, you must return the current state for any unknown actions, unless it is undefined, in which case you must return the initial state, regardless of the action type. The initial state may not be undefined.")})}function s(e){for(var t=Object.keys(e),n={},i=0;i<t.length;i++){var s=t[i];"function"==typeof e[s]&&(n[s]=e[s])}var a,c=Object.keys(n);try{r(n)}catch(u){a=u}return function(){var e=arguments.length<=0||void 0===arguments[0]?{}:arguments[0],t=arguments[1];if(a)throw a;for(var i=!1,r={},s=0;s<c.length;s++){var u=c[s],l=n[u],d=e[u],h=l(d,t);if("undefined"==typeof h){var p=o(u,t);throw new Error(p)}r[u]=h,i=i||h!==d}return i?r:e}}t.__esModule=!0,t.default=s;var a=n(3),c=n(4),u=(i(c),n(9));i(u)},function(e,t){"use strict";function n(e){"undefined"!=typeof console&&"function"==typeof console.error&&console.error(e);try{throw new Error(e)}catch(t){}}t.__esModule=!0,t.default=n},function(e,t){"use strict";function n(e,t){return function(){return t(e.apply(void 0,arguments))}}function i(e,t){if("function"==typeof e)return n(e,t);if("object"!=typeof e||null===e)throw new Error("bindActionCreators expected an object or a function, instead received "+(null===e?"null":typeof e)+'. Did you write "import ActionCreators from" instead of "import * as ActionCreators from"?');for(var i=Object.keys(e),o={},r=0;r<i.length;r++){var s=i[r],a=e[s];"function"==typeof a&&(o[s]=n(a,t))}return o}t.__esModule=!0,t.default=i},function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{"default":e}}function o(){for(var e=arguments.length,t=Array(e),n=0;e>n;n++)t[n]=arguments[n];return function(e){return function(n,i,o){var s=e(n,i,o),c=s.dispatch,u=[],l={getState:s.getState,dispatch:function(e){return c(e)}};return u=t.map(function(e){return e(l)}),c=a.default.apply(void 0,u)(s.dispatch),r({},s,{dispatch:c})}}}var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e};t.__esModule=!0,t.default=o;var s=n(12),a=i(s)},function(e,t){"use strict";function n(){for(var e=arguments.length,t=Array(e),n=0;e>n;n++)t[n]=arguments[n];return function(){if(0===t.length)return arguments.length<=0?void 0:arguments[0];var e=t[t.length-1],n=t.slice(0,-1);return n.reduceRight(function(e,t){return t(e)},e.apply(void 0,arguments))}}t.__esModule=!0,t.default=n},function(e,t){"use strict";function n(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t<e.length;t++)n[t]=e[t];return n}return Array.from(e)}Object.defineProperty(t,"__esModule",{value:!0});var i=function(){var e=arguments.length<=0||void 0===arguments[0]?[]:arguments[0],t=arguments[1];switch(t.type){case"ADD_ITEM":var i=[].concat(n(e),[{id:parseInt(t.id),value:t.value,active:!0,selected:!1}]);return i.map(function(e){return e.selected&&(e.selected=!1),e});case"REMOVE_ITEM":return e.map(function(e){return e.id===parseInt(t.id)&&(e.active=!1),e});case"SELECT_ITEM":return e.map(function(e){return e.id===parseInt(t.id)&&(e.selected=t.value),e});default:return e}};t.default=i},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.addItemToStore=function(e,t){return{type:"ADD_ITEM",value:e,id:t}},t.removeItemFromStore=function(e){return{type:"REMOVE_ITEM",id:e}},t.selectItemFromStore=function(e,t){return{type:"SELECT_ITEM",id:e,value:t}}},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=(t.hasClass=function(e,t){return new RegExp(" "+t+" ").test(" "+e.className+" ")},t.capitalise=function(e){return e.replace(/\w\S*/g,function(e){return e.charAt(0).toUpperCase()+e.substr(1).toLowerCase()})},t.isType=function(e,t){var n=Object.prototype.toString.call(t).slice(8,-1);return void 0!==t&&null!==t&&n===e}),i=(t.extend=function(){for(var e={},t=arguments.length,i=function(t){for(var n in t)e[n]=t[n]},o=0;t>o;o++){var r=arguments[o];n("Object",r)?i(r):console.error("Custom options must be an object")}return e},t.whichTransitionEvent=function(){var e,t=document.createElement("fakeelement"),n={transition:"transitionend",OTransition:"oTransitionEnd",MozTransition:"transitionend",WebkitTransition:"webkitTransitionEnd"};for(e in n)if(void 0!==t.style[e])return n[e]},t.whichAnimationEvent=function(){var e,t=document.createElement("fakeelement"),n={animation:"animationend",OAnimation:"oAnimationEnd",MozAnimation:"animationend",WebkitAnimation:"webkitAnimationEnd"};for(e in n)if(void 0!==t.style[e])return n[e]});t.getParentsUntil=function(e,t,n){for(var i=[];e&&e!==document;e=e.parentNode){if(t){var o=t.charAt(0);if("."===o&&e.classList.contains(t.substr(1)))break;if("#"===o&&e.id===t.substr(1))break;if("["===o&&e.hasAttribute(t.substr(1,t.length-1)))break;if(e.tagName.toLowerCase()===t)break}if(n){var r=n.charAt(0);"."===r&&e.classList.contains(n.substr(1))&&i.push(e),"#"===r&&e.id===n.substr(1)&&i.push(e),"["===r&&e.hasAttribute(n.substr(1,n.length-1))&&i.push(e),e.tagName.toLowerCase()===n&&i.push(e)}else i.push(e)}return 0===i.length?null:i},t.wrap=function(e,t){return t=t||document.createElement("div"),e.nextSibling?e.parentNode.insertBefore(t,e.nextSibling):e.parentNode.appendChild(t),t.appendChild(e)},t.getSiblings=function(e){for(var t=[],n=e.parentNode.firstChild;n;n=n.nextSibling)1===n.nodeType&&n!==e&&t.push(n);return t},t.findAncestor=function(e,t){for(;(e=e.parentElement)&&!e.classList.contains(t););return e},t.debounce=function(e,t,n){var i;return function(){var o=this,r=arguments,s=function(){i=null,n||e.apply(o,r)},a=n&&!i;clearTimeout(i),i=setTimeout(s,t),a&&e.apply(o,r)}},t.getElemDistance=function(e){var t=0;if(e.offsetParent)do t+=e.offsetTop,e=e.offsetParent;while(e);return t>=0?t:0},t.getElementOffset=function(e,t){var n=t;return n>1&&(n=1),n>0&&(n=0),Math.max(e.offsetHeight*n)},t.getScrollPosition=function(e){return"bottom"===e?Math.max((window.scrollY||window.pageYOffset)+(window.innerHeight||document.documentElement.clientHeight)):window.scrollY||window.pageYOffset},t.isInView=function(e,t,n){return this.getScrollPosition(t)>this.getElemDistance(e)+this.getElementOffset(e,n)},t.stripHTML=function(e){var t=document.createElement("DIV");return t.innerHTML=e,t.textContent||t.innerText||""},t.addAnimation=function(e,t){var n=i(),o=function r(){e.classList.remove(t),e.removeEventListener(n,r,!1)};e.classList.add(t),e.addEventListener(n,o,!1)},t.getRandomNumber=function(e,t){return Math.floor(Math.random()*(t-e)+e)},t.strToEl=function(){var e=document.createElement("div");return function(t){var n;for(e.innerHTML=t,n=e.children[0];e.firstChild;)e.removeChild(e.firstChild);return n}}(),t.getWidthOfInput=function(){var e=document.createElement("span");e.className="tmp-element",e.innerHTML=inputEl.value.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;"),document.body.appendChild(e);var t=e.getBoundingClientRect().width;return document.body.removeChild(e),t}}]);
\ No newline at end of file
diff --git a/assets/scripts/src/choices.js b/assets/scripts/src/choices.js
index f9279fc6..e53a0e92 100644
--- a/assets/scripts/src/choices.js
+++ b/assets/scripts/src/choices.js
@@ -6,11 +6,23 @@ import { addItemToStore, removeItemFromStore, selectItemFromStore } from './acti
 import { hasClass, wrap, getSiblings, isType, strToEl, extend } from './lib/utils.js';
 
 export class Choices {
-    constructor(options) {
+    constructor(element = '[data-choice]', options) {
         const fakeEl = document.createElement("fakeel");
         const userOptions = options || {};
+
+        // If there are multiple elements, create a new instance 
+        // for each element besides the first one (as that already has an instance)
+        if(isType('String', element)) {
+            let elements = document.querySelectorAll(element);
+            if(elements.length > 1) {
+                for (let i = 1; i < elements.length; i++) {
+                    let el = elements[i];
+                    new Choices(el, options);
+                }
+            }
+        }
+
         const defaultOptions = {
-            element: document.querySelector('[data-choice]'),
             items: [],
             addItems: true,
             removeItems: true,
@@ -24,6 +36,7 @@ export class Choices {
             prependValue: false,
             appendValue: false,
             selectAll: true,
+            classNames: {},
             callbackOnInit: function() {},
             callbackOnRender: function() {},
             callbackOnRemoveItem: function() {},
@@ -43,14 +56,14 @@ export class Choices {
         this.supports = 'querySelector' in document && 'addEventListener' in document && 'classList' in fakeEl;
 
         // Retrieve triggering element (i.e. element with 'data-choice' trigger)
-        this.passedInput = this.options.element;
+        this.passedElement = isType('String', element) ? document.querySelector(element) : element;
 
         // Set preset items - this looks out of place
         this.presetItems = [];
         if(this.options.items.length) {
             this.presetItems = this.options.items;
-        } else if(this.passedInput.value !== '') {
-            this.presetItems = this.passedInput.value.split(this.options.delimiter);
+        } else if(this.passedElement.value !== '') {
+            this.presetItems = this.passedElement.value.split(this.options.delimiter);
         }
 
         // Bind methods
@@ -127,7 +140,7 @@ export class Choices {
 
                     // If no duplicates are allowed, and the value already exists
                     // in the array, don't update
-                    if (this.options.allowDuplicates === false && this.passedInput.value) {
+                    if (this.options.allowDuplicates === false && this.passedElement.value) {
                         canUpdate = !storeValues.some((item) => {
                             return item.value === value;
                         });
@@ -135,7 +148,7 @@ export class Choices {
 
                     // All is good, update
                     if (canUpdate && this.options.addItems) {
-                        if(this.passedInput.type === 'text') {
+                        if(this.passedElement.type === 'text') {
                             let canAddItem = true;
 
                             // If a user has supplied a regular expression filter
@@ -148,7 +161,7 @@ export class Choices {
                             // All is good, add
                             if(canAddItem) {
                                 this.addItem(value);
-                                this.clearInput(this.passedInput);
+                                this.clearInput(this.passedElement);
                             }
                         }
                     }
@@ -440,13 +453,13 @@ export class Choices {
         let containerInner = strToEl(`<div class="choices__inner"></div>`);
 
         // Hide passed input
-        this.passedInput.classList.add('choices__input', 'choices__input--hidden');
-        this.passedInput.tabIndex = '-1';
-        this.passedInput.setAttribute('style', 'display:none;');
-        this.passedInput.setAttribute('aria-hidden', 'true');
+        this.passedElement.classList.add('choices__input', 'choices__input--hidden');
+        this.passedElement.tabIndex = '-1';
+        this.passedElement.setAttribute('style', 'display:none;');
+        this.passedElement.setAttribute('aria-hidden', 'true');
 
         // Wrap input in container preserving DOM ordering
-        wrap(this.passedInput, containerInner);
+        wrap(this.passedElement, containerInner);
 
         // Wrapper inner container with outer container
         wrap(containerInner, containerOuter);
@@ -454,8 +467,8 @@ export class Choices {
         let list = strToEl(`<div class="choices__list choices__list--items"></div>`);
         let input = strToEl(`<input type="text" class="choices__input choices__input--cloned">`);
 
-        if (this.passedInput.placeholder) {
-            input.placeholder = this.passedInput.placeholder;
+        if (this.passedElement.placeholder) {
+            input.placeholder = this.passedElement.placeholder;
         }
 
         if(!this.options.addItems) {
@@ -508,13 +521,13 @@ export class Choices {
         let containerInner = strToEl('<div class="choices__inner"></div>');
 
         // Hide passed input
-        this.passedInput.classList.add('choices__input', 'choices__input--hidden');
-        this.passedInput.tabIndex = '-1';
-        this.passedInput.setAttribute('style', 'display:none;');
-        this.passedInput.setAttribute('aria-hidden', 'true');
+        this.passedElement.classList.add('choices__input', 'choices__input--hidden');
+        this.passedElement.tabIndex = '-1';
+        this.passedElement.setAttribute('style', 'display:none;');
+        this.passedElement.setAttribute('aria-hidden', 'true');
 
         // Wrap input in container preserving DOM ordering
-        wrap(this.passedInput, containerInner);
+        wrap(this.passedElement, containerInner);
 
         // Wrapper inner container with outer container
         wrap(containerInner, containerOuter);
@@ -524,7 +537,7 @@ export class Choices {
         let dropdown = strToEl('<div class="choices__list choices__list--dropdown"></div>');
 
         if (input.placeholder) {
-            input.placeholder = this.passedInput.placeholder;
+            input.placeholder = this.passedElement.placeholder;
         }
 
         if(!this.options.addItems) {
@@ -547,7 +560,7 @@ export class Choices {
             this.addItem(value);
         });
 
-        const unselectedOptions = this.passedInput.options;
+        const unselectedOptions = this.passedElement.options;
         for (var i = 0; i < unselectedOptions.length; i++) {
             let option = unselectedOptions[i];
             this.addItemToDropdown(option.value);
@@ -591,7 +604,7 @@ export class Choices {
         }, []);
 
         // Assign hidden input array of values
-        this.passedInput.value = valueArray.join(this.options.delimiter);
+        this.passedElement.value = valueArray.join(this.options.delimiter);
 
         // Clear list
         this.list.innerHTML = '';
@@ -607,7 +620,7 @@ export class Choices {
             }
         });
 
-        console.log(state);
+        console.debug(state);
     }
 
     /**
@@ -640,7 +653,7 @@ export class Choices {
     init() {
         if (!this.supports) console.error('init: Your browser doesn\'nt support shit');
         this.initialised = true;
-        this.renderInput(this.passedInput);
+        this.renderInput(this.passedElement);
     }
     
     /**
@@ -649,22 +662,13 @@ export class Choices {
      */
     destroy() {
         this.options = null;
-        this.passedInput = null;
+        this.passedElement = null;
         this.initialised = null;
     }
 };
 
 document.addEventListener('DOMContentLoaded', () => {
-    let input1 = document.getElementById(1);
-    let input2 = document.getElementById(2);
-    let input3 = document.getElementById(3);
-    let input4 = document.getElementById(4);
-    let input5 = document.getElementById(5);
-    let input6 = document.getElementById(6);
-    let input7 = document.getElementById(7);
-
-    let choices1 = new Choices({
-        element : input1,
+    let choices1 = new Choices('#choices-1', {
         delimiter: ' ',
         editItems: true,
         maxItems: 5,
@@ -676,39 +680,34 @@ document.addEventListener('DOMContentLoaded', () => {
         }
     });
 
-    let choices2 = new Choices({
-        element : input2,
+    let choices2 = new Choices('#choices-2', {
         allowDuplicates: false,
         editItems: true,
     });
 
-    let choices3 = new Choices({
-        element : input3,
+    let choices3 = new Choices('#choices-3', {
         allowDuplicates: false,
         editItems: true,
         regexFilter: /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
     });
 
-    let choices4 = new Choices({
-        element : input4,
+    let choices4 = new Choices('#choices-4', {
         addItems: false,
         removeItems: false
     });
 
-    let choices5 = new Choices({
-        element: input5,
+    let choices5 = new Choices('#choices-5', {
         prependValue: 'item-',
         appendValue: `-${Date.now()}`
     });
 
-    let choices6 = new Choices({
-        element: input6,
+    let choices6 = new Choices('#choices-6', {
         items: ['josh@joshuajohnson.co.uk', 'joe@bloggs.co.uk']
     });
 
-    let choices7 = new Choices({
-        element: input7,
-    });
+    let choices7 = new Choices('#choices-7');
+
+    let choicesMultiple = new Choices();
 
     choices6.addItem('josh2@joshuajohnson.co.uk');
     choices6.removeItem('josh@joshuajohnson.co.uk');
diff --git a/assets/styles/css/choices.css b/assets/styles/css/choices.css
index 48328cbb..7d8e66e5 100644
--- a/assets/styles/css/choices.css
+++ b/assets/styles/css/choices.css
@@ -72,6 +72,7 @@ h1, h2, h3, h4, h5, h6 {
       background-color: #00a5bb; }
 
 .choices__list--dropdown {
+  z-index: 1;
   position: absolute;
   width: 100%;
   background-color: #FFFFFF;
diff --git a/assets/styles/css/choices.min.css b/assets/styles/css/choices.min.css
index e67f86e6..d00b796b 100644
--- a/assets/styles/css/choices.min.css
+++ b/assets/styles/css/choices.min.css
@@ -1 +1 @@
-*,:after,:before{box-sizing:border-box}body,html{margin:0;height:100%;widows:100%}html{font-size:62.5%}body{background-color:#333;font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:1.6rem;color:#fff}label{display:block;margin-bottom:.8rem;font-size:1.4rem;font-weight:500}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:1.2rem;font-weight:500}.container{display:block;margin:auto;max-width:35em;padding:2.4rem}.section{background-color:#fff;padding:2.4rem;color:#333}.choices{margin-bottom:2.4rem;position:relative}.choices__inner{background-color:#f9f9f9;padding:.75rem .75rem .375rem;border:1px solid #ddd;border-radius:.25rem;font-size:1.4rem}.choices__inner:focus{outline:1px solid #00bcd4;outline-offset:-1px}.choices__list{margin:0;padding-left:0;list-style-type:none}.choices__list--items{display:inline}.choices__list--items .choices__item{display:inline-block;border-radius:2rem;padding:.4rem 1rem;font-size:1.2rem;margin-right:.375rem;margin-bottom:.375rem;background-color:#00bcd4;border:1px solid #00b1c7;color:#fff}.choices__list--items .choices__item.is-selected{background-color:#00a5bb}.choices__list--dropdown{position:absolute;width:100%;background-color:#fff;border:1px solid #ddd;margin-top:-1px;display:none;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.choices__list--dropdown .choices__item{padding:1rem;font-size:1.4rem}.choices__list--dropdown .choices__item:hover{background-color:#f9f9f9}.choices__list--dropdown.is-active{display:block}.choices__item{cursor:default}.choices__item--selectable{cursor:pointer}.choices__input{background-color:#f9f9f9;font-size:1.4rem;padding:0;margin-bottom:.5rem;display:inline-block;vertical-align:baseline;border:0;border-radius:0;max-width:100%;padding:.4rem 0 .4rem .2rem}.choices__input:focus{outline:0}
\ No newline at end of file
+*,:after,:before{box-sizing:border-box}body,html{margin:0;height:100%;widows:100%}html{font-size:62.5%}body{background-color:#333;font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:1.6rem;color:#fff}label{display:block;margin-bottom:.8rem;font-size:1.4rem;font-weight:500}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:1.2rem;font-weight:500}.container{display:block;margin:auto;max-width:35em;padding:2.4rem}.section{background-color:#fff;padding:2.4rem;color:#333}.choices{margin-bottom:2.4rem;position:relative}.choices__inner{background-color:#f9f9f9;padding:.75rem .75rem .375rem;border:1px solid #ddd;border-radius:.25rem;font-size:1.4rem}.choices__inner:focus{outline:1px solid #00bcd4;outline-offset:-1px}.choices__list{margin:0;padding-left:0;list-style-type:none}.choices__list--items{display:inline}.choices__list--items .choices__item{display:inline-block;border-radius:2rem;padding:.4rem 1rem;font-size:1.2rem;margin-right:.375rem;margin-bottom:.375rem;background-color:#00bcd4;border:1px solid #00b1c7;color:#fff}.choices__list--items .choices__item.is-selected{background-color:#00a5bb}.choices__list--dropdown{z-index:1;position:absolute;width:100%;background-color:#fff;border:1px solid #ddd;margin-top:-1px;display:none;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.choices__list--dropdown .choices__item{padding:1rem;font-size:1.4rem}.choices__list--dropdown .choices__item:hover{background-color:#f9f9f9}.choices__list--dropdown.is-active{display:block}.choices__item{cursor:default}.choices__item--selectable{cursor:pointer}.choices__input{background-color:#f9f9f9;font-size:1.4rem;padding:0;margin-bottom:.5rem;display:inline-block;vertical-align:baseline;border:0;border-radius:0;max-width:100%;padding:.4rem 0 .4rem .2rem}.choices__input:focus{outline:0}
\ No newline at end of file
diff --git a/assets/styles/scss/choices.scss b/assets/styles/scss/choices.scss
index 12714f50..b47453dd 100644
--- a/assets/styles/scss/choices.scss
+++ b/assets/styles/scss/choices.scss
@@ -89,6 +89,7 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 .choices__list--dropdown {
+    z-index: 1;
     position: absolute;
     width: 100%;
     background-color: #FFFFFF;
diff --git a/index.html b/index.html
index 570550b1..3e91359d 100644
--- a/index.html
+++ b/index.html
@@ -10,27 +10,40 @@
     <div class="container">
         <div class="section">
             <h1>Choices</h1>
-            <label for="1">Text input with no values and a limit of 5 items</label>
-            <input id="1" type="text" data-choice value="preset-1 preset-2">
+            <label for="choices-1">Text input with no values and a limit of 5 items</label>
+            <input id="choices-1" type="text" value="preset-1 preset-2">
 
-            <label for="2">Text input with preset values, custom classes and a placeholder. No duplicate values allowed</label>
-            <input id="2" type="text" data-choice value="preset-1, preset-2" placeholder="This is a placeholder" class="custom class">
+            <label for="choices-2">Text input with preset values, custom classes and a placeholder. No duplicate values allowed</label>
+            <input id="choices-2" type="text" value="preset-1, preset-2" placeholder="This is a placeholder" class="custom class">
 
-            <label for="3">Text input that only allows email addresses</label>
-            <input id="3" type="text" data-choice placeholder="This is a placeholder">
+            <label for="choices-3">Text input that only allows email addresses</label>
+            <input id="choices-3" type="text" placeholder="This is a placeholder">
 
-            <label for="4">Text input that disables adding items</label>
-            <input id="4" type="text" data-choice value="josh@joshuajohnson.co.uk, joe@bloggs.co.uk" placeholder="This is a placeholder">
+            <label for="choices-4">Text input that disables adding items</label>
+            <input id="choices-4" type="text" value="josh@joshuajohnson.co.uk, joe@bloggs.co.uk" placeholder="This is a placeholder">
 
-            <label for="5">Text input that prepends and appends a value to each item</label>
-            <input id="5" type="text" data-choice value="preset-1, preset-2" placeholder="This is a placeholder">
+            <label for="choices-5">Text input that prepends and appends a value to each item</label>
+            <input id="choices-5" type="text" value="preset-1, preset-2" placeholder="This is a placeholder">
 
-            <label for="6">Text input with preset values passed through options</label>
-            <input id="6" type="text" data-choice placeholder="This is a placeholder">
+            <label for="choices-6">Text input with preset values passed through options</label>
+            <input id="choices-6" type="text" placeholder="This is a placeholder">
 
+            <label for="choices-7">Select box</label>
+            <select name="choices-7" id="choices-7" placeholder="This is a placeholder" multiple>
+                <option value="Dropdown item 1">Dropdown item 1</option>
+                <option value="Dropdown item 2" selected>Dropdown item 2</option>
+                <option value="Dropdown item 3">Dropdown item 3</option>
+            </select>
 
-            <label for="7">Select box</label>
-            <select name="7" id="7" data-choice placeholder="This is a placeholder" multiple>
+            <label for="choices-8">Select box</label>
+            <select id="choices-8" name="choices-8" data-choice placeholder="This is a placeholder" multiple>
+                <option value="Dropdown item 1">Dropdown item 1</option>
+                <option value="Dropdown item 2" selected>Dropdown item 2</option>
+                <option value="Dropdown item 3">Dropdown item 3</option>
+            </select>
+
+            <label for="choices-9">Select box</label>
+            <select id="choices-9" name="choices-9" data-choice placeholder="This is a placeholder" multiple>
                 <option value="Dropdown item 1">Dropdown item 1</option>
                 <option value="Dropdown item 2" selected>Dropdown item 2</option>
                 <option value="Dropdown item 3">Dropdown item 3</option>
@@ -39,10 +52,10 @@
 <!--             
             <div class="choices choices--active">
                 <div class="choices__inner">
-                    <input id="1" type="text" data-choice="" value="preset-1 preset-2" class="choices__input choices__input--hidden" tabindex="-1" style="display:none;" aria-hidden="true">
+                    <input id="choices-1" type="text" data-choice="" value="preset-1 preset-2" class="choices__input choices__input--hidden" tabindex="-1" style="display:none;" aria-hidden="true">
                     <div class="choices__list choices__list--items">
-                        <div class="choices__item" data-choice-item data-choice-id="1" data-choice-selected="false">preset-1</div>
-                        <div class="choices__item" data-choice-item data-choice-id="2" data-choice-selected="false">preset-2</div>
+                        <div class="choices__item" data-choice-item data-choice-id="choices-1" data-choice-selected="false">preset-1</div>
+                        <div class="choices__item" data-choice-item data-choice-id="choices-2" data-choice-selected="false">preset-2</div>
                     </div>
                     <input type="text" class="choices__input choices__input--cloned">
                 </div>