diff --git a/.idea/jsLibraryMappings.xml b/.idea/jsLibraryMappings.xml
index 71c43cd..18df0c1 100644
--- a/.idea/jsLibraryMappings.xml
+++ b/.idea/jsLibraryMappings.xml
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="JavaScriptLibraryMappings">
-    <file url="PROJECT" libraries="{@types/knockout, @types/knockout.mapping, ace, bootstrap, jquery-3.4.1, knockout, knockout.mapping, peg, popper}" />
+    <file url="PROJECT" libraries="{@types/knockout, @types/knockout.mapping, @types/pegjs, ace, bootstrap, jquery-3.4.1, knockout, knockout.mapping, peg, popper}" />
   </component>
 </project>
\ No newline at end of file
diff --git a/Atlas Config Generator.iml b/Atlas Config Generator.iml
index 524bb1e..87abb8b 100644
--- a/Atlas Config Generator.iml	
+++ b/Atlas Config Generator.iml	
@@ -13,5 +13,6 @@
     <orderEntry type="library" name="knockout.mapping" level="application" />
     <orderEntry type="library" name="@types/knockout.mapping" level="application" />
     <orderEntry type="library" name="peg" level="application" />
+    <orderEntry type="library" name="@types/pegjs" level="application" />
   </component>
 </module>
\ No newline at end of file
diff --git a/css/main.css b/css/main.css
index 132a9d1..328ee6b 100644
--- a/css/main.css
+++ b/css/main.css
@@ -6,4 +6,9 @@
 #deparse-editor {
     width: 100%;
     height: 50vh;
+}
+
+#raw-editor {
+    width: 100%;
+    height: 50vh;
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index 99e72ae..39de360 100644
--- a/index.html
+++ b/index.html
@@ -30,7 +30,7 @@
         <a id="nav-servers" class="nav-item nav-link" data-toggle="tab" href="#tab-servers">Servers</a>
         <a id="nav-spawners" class="nav-item nav-link" data-toggle="tab" href="#tab-spawners">Spawners</a>
         <a id="nav-ships" class="nav-item nav-link" data-toggle="tab" href="#tab-ships">Ships</a>
-
+        <a id="nav-templates" class="nav-item nav-link" data-toggle="tab" href="#tab-templates">Templates</a>
     </div>
     <div class="tab-content" id="tab-content">
         <div class="tab-pane fade show active" id="tab-config">
@@ -300,6 +300,7 @@
         </div>
         <div class="tab-pane fade" id="tab-tribe-log">
             <form data-bind="with: TribeLogConfig">
+                <button class="btn btn-info" data-bind="click: rawEdit">Raw Editor</button>
                 <fieldset>
                     <legend>Main Options</legend>
                     <div class="form-group row">
@@ -379,6 +380,7 @@
         </div>
         <div class="tab-pane fade" id="tab-travel-data">
             <form data-bind="with: TravelDataConfig">
+                <button class="btn btn-info" data-bind="click: rawEdit">Raw Editor</button>
                 <fieldset>
                     <legend>Main Options</legend>
                     <div class="form-group row">
@@ -451,6 +453,7 @@
         </div>
         <div class="tab-pane fade" id="tab-shared-log">
             <form data-bind="with: SharedLogConfig">
+                <button class="btn btn-info" data-bind="click: rawEdit">Raw Editor</button>
                 <fieldset>
                     <legend>Main Options</legend>
                     <div class="form-group row">
@@ -561,6 +564,7 @@
                     <legend>DB Connection: <span data-bind="text: $data.Name"></span>
                         <button class="btn btn-danger pull-right" data-bind="click: removeDatabase">Remove Database
                         </button>
+                        <button class="btn btn-info" data-bind="click: rawEdit">Raw Editor</button>
                     </legend>
                     <div class="form-group row">
                         <label data-bind="attr: { for: $index() + '-DB-Name' }"
@@ -616,11 +620,12 @@
                         <div class="tab-pane fade" data-bind="attr: { id: 'server-tab-' + $index() }">
                             <div class="row">
                                 <div class="col">
-                                    <hr>
-                                    <a data-bind="attr: { id: 'server-tab-' + $index() }"><h2><span
-                                            data-bind="text: $data.name "></span> - (<span data-bind="text: $data.gridX "></span>,
-                                        <span data-bind="text: $data.gridY "></span>)</h2></a>
-                                    <button class="btn btn-danger" data-bind="click: removeServer">Remove Server</button>
+                                    <h2><span data-bind="text: $data.name "></span> - (<span
+                                            data-bind="text: $data.gridX "></span>,
+                                        <span data-bind="text: $data.gridY "></span>)</h2>
+                                    <button class="btn btn-danger" data-bind="click: removeServer">Remove Server
+                                    </button>
+                                    <button class="btn btn-info" data-bind="click: rawEdit">Raw Editor</button>
                                     <form>
                                         <div class="row">
                                             <fieldset class="col-6">
@@ -938,21 +943,45 @@
                                                         <th>Yaw</th>
                                                         <th>Roll</th>
                                                         <th>Override</th>
-                                                        <th><button class="btn btn-primary" data-bind="click: addServerSubLevel">&plus;</button></th>
+                                                        <th>
+                                                            <button class="btn btn-primary"
+                                                                    data-bind="click: addServerSubLevel">&plus;
+                                                            </button>
+                                                        </th>
                                                     </tr>
                                                     </thead>
                                                     <tbody data-bind="foreach: sublevels">
                                                     <tr>
-                                                        <td><input class="form-control" type="number" data-bind="numericValue: $data.id"></td>
-                                                        <td><input class="form-control" type="text" data-bind="value: $data.name"></td>
-                                                        <td><input class="form-control" type="number" step="0.001" data-bind="numericValue: $data.additionalTranslationX"></td>
-                                                        <td><input class="form-control" type="number" step="0.001" data-bind="numericValue: $data.additionalTranslationY"></td>
-                                                        <td><input class="form-control" type="number" step="0.001" data-bind="numericValue: $data.additionalTranslationZ"></td>
-                                                        <td><input class="form-control" type="number" step="0.001" data-bind="numericValue: $data.additionalRotationPitch"></td>
-                                                        <td><input class="form-control" type="number" step="0.001" data-bind="numericValue: $data.additionalRotationYaw"></td>
-                                                        <td><input class="form-control" type="number" step="0.001" data-bind="numericValue: $data.additionalRotationRoll"></td>
-                                                        <td><input class="form-control" type="number" data-bind="numericValue: $data.landscapeMaterialOverride"></td>
-                                                        <td><button class="btn btn-primary" data-bind="click: removeServerSubLevel">&minus;</button></td>
+                                                        <td><input class="form-control" type="number"
+                                                                   data-bind="numericValue: $data.id"></td>
+                                                        <td><input class="form-control" type="text"
+                                                                   data-bind="value: $data.name"></td>
+                                                        <td><input class="form-control" type="number" step="0.001"
+                                                                   data-bind="numericValue: $data.additionalTranslationX">
+                                                        </td>
+                                                        <td><input class="form-control" type="number" step="0.001"
+                                                                   data-bind="numericValue: $data.additionalTranslationY">
+                                                        </td>
+                                                        <td><input class="form-control" type="number" step="0.001"
+                                                                   data-bind="numericValue: $data.additionalTranslationZ">
+                                                        </td>
+                                                        <td><input class="form-control" type="number" step="0.001"
+                                                                   data-bind="numericValue: $data.additionalRotationPitch">
+                                                        </td>
+                                                        <td><input class="form-control" type="number" step="0.001"
+                                                                   data-bind="numericValue: $data.additionalRotationYaw">
+                                                        </td>
+                                                        <td><input class="form-control" type="number" step="0.001"
+                                                                   data-bind="numericValue: $data.additionalRotationRoll">
+                                                        </td>
+                                                        <td><input class="form-control" type="number"
+                                                                   data-bind="numericValue: $data.landscapeMaterialOverride">
+                                                        </td>
+                                                        <td>
+                                                            <button class="btn btn-primary"
+                                                                    data-bind="click: removeServerSubLevel">&minus;
+                                                            </button>
+                                                        </td>
                                                     </tr>
                                                     </tbody>
                                                 </table>
@@ -977,27 +1006,56 @@
                                                         <th>X</th>
                                                         <th>Y</th>
                                                         <th>Rotation</th>
-                                                        <th><button class="btn btn-primary" data-bind="click: addServerIslandInstance">&plus;</button></th>
+                                                        <th>
+                                                            <button class="btn btn-primary"
+                                                                    data-bind="click: addServerIslandInstance">&plus;
+                                                            </button>
+                                                        </th>
                                                     </tr>
                                                     </thead>
                                                     <tbody data-bind="foreach: islandInstances">
                                                     <tr>
-                                                        <td><input class="form-control" type="number" data-bind="numericValue: $data.id"></td>
-                                                        <td><input class="form-control" type="text" data-bind="value: $data.name"></td>
+                                                        <td><input class="form-control" type="number"
+                                                                   data-bind="numericValue: $data.id"></td>
+                                                        <td><input class="form-control" type="text"
+                                                                   data-bind="value: $data.name"></td>
                                                         <td><i>TODO</i></td>
-                                                        <td><input class="form-control" type="number" step="0.001" data-bind="numericValue: $data.minTreasureQuality"></td>
-                                                        <td><input class="form-control" type="number" step="0.001" data-bind="numericValue: $data.maxTreasureQuality"></td>
-                                                        <td><input class="form-control" type="checkbox" data-bind="checked: $data.useNpcVolumesForTreasures"></td>
-                                                        <td><input class="form-control" type="checkbox" data-bind="checked: $data.useLevelBoundsForTreasures"></td>
-                                                        <td><input class="form-control" type="checkbox" data-bind="checked: $data.prioritizeVolumesForTreasures"></td>
-                                                        <td><input class="form-control" type="number" step="0.001" data-bind="numericValue: $data.islandPoints"></td>
-                                                        <td><input class="form-control" type="text" data-bind="value: $data.islandTreasureBottleSupplyCrateOverrides"></td>
-                                                        <td><input class="form-control" type="number" step="0.001" data-bind="numericValue: $data.islandWidth"></td>
-                                                        <td><input class="form-control" type="number" step="0.001" data-bind="numericValue: $data.islandHeight"></td>
-                                                        <td><input class="form-control" type="number" step="0.001" data-bind="numericValue: $data.worldX"></td>
-                                                        <td><input class="form-control" type="number" step="0.001" data-bind="numericValue: $data.worldY"></td>
-                                                        <td><input class="form-control" type="number" step="0.001" data-bind="numericValue: $data.rotation"></td>
-                                                        <td><button class="btn btn-primary" data-bind="click: removeServerIslandInstance">&minus;</button></td>
+                                                        <td><input class="form-control" type="number" step="0.001"
+                                                                   data-bind="numericValue: $data.minTreasureQuality">
+                                                        </td>
+                                                        <td><input class="form-control" type="number" step="0.001"
+                                                                   data-bind="numericValue: $data.maxTreasureQuality">
+                                                        </td>
+                                                        <td><input class="form-control" type="checkbox"
+                                                                   data-bind="checked: $data.useNpcVolumesForTreasures">
+                                                        </td>
+                                                        <td><input class="form-control" type="checkbox"
+                                                                   data-bind="checked: $data.useLevelBoundsForTreasures">
+                                                        </td>
+                                                        <td><input class="form-control" type="checkbox"
+                                                                   data-bind="checked: $data.prioritizeVolumesForTreasures">
+                                                        </td>
+                                                        <td><input class="form-control" type="number" step="0.001"
+                                                                   data-bind="numericValue: $data.islandPoints"></td>
+                                                        <td><input class="form-control" type="text"
+                                                                   data-bind="value: $data.islandTreasureBottleSupplyCrateOverrides">
+                                                        </td>
+                                                        <td><input class="form-control" type="number" step="0.001"
+                                                                   data-bind="numericValue: $data.islandWidth"></td>
+                                                        <td><input class="form-control" type="number" step="0.001"
+                                                                   data-bind="numericValue: $data.islandHeight"></td>
+                                                        <td><input class="form-control" type="number" step="0.001"
+                                                                   data-bind="numericValue: $data.worldX"></td>
+                                                        <td><input class="form-control" type="number" step="0.001"
+                                                                   data-bind="numericValue: $data.worldY"></td>
+                                                        <td><input class="form-control" type="number" step="0.001"
+                                                                   data-bind="numericValue: $data.rotation"></td>
+                                                        <td>
+                                                            <button class="btn btn-primary"
+                                                                    data-bind="click: removeServerIslandInstance">
+                                                                &minus;
+                                                            </button>
+                                                        </td>
                                                     </tr>
                                                     </tbody>
                                                 </table>
@@ -1019,24 +1077,45 @@
                                                         <th>World X</th>
                                                         <th>World Y</th>
                                                         <th>Rotation</th>
-                                                        <th><button class="btn btn-primary" data-bind="click: addServerDiscoveryZone">&plus;</button></th>
+                                                        <th>
+                                                            <button class="btn btn-primary"
+                                                                    data-bind="click: addServerDiscoveryZone">&plus;
+                                                            </button>
+                                                        </th>
                                                     </tr>
                                                     </thead>
                                                     <tbody data-bind="foreach: discoZones">
                                                     <tr>
-                                                        <td><input class="form-control" type="number" data-bind="numericValue: $data.id"></td>
-                                                        <td><input class="form-control" type="text" data-bind="value: $data.name"></td>
-                                                        <td><input class="form-control" type="number" step="0.001" data-bind="numericValue: $data.sizeX"></td>
-                                                        <td><input class="form-control" type="number" step="0.001" data-bind="numericValue: $data.sizeY"></td>
-                                                        <td><input class="form-control" type="number" step="0.001" data-bind="numericValue: $data.sizeZ"></td>
-                                                        <td><input class="form-control" type="number" step="0.001" data-bind="numericValue: $data.xp"></td>
-                                                        <td><input class="form-control" type="checkbox" data-bind="checked: $data.bIsManuallyPlaced"></td>
-                                                        <td><input class="form-control" type="number" data-bind="numericValue: $data.explorerNoteIndex"></td>
-                                                        <td><input class="form-control" type="checkbox" data-bind="checked: $data.allowSea"></td>
-                                                        <td><input class="form-control" type="number" step="0.001" data-bind="numericValue: $data.worldX"></td>
-                                                        <td><input class="form-control" type="number" step="0.001" data-bind="numericValue: $data.worldY"></td>
-                                                        <td><input class="form-control" type="number" step="0.001" data-bind="numericValue: $data.rotation"></td>
-                                                        <td><button class="btn btn-primary" data-bind="click: removeServerDiscoveryZone">&minus;</button></td>
+                                                        <td><input class="form-control" type="number"
+                                                                   data-bind="numericValue: $data.id"></td>
+                                                        <td><input class="form-control" type="text"
+                                                                   data-bind="value: $data.name"></td>
+                                                        <td><input class="form-control" type="number" step="0.001"
+                                                                   data-bind="numericValue: $data.sizeX"></td>
+                                                        <td><input class="form-control" type="number" step="0.001"
+                                                                   data-bind="numericValue: $data.sizeY"></td>
+                                                        <td><input class="form-control" type="number" step="0.001"
+                                                                   data-bind="numericValue: $data.sizeZ"></td>
+                                                        <td><input class="form-control" type="number" step="0.001"
+                                                                   data-bind="numericValue: $data.xp"></td>
+                                                        <td><input class="form-control" type="checkbox"
+                                                                   data-bind="checked: $data.bIsManuallyPlaced"></td>
+                                                        <td><input class="form-control" type="number"
+                                                                   data-bind="numericValue: $data.explorerNoteIndex">
+                                                        </td>
+                                                        <td><input class="form-control" type="checkbox"
+                                                                   data-bind="checked: $data.allowSea"></td>
+                                                        <td><input class="form-control" type="number" step="0.001"
+                                                                   data-bind="numericValue: $data.worldX"></td>
+                                                        <td><input class="form-control" type="number" step="0.001"
+                                                                   data-bind="numericValue: $data.worldY"></td>
+                                                        <td><input class="form-control" type="number" step="0.001"
+                                                                   data-bind="numericValue: $data.rotation"></td>
+                                                        <td>
+                                                            <button class="btn btn-primary"
+                                                                    data-bind="click: removeServerDiscoveryZone">&minus;
+                                                            </button>
+                                                        </td>
                                                     </tr>
                                                     </tbody>
                                                 </table>
@@ -1047,13 +1126,22 @@
                                                     <thead>
                                                     <tr>
                                                         <th>Name</th>
-                                                        <th><button class="btn btn-primary" data-bind="click: addServerSpawnRegion">&plus;</button></th>
+                                                        <th>
+                                                            <button class="btn btn-primary"
+                                                                    data-bind="click: addServerSpawnRegion">&plus;
+                                                            </button>
+                                                        </th>
                                                     </tr>
                                                     </thead>
                                                     <tbody data-bind="foreach: spawnRegions">
                                                     <tr>
-                                                        <td><input class="form-control" type="text" data-bind="value: $data.name"></td>
-                                                        <td><button class="btn btn-primary" data-bind="click: removeServerSpawnRegion">&minus;</button></td>
+                                                        <td><input class="form-control" type="text"
+                                                                   data-bind="value: $data.name"></td>
+                                                        <td>
+                                                            <button class="btn btn-primary"
+                                                                    data-bind="click: removeServerSpawnRegion">&minus;
+                                                            </button>
+                                                        </td>
                                                     </tr>
                                                     </tbody>
                                                 </table>
@@ -1064,13 +1152,22 @@
                                                     <thead>
                                                     <tr>
                                                         <th>Name</th>
-                                                        <th><button class="btn btn-primary" data-bind="click: addExtraSubLevels">&plus;</button></th>
+                                                        <th>
+                                                            <button class="btn btn-primary"
+                                                                    data-bind="click: addExtraSubLevels">&plus;
+                                                            </button>
+                                                        </th>
                                                     </tr>
                                                     </thead>
                                                     <tbody data-bind="foreach: extraSublevels">
                                                     <tr>
-                                                        <td><input class="form-control" type="text" data-bind="value: $data"></td>
-                                                        <td><button class="btn btn-primary" data-bind="click: removeExtraSubLevels">&minus;</button></td>
+                                                        <td><input class="form-control" type="text"
+                                                                   data-bind="value: $data"></td>
+                                                        <td>
+                                                            <button class="btn btn-primary"
+                                                                    data-bind="click: removeExtraSubLevels">&minus;
+                                                            </button>
+                                                        </td>
                                                     </tr>
                                                     </tbody>
                                                 </table>
@@ -1081,13 +1178,22 @@
                                                     <thead>
                                                     <tr>
                                                         <th>Name</th>
-                                                        <th><button class="btn btn-primary" data-bind="click: addTotalExtraSubLevels">&plus;</button></th>
+                                                        <th>
+                                                            <button class="btn btn-primary"
+                                                                    data-bind="click: addTotalExtraSubLevels">&plus;
+                                                            </button>
+                                                        </th>
                                                     </tr>
                                                     </thead>
                                                     <tbody data-bind="foreach: totalExtraSublevels">
                                                     <tr>
-                                                        <td><input class="form-control" type="text" data-bind="value: $data"></td>
-                                                        <td><button class="btn btn-primary" data-bind="click: removeTotalExtraSubLevels">&minus;</button></td>
+                                                        <td><input class="form-control" type="text"
+                                                                   data-bind="value: $data"></td>
+                                                        <td>
+                                                            <button class="btn btn-primary"
+                                                                    data-bind="click: removeTotalExtraSubLevels">&minus;
+                                                            </button>
+                                                        </td>
                                                     </tr>
                                                     </tbody>
                                                 </table>
@@ -1111,6 +1217,7 @@
                 <fieldset>
                     <legend><span data-bind="text: $data.Name"></span>
                         <button class="btn btn-primary" data-bind="click: removeSpawner">Delete Spawner</button>
+                        <button class="btn btn-info" data-bind="click: rawEdit">Raw Editor</button>
                     </legend>
                     <!-- ko template: { name: 'textInputTemplate', data: {
                                         id: 'Spawner-Name-' + $index(),
@@ -1153,6 +1260,7 @@
                     <legend>
                         <span data-bind="text: $data.PathName"></span>
                         <button class="btn btn-warning" data-bind="click: removeShip">Delete Ship</button>
+                        <button class="btn btn-info" data-bind="click: rawEdit">Raw Editor</button>
                     </legend>
                     <!-- ko template: { name: 'textInputTemplate', data: {
                                         id: 'Ship-PathName-' + $index(),
@@ -1217,16 +1325,24 @@
                             <th>X</th>
                             <th>Y</th>
                             <th>Rotation</th>
-                            <th><button class="btn btn-primary" data-bind="click: addShipNode">&plus;</button></th>
+                            <th>
+                                <button class="btn btn-primary" data-bind="click: addShipNode">&plus;</button>
+                            </th>
                         </tr>
                         </thead>
                         <tbody data-bind="foreach: $data.Nodes">
                         <tr>
-                            <td><input class="form-control" type="number" step="0.1" data-bind="numericValue: $data.controlPointsDistance"></td>
-                            <td><input class="form-control" type="number" step="0.01" data-bind="numericValue: $data.worldX"></td>
-                            <td><input class="form-control" type="number" step="0.01" data-bind="numericValue: $data.worldY"></td>
-                            <td><input class="form-control" type="number" step="0.00000001" data-bind="numericValue: $data.rotation"></td>
-                            <td><button class="btn btn-warning" data-bind="click: removeShipNode">&minus;</button></td>
+                            <td><input class="form-control" type="number" step="0.1"
+                                       data-bind="numericValue: $data.controlPointsDistance"></td>
+                            <td><input class="form-control" type="number" step="0.01"
+                                       data-bind="numericValue: $data.worldX"></td>
+                            <td><input class="form-control" type="number" step="0.01"
+                                       data-bind="numericValue: $data.worldY"></td>
+                            <td><input class="form-control" type="number" step="0.00000001"
+                                       data-bind="numericValue: $data.rotation"></td>
+                            <td>
+                                <button class="btn btn-warning" data-bind="click: removeShipNode">&minus;</button>
+                            </td>
                         </tr>
                         </tbody>
                     </table>
@@ -1234,6 +1350,630 @@
             </form>
             <!-- /ko -->
         </div>
+        <div class="tab-pane fade" id="tab-templates">
+            <button class="btn btn-primary" data-bind="click: addTemplate">Add Template</button>
+            <div class="row">
+                <div class="col-2">
+                    <div class="nav flex-column nav-pills">
+                        <!-- ko foreach: serverTemplates -->
+                        <a class="nav-link" data-toggle="pill"
+                           data-bind="attr: { href: '#template-tab-' + $index() }, text: $data.name"></a>
+                        <!-- /ko -->
+                    </div>
+                </div>
+                <div class="col-10">
+                    <div class="tab-content">
+                        <!-- ko foreach: serverTemplates -->
+                        <div class="tab-pane fade" data-bind="attr: { id: 'template-tab-' + $index() }">
+                            <div class="row">
+                                <div class="col">
+                                    <h2><span data-bind="text: $data.name"></span></h2>
+                                    <button class="btn btn-danger" data-bind="click: removeTemplate">Remove Template
+                                    </button>
+                                    <button class="btn btn-info" data-bind="click: rawEdit">Raw Editor</button>
+                                    <form>
+                                        <div class="row">
+                                            <fieldset class="col-6">
+                                                <legend>Basic Data</legend>
+                                                <div class="form-group row">
+                                                    <label data-bind="attr: { for: 'Template-name-' + $index() }"
+                                                           class="col-sm-2 col-form-label">Name</label>
+                                                    <div class="col-sm-10">
+                                                        <input data-bind="attr: { id: 'Template-name-' + $index() }, value: $data.name"
+                                                               type="text"
+                                                               class="form-control">
+                                                    </div>
+                                                </div>
+                                                <div class="form-group row">
+                                                    <label data-bind="attr: { for: 'Template-ip-' + $index() }"
+                                                           class="col-sm-2 col-form-label">IP</label>
+                                                    <div class="col-sm-10">
+                                                        <input data-bind="attr: { id: 'Template-ip-' + $index() }, value: $data.ip"
+                                                               type="text"
+                                                               class="form-control">
+                                                    </div>
+                                                </div>
+                                                <div class="form-group row">
+                                                    <label data-bind="attr: { for: 'Template-port-' + $index() }"
+                                                           class="col-sm-2 col-form-label">Port</label>
+                                                    <div class="col-sm-10">
+                                                        <input data-bind="attr: { id: 'Template-port-' + $index() }, numericValue: $data.port"
+                                                               type="number"
+                                                               class="form-control">
+                                                    </div>
+                                                </div>
+                                                <div class="form-group row">
+                                                    <label data-bind="attr: { for: 'Template-gamePort-' + $index() }"
+                                                           class="col-sm-2 col-form-label">Game Port</label>
+                                                    <div class="col-sm-10">
+                                                        <input data-bind="attr: { id: 'Template-gamePort-' + $index() }, numericValue: $data.gamePort"
+                                                               type="number"
+                                                               class="form-control">
+                                                    </div>
+                                                </div>
+                                                <div class="form-group row">
+                                                    <label data-bind="attr: { for: 'Template-seamlessDataPort-' + $index() }"
+                                                           class="col-sm-2 col-form-label">Seamless Data Port</label>
+                                                    <div class="col-sm-10">
+                                                        <input data-bind="attr: { id: 'Template-seamlessDataPort-' + $index() }, numericValue: $data.seamlessDataPort"
+                                                               type="number"
+                                                               class="form-control">
+                                                    </div>
+                                                </div>
+                                                <div class="form-group row">
+                                                    <label data-bind="attr: { for: 'Template-gridX-' + $index() }"
+                                                           class="col-sm-2 col-form-label">Grid X</label>
+                                                    <div class="col-sm-10">
+                                                        <input data-bind="attr: { id: 'Template-gridX-' + $index() }, numericValue: $data.gridX"
+                                                               type="number"
+                                                               class="form-control">
+                                                    </div>
+                                                </div>
+                                                <div class="form-group row">
+                                                    <label data-bind="attr: { for: 'Template-gridY-' + $index() }"
+                                                           class="col-sm-2 col-form-label">Grid Y</label>
+                                                    <div class="col-sm-10">
+                                                        <input data-bind="attr: { id: 'Template-gridY-' + $index() }, numericValue: $data.gridY"
+                                                               type="number"
+                                                               class="form-control">
+                                                    </div>
+                                                </div>
+                                                <div class="form-group row">
+                                                    <label data-bind="attr: { for: 'Template-MachineIdTag-' + $index() }"
+                                                           class="col-sm-2 col-form-label">Machine ID Tag</label>
+                                                    <div class="col-sm-10">
+                                                        <input data-bind="attr: { id: 'Template-MachineIdTag-' + $index() }, value: $data.MachineIdTag"
+                                                               type="text"
+                                                               class="form-control">
+                                                    </div>
+                                                </div>
+                                                <div class="form-group row">
+                                                    <label data-bind="attr: { for: 'Template-isHomeServer-' + $index() }"
+                                                           class="col-sm-2 col-form-label">Is Home Server</label>
+                                                    <div class="col-sm-10">
+                                                        <input data-bind="attr: { id: 'Template-isHomeServer-' + $index() }, checked: $data.isHomeServer"
+                                                               type="checkbox"
+                                                               class="form-control">
+                                                    </div>
+                                                </div>
+                                                <!-- ko template: { name: 'textInputTemplate', data: {
+                                                        id: 'Template-AdditionalCmdLineParams-' + $index(),
+                                                        value: $data.AdditionalCmdLineParams,
+                                                        key: 'AdditionalCmdLineParams',
+                                                        label: 'CLI Params'
+                                                    } } --><!-- /ko -->
+                                            </fieldset>
+                                            <div class="col-6">
+                                                <fieldset>
+                                                    <legend>Biome Options</legend>
+                                                    <!-- ko template: { name: 'deparseInputTemplate', data: {
+                                                        id: 'Template-GlobalBiomeSeamlessServerGridPreOffsetValues-' + $index(),
+                                                        value: $data.GlobalBiomeSeamlessServerGridPreOffsetValues,
+                                                        key: 'GlobalBiomeSeamlessServerGridPreOffsetValues',
+                                                        label: 'Land Values'
+                                                    } } --><!-- /ko -->
+                                                    <!-- ko template: { name: 'deparseInputTemplate', data: {
+                                                        id: 'Template-GlobalBiomeSeamlessServerGridPreOffsetValuesOceanWater-' + $index(),
+                                                        value: $data.GlobalBiomeSeamlessServerGridPreOffsetValuesOceanWater,
+                                                        key: 'GlobalBiomeSeamlessServerGridPreOffsetValuesOceanWater',
+                                                        label: 'Water Values'
+                                                    } } --><!-- /ko -->
+                                                </fieldset>
+                                                <fieldset>
+                                                    <legend>Override Options</legend>
+                                                    <!-- ko template: { name: 'textInputTemplate', data: {
+                                                        id: 'Template-OceanDinoDepthEntriesOverride-' + $index(),
+                                                        value: $data.OceanDinoDepthEntriesOverride,
+                                                        key: 'OceanDinoDepthEntriesOverride',
+                                                        label: 'Dino Depth Entries'
+                                                    } } --><!-- /ko -->
+                                                    <!-- ko template: { name: 'deparseInputTemplate', data: {
+                                                        id: 'Template-OceanEpicSpawnEntriesOverrideValues-' + $index(),
+                                                        value: $data.OceanEpicSpawnEntriesOverrideValues,
+                                                        key: 'OceanEpicSpawnEntriesOverrideValues',
+                                                        label: 'Epic Spawn Values'
+                                                    } } --><!-- /ko -->
+                                                    <!-- ko template: { name: 'textInputTemplate', data: {
+                                                        id: 'Template-oceanFloatsamCratesOverride-' + $index(),
+                                                        value: $data.oceanFloatsamCratesOverride,
+                                                        key: 'oceanFloatsamCratesOverride',
+                                                        label: 'Floatsam Crates'
+                                                    } } --><!-- /ko -->
+                                                    <!-- ko template: { name: 'textInputTemplate', data: {
+                                                        id: 'Template-treasureMapLootTablesOverride-' + $index(),
+                                                        value: $data.treasureMapLootTablesOverride,
+                                                        key: 'treasureMapLootTablesOverride',
+                                                        label: 'Map Loot Tables'
+                                                    } } --><!-- /ko -->
+                                                    <!-- ko template: { name: 'textInputTemplate', data: {
+                                                        id: 'Template-oceanEpicSpawnEntriesOverrideTemplateName-' + $index(),
+                                                        value: $data.oceanEpicSpawnEntriesOverrideTemplateName,
+                                                        key: 'oceanEpicSpawnEntriesOverrideTemplateName',
+                                                        label: 'Epic Spawn Template'
+                                                    } } --><!-- /ko -->
+                                                    <!-- ko template: { name: 'textInputTemplate', data: {
+                                                        id: 'Template-NPCShipSpawnEntriesOverrideTemplateName-' + $index(),
+                                                        value: $data.NPCShipSpawnEntriesOverrideTemplateName,
+                                                        key: 'NPCShipSpawnEntriesOverrideTemplateName',
+                                                        label: 'Ship Spawn Template'
+                                                    } } --><!-- /ko -->
+                                                    <!-- ko template: { name: 'textInputTemplate', data: {
+                                                        id: 'Template-RegionOverrides-' + $index(),
+                                                        value: $data.regionOverrides,
+                                                        key: 'regionOverrides',
+                                                        label: 'Region'
+                                                    } } --><!-- /ko -->
+                                                </fieldset>
+                                            </div>
+                                            <fieldset class="col-6">
+                                                <legend>Style Options</legend>
+                                                <div class="form-group row">
+                                                    <label data-bind="attr: { for: 'Template-templateColorR-' + $index() }"
+                                                           class="col-sm-2 col-form-label">Template Colour Red</label>
+                                                    <div class="col-sm-10">
+                                                        <input data-bind="attr: { id: 'Template-templateColorR-' + $index() }, numericValue: $data.templateColorR"
+                                                               type="number" step="0.1"
+                                                               class="form-control">
+                                                        <small class="form-text text-muted">templateColorR</small>
+                                                    </div>
+                                                </div>
+                                                <div class="form-group row">
+                                                    <label data-bind="attr: { for: 'Template-templateColorG-' + $index() }"
+                                                           class="col-sm-2 col-form-label">Template Colour Green</label>
+                                                    <div class="col-sm-10">
+                                                        <input data-bind="attr: { id: 'Template-templateColorG-' + $index() }, numericValue: $data.templateColorG"
+                                                               type="number" step="0.1"
+                                                               class="form-control">
+                                                        <small class="form-text text-muted">templateColorG</small>
+                                                    </div>
+                                                </div>
+                                                <div class="form-group row">
+                                                    <label data-bind="attr: { for: 'Template-templateColorB-' + $index() }"
+                                                           class="col-sm-2 col-form-label">Template Colour Blue</label>
+                                                    <div class="col-sm-10">
+                                                        <input data-bind="attr: { id: 'Template-templateColorB-' + $index() }, numericValue: $data.templateColorB"
+                                                               type="number" step="0.1"
+                                                               class="form-control">
+                                                        <small class="form-text text-muted">templateColorB</small>
+                                                    </div>
+                                                </div>
+                                                <div class="form-group row">
+                                                    <label data-bind="attr: { for: 'Template-waterColorR-' + $index() }"
+                                                           class="col-sm-2 col-form-label">Water Colour Red</label>
+                                                    <div class="col-sm-10">
+                                                        <input data-bind="attr: { id: 'Template-waterColorR-' + $index() }, numericValue: $data.waterColorR"
+                                                               type="number" step="0.1"
+                                                               class="form-control">
+                                                        <small class="form-text text-muted">waterColorR</small>
+                                                    </div>
+                                                </div>
+                                                <div class="form-group row">
+                                                    <label data-bind="attr: { for: 'Template-waterColorG-' + $index() }"
+                                                           class="col-sm-2 col-form-label">Water Colour Green</label>
+                                                    <div class="col-sm-10">
+                                                        <input data-bind="attr: { id: 'Template-waterColorG-' + $index() }, numericValue: $data.waterColorG"
+                                                               type="number" step="0.1"
+                                                               class="form-control">
+                                                        <small class="form-text text-muted">waterColorG</small>
+                                                    </div>
+                                                </div>
+                                                <div class="form-group row">
+                                                    <label data-bind="attr: { for: 'Template-waterColorB-' + $index() }"
+                                                           class="col-sm-2 col-form-label">Water Colour Blue</label>
+                                                    <div class="col-sm-10">
+                                                        <input data-bind="attr: { id: 'Template-waterColorB-' + $index() }, numericValue: $data.waterColorB"
+                                                               type="number" step="0.1"
+                                                               class="form-control">
+                                                        <small class="form-text text-muted">waterColorB</small>
+                                                    </div>
+                                                </div>
+                                                <div class="form-group row">
+                                                    <label data-bind="attr: { for: 'Template-skyStyleIndex-' + $index() }"
+                                                           class="col-sm-2 col-form-label">Sky Style</label>
+                                                    <div class="col-sm-10">
+                                                        <input data-bind="attr: { id: 'Template-skyStyleIndex-' + $index() }, numericValue: $data.skyStyleIndex"
+                                                               type="number" step="1"
+                                                               class="form-control">
+                                                        <small class="form-text text-muted">skyStyleIndex</small>
+                                                    </div>
+                                                </div>
+                                            </fieldset>
+                                            <fieldset class="col-6">
+                                                <legend>Misc Options</legend>
+                                                <div class="form-group row">
+                                                    <label data-bind="attr: { for: 'Template-floorZDist-' + $index() }"
+                                                           class="col-sm-2 col-form-label">Floor Z Distance</label>
+                                                    <div class="col-sm-10">
+                                                        <input data-bind="attr: { id: 'Template-floorZDist-' + $index() }, numericValue: $data.floorZDist"
+                                                               type="number" step="1"
+                                                               class="form-control">
+                                                        <small class="form-text text-muted">floorZDist</small>
+                                                    </div>
+                                                </div>
+                                                <div class="form-group row">
+                                                    <label data-bind="attr: { for: 'Template-utcOffset-' + $index() }"
+                                                           class="col-sm-2 col-form-label">UTC Offset</label>
+                                                    <div class="col-sm-10">
+                                                        <input data-bind="attr: { id: 'Template-utcOffset-' + $index() }, numericValue: $data.utcOffset"
+                                                               type="number" step="1"
+                                                               class="form-control">
+                                                        <small class="form-text text-muted">utcOffset</small>
+                                                    </div>
+                                                </div>
+                                                <div class="form-group row">
+                                                    <label data-bind="attr: { for: 'Template-transitionMinZ-' + $index() }"
+                                                           class="col-sm-2 col-form-label">Min Z Transition</label>
+                                                    <div class="col-sm-10">
+                                                        <input data-bind="attr: { id: 'Template-transitionMinZ-' + $index() }, numericValue: $data.transitionMinZ"
+                                                               type="number" step="1"
+                                                               class="form-control">
+                                                        <small class="form-text text-muted">transitionMinZ</small>
+                                                    </div>
+                                                </div>
+                                                <div class="form-group row">
+                                                    <label data-bind="attr: { for: 'Template-serverIslandPointsMultiplier-' + $index() }"
+                                                           class="col-sm-2 col-form-label">Point Multiplier</label>
+                                                    <div class="col-sm-10">
+                                                        <input data-bind="attr: { id: 'Template-serverIslandPointsMultiplier-' + $index() }, numericValue: $data.serverIslandPointsMultiplier"
+                                                               type="number" step="0.1"
+                                                               class="form-control">
+                                                        <small class="form-text text-muted">serverIslandPointsMultiplier</small>
+                                                    </div>
+                                                </div>
+                                            </fieldset>
+                                            <fieldset class="col-6">
+                                                <legend>Date Options</legend>
+                                                <!-- ko template: { name: 'textInputTemplate', data: {
+                                                        id: 'Template-lastModified-' + $index(),
+                                                        value: $data.lastModified,
+                                                        key: 'lastModified',
+                                                        label: 'Last Modified'
+                                                    } } --><!-- /ko -->
+                                                <!-- ko template: { name: 'textInputTemplate', data: {
+                                                        id: 'Template-lastImageOverride-' + $index(),
+                                                        value: $data.lastImageOverride,
+                                                        key: 'lastImageOverride',
+                                                        label: 'Last Image'
+                                                    } } --><!-- /ko -->
+                                            </fieldset>
+                                            <fieldset class="col-6">
+                                                <legend>Boolean Options</legend>
+                                                <div class="form-group row">
+                                                    <label data-bind="attr: { for: 'Template-islandLocked-' + $index() }"
+                                                           class="col-sm-2 col-form-label">Island Locked</label>
+                                                    <div class="col-sm-2">
+                                                        <input data-bind="attr: { id: 'Template-islandLocked-' + $index() }, checked: $data.islandLocked"
+                                                               type="checkbox"
+                                                               class="form-control">
+                                                    </div>
+                                                    <div class="col-sm-8">
+                                                        <small class="form-text text-muted">islandLocked</small>
+                                                    </div>
+                                                </div>
+                                                <div class="form-group row">
+                                                    <label data-bind="attr: { for: 'Template-discoLocked-' + $index() }"
+                                                           class="col-sm-2 col-form-label">Discovery Locked</label>
+                                                    <div class="col-sm-2">
+                                                        <input data-bind="attr: { id: 'Template-discoLocked-' + $index() }, checked: $data.discoLocked"
+                                                               type="checkbox"
+                                                               class="form-control">
+                                                    </div>
+                                                    <div class="col-sm-8">
+                                                        <small class="form-text text-muted">discoLocked</small>
+                                                    </div>
+                                                </div>
+                                                <div class="form-group row">
+                                                    <label data-bind="attr: { for: 'Template-pathsLocked-' + $index() }"
+                                                           class="col-sm-2 col-form-label">Paths Locked</label>
+                                                    <div class="col-sm-2">
+                                                        <input data-bind="attr: { id: 'Template-pathsLocked-' + $index() }, checked: $data.pathsLocked"
+                                                               type="checkbox"
+                                                               class="form-control">
+                                                    </div>
+                                                    <div class="col-sm-8">
+                                                        <small class="form-text text-muted">pathsLocked</small>
+                                                    </div>
+                                                </div>
+                                            </fieldset>
+                                            <fieldset class="col-12">
+                                                <legend>Sub Levels</legend>
+                                                <table class="table table-striped">
+                                                    <thead>
+                                                    <tr>
+                                                        <th>ID</th>
+                                                        <th>Name</th>
+                                                        <th>X</th>
+                                                        <th>Y</th>
+                                                        <th>Z</th>
+                                                        <th>Pitch</th>
+                                                        <th>Yaw</th>
+                                                        <th>Roll</th>
+                                                        <th>Override</th>
+                                                        <th>
+                                                            <button class="btn btn-primary"
+                                                                    data-bind="click: addServerSubLevel">&plus;
+                                                            </button>
+                                                        </th>
+                                                    </tr>
+                                                    </thead>
+                                                    <tbody data-bind="foreach: sublevels">
+                                                    <tr>
+                                                        <td><input class="form-control" type="number"
+                                                                   data-bind="numericValue: $data.id"></td>
+                                                        <td><input class="form-control" type="text"
+                                                                   data-bind="value: $data.name"></td>
+                                                        <td><input class="form-control" type="number" step="0.001"
+                                                                   data-bind="numericValue: $data.additionalTranslationX">
+                                                        </td>
+                                                        <td><input class="form-control" type="number" step="0.001"
+                                                                   data-bind="numericValue: $data.additionalTranslationY">
+                                                        </td>
+                                                        <td><input class="form-control" type="number" step="0.001"
+                                                                   data-bind="numericValue: $data.additionalTranslationZ">
+                                                        </td>
+                                                        <td><input class="form-control" type="number" step="0.001"
+                                                                   data-bind="numericValue: $data.additionalRotationPitch">
+                                                        </td>
+                                                        <td><input class="form-control" type="number" step="0.001"
+                                                                   data-bind="numericValue: $data.additionalRotationYaw">
+                                                        </td>
+                                                        <td><input class="form-control" type="number" step="0.001"
+                                                                   data-bind="numericValue: $data.additionalRotationRoll">
+                                                        </td>
+                                                        <td><input class="form-control" type="number"
+                                                                   data-bind="numericValue: $data.landscapeMaterialOverride">
+                                                        </td>
+                                                        <td>
+                                                            <button class="btn btn-primary"
+                                                                    data-bind="click: removeServerSubLevel">&minus;
+                                                            </button>
+                                                        </td>
+                                                    </tr>
+                                                    </tbody>
+                                                </table>
+                                            </fieldset>
+                                            <fieldset class="col-12">
+                                                <legend>Islands</legend>
+                                                <table class="table table-striped">
+                                                    <thead>
+                                                    <tr>
+                                                        <th>ID</th>
+                                                        <th>Name</th>
+                                                        <th>Spawner Overrides</th>
+                                                        <th>Min Treasure Quality</th>
+                                                        <th>Max Treasure Quality</th>
+                                                        <th>NPC Volumes for Treasure</th>
+                                                        <th>Level Bounds for Treasure</th>
+                                                        <th>Prioritise Volumes for Treasures</th>
+                                                        <th>Points</th>
+                                                        <th>Bottle Supply Override</th>
+                                                        <th>Width</th>
+                                                        <th>Height</th>
+                                                        <th>X</th>
+                                                        <th>Y</th>
+                                                        <th>Rotation</th>
+                                                        <th>
+                                                            <button class="btn btn-primary"
+                                                                    data-bind="click: addServerIslandInstance">&plus;
+                                                            </button>
+                                                        </th>
+                                                    </tr>
+                                                    </thead>
+                                                    <tbody data-bind="foreach: islandInstances">
+                                                    <tr>
+                                                        <td><input class="form-control" type="number"
+                                                                   data-bind="numericValue: $data.id"></td>
+                                                        <td><input class="form-control" type="text"
+                                                                   data-bind="value: $data.name"></td>
+                                                        <td><i>TODO</i></td>
+                                                        <td><input class="form-control" type="number" step="0.001"
+                                                                   data-bind="numericValue: $data.minTreasureQuality">
+                                                        </td>
+                                                        <td><input class="form-control" type="number" step="0.001"
+                                                                   data-bind="numericValue: $data.maxTreasureQuality">
+                                                        </td>
+                                                        <td><input class="form-control" type="checkbox"
+                                                                   data-bind="checked: $data.useNpcVolumesForTreasures">
+                                                        </td>
+                                                        <td><input class="form-control" type="checkbox"
+                                                                   data-bind="checked: $data.useLevelBoundsForTreasures">
+                                                        </td>
+                                                        <td><input class="form-control" type="checkbox"
+                                                                   data-bind="checked: $data.prioritizeVolumesForTreasures">
+                                                        </td>
+                                                        <td><input class="form-control" type="number" step="0.001"
+                                                                   data-bind="numericValue: $data.islandPoints"></td>
+                                                        <td><input class="form-control" type="text"
+                                                                   data-bind="value: $data.islandTreasureBottleSupplyCrateOverrides">
+                                                        </td>
+                                                        <td><input class="form-control" type="number" step="0.001"
+                                                                   data-bind="numericValue: $data.islandWidth"></td>
+                                                        <td><input class="form-control" type="number" step="0.001"
+                                                                   data-bind="numericValue: $data.islandHeight"></td>
+                                                        <td><input class="form-control" type="number" step="0.001"
+                                                                   data-bind="numericValue: $data.worldX"></td>
+                                                        <td><input class="form-control" type="number" step="0.001"
+                                                                   data-bind="numericValue: $data.worldY"></td>
+                                                        <td><input class="form-control" type="number" step="0.001"
+                                                                   data-bind="numericValue: $data.rotation"></td>
+                                                        <td>
+                                                            <button class="btn btn-primary"
+                                                                    data-bind="click: removeServerIslandInstance">
+                                                                &minus;
+                                                            </button>
+                                                        </td>
+                                                    </tr>
+                                                    </tbody>
+                                                </table>
+                                            </fieldset>
+                                            <fieldset class="col-12">
+                                                <legend>Discovery Zones</legend>
+                                                <table class="table table-striped">
+                                                    <thead>
+                                                    <tr>
+                                                        <th>ID</th>
+                                                        <th>Name</th>
+                                                        <th>Size X</th>
+                                                        <th>Size Y</th>
+                                                        <th>Size Z</th>
+                                                        <th>XP</th>
+                                                        <th>Manually Placed</th>
+                                                        <th>Explorer Note Index</th>
+                                                        <th>Allow Sea</th>
+                                                        <th>World X</th>
+                                                        <th>World Y</th>
+                                                        <th>Rotation</th>
+                                                        <th>
+                                                            <button class="btn btn-primary"
+                                                                    data-bind="click: addServerDiscoveryZone">&plus;
+                                                            </button>
+                                                        </th>
+                                                    </tr>
+                                                    </thead>
+                                                    <tbody data-bind="foreach: discoZones">
+                                                    <tr>
+                                                        <td><input class="form-control" type="number"
+                                                                   data-bind="numericValue: $data.id"></td>
+                                                        <td><input class="form-control" type="text"
+                                                                   data-bind="value: $data.name"></td>
+                                                        <td><input class="form-control" type="number" step="0.001"
+                                                                   data-bind="numericValue: $data.sizeX"></td>
+                                                        <td><input class="form-control" type="number" step="0.001"
+                                                                   data-bind="numericValue: $data.sizeY"></td>
+                                                        <td><input class="form-control" type="number" step="0.001"
+                                                                   data-bind="numericValue: $data.sizeZ"></td>
+                                                        <td><input class="form-control" type="number" step="0.001"
+                                                                   data-bind="numericValue: $data.xp"></td>
+                                                        <td><input class="form-control" type="checkbox"
+                                                                   data-bind="checked: $data.bIsManuallyPlaced"></td>
+                                                        <td><input class="form-control" type="number"
+                                                                   data-bind="numericValue: $data.explorerNoteIndex">
+                                                        </td>
+                                                        <td><input class="form-control" type="checkbox"
+                                                                   data-bind="checked: $data.allowSea"></td>
+                                                        <td><input class="form-control" type="number" step="0.001"
+                                                                   data-bind="numericValue: $data.worldX"></td>
+                                                        <td><input class="form-control" type="number" step="0.001"
+                                                                   data-bind="numericValue: $data.worldY"></td>
+                                                        <td><input class="form-control" type="number" step="0.001"
+                                                                   data-bind="numericValue: $data.rotation"></td>
+                                                        <td>
+                                                            <button class="btn btn-primary"
+                                                                    data-bind="click: removeServerDiscoveryZone">&minus;
+                                                            </button>
+                                                        </td>
+                                                    </tr>
+                                                    </tbody>
+                                                </table>
+                                            </fieldset>
+                                            <fieldset class="col-6">
+                                                <legend>Spawn Regions</legend>
+                                                <table class="table table-striped">
+                                                    <thead>
+                                                    <tr>
+                                                        <th>Name</th>
+                                                        <th>
+                                                            <button class="btn btn-primary"
+                                                                    data-bind="click: addServerSpawnRegion">&plus;
+                                                            </button>
+                                                        </th>
+                                                    </tr>
+                                                    </thead>
+                                                    <tbody data-bind="foreach: spawnRegions">
+                                                    <tr>
+                                                        <td><input class="form-control" type="text"
+                                                                   data-bind="value: $data.name"></td>
+                                                        <td>
+                                                            <button class="btn btn-primary"
+                                                                    data-bind="click: removeServerSpawnRegion">&minus;
+                                                            </button>
+                                                        </td>
+                                                    </tr>
+                                                    </tbody>
+                                                </table>
+                                            </fieldset>
+                                            <fieldset class="col-6">
+                                                <legend>Extra Sublevels</legend>
+                                                <table class="table table-striped">
+                                                    <thead>
+                                                    <tr>
+                                                        <th>Name</th>
+                                                        <th>
+                                                            <button class="btn btn-primary"
+                                                                    data-bind="click: addExtraSubLevels">&plus;
+                                                            </button>
+                                                        </th>
+                                                    </tr>
+                                                    </thead>
+                                                    <tbody data-bind="foreach: extraSublevels">
+                                                    <tr>
+                                                        <td><input class="form-control" type="text"
+                                                                   data-bind="value: $data"></td>
+                                                        <td>
+                                                            <button class="btn btn-primary"
+                                                                    data-bind="click: removeExtraSubLevels">&minus;
+                                                            </button>
+                                                        </td>
+                                                    </tr>
+                                                    </tbody>
+                                                </table>
+                                            </fieldset>
+                                            <fieldset class="col-6">
+                                                <legend>Total Extra Sublevels</legend>
+                                                <table class="table table-striped">
+                                                    <thead>
+                                                    <tr>
+                                                        <th>Name</th>
+                                                        <th>
+                                                            <button class="btn btn-primary"
+                                                                    data-bind="click: addTotalExtraSubLevels">&plus;
+                                                            </button>
+                                                        </th>
+                                                    </tr>
+                                                    </thead>
+                                                    <tbody data-bind="foreach: totalExtraSublevels">
+                                                    <tr>
+                                                        <td><input class="form-control" type="text"
+                                                                   data-bind="value: $data"></td>
+                                                        <td>
+                                                            <button class="btn btn-primary"
+                                                                    data-bind="click: removeTotalExtraSubLevels">&minus;
+                                                            </button>
+                                                        </td>
+                                                    </tr>
+                                                    </tbody>
+                                                </table>
+                                            </fieldset>
+                                        </div>
+                                    </form>
+                                </div>
+                            </div>
+                        </div>
+                        <!-- /ko -->
+                    </div>
+                </div>
+            </div>
+        </div>
     </div>
 </div>
 
@@ -1258,6 +1998,25 @@
     </div>
 </div>
 
+<div id="raw-modal" class="modal">
+    <div class="modal-dialog modal-xl">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title">Raw Editor</h5>
+                <button class="close" data-bind="click: cancelRawEdit">&times;</button>
+            </div>
+            <div class="modal-body">
+                <p>Dont break it! Its JSON, just at the particular area you selected</p>
+                <div id="raw-editor"></div>
+            </div>
+            <div class="modal-footer">
+                <button class="btn btn-secondary" data-bind="click: cancelRawEdit">Close</button>
+                <button class="btn btn-primary" data-bind="click: saveRawEdit">Save</button>
+            </div>
+        </div>
+    </div>
+</div>
+
 <script type="text/html" id="textInputTemplate">
     <div class="form-group row">
         <label data-bind="attr: { for: id }, text: label" class="col-sm-2 col-form-label"></label>
diff --git a/js/main.js b/js/main.js
index 70bc8b2..8db41a1 100644
--- a/js/main.js
+++ b/js/main.js
@@ -234,7 +234,80 @@ var viewmodel = ko.mapping.fromJS({
     ],
     "spawnerOverrideTemplates": [],
     "shipPaths": [],
-    "serverTemplates": [],
+    "serverTemplates": [
+        {
+            // Basic Data
+            "name": "No Build PVE",
+            "ip": "127.0.0.1",
+            "port": 50000,
+            "gamePort": 6666,
+            "seamlessDataPort": 27000,
+            "gridX": 0,
+            "gridY": 0,
+            "MachineIdTag": "",
+            "isHomeServer": false,
+            "AdditionalCmdLineParams": "",
+
+            // Biome Options
+            "GlobalBiomeSeamlessServerGridPreOffsetValues": "(BiomeZoneName=\"Tundra At Land\",PreOffsetMaxDistanceFromShore=100000.000000,PreOffsetTemperatureMultiplier=0.800000,PreOffsetTemperatureMultiplierMaxDistanceFromShore=0.800000,PreOffsetTemperatureAdditionMaxDistanceFromShore=-18.000000,PreOffsetTemperatureAddition=-12.000000,PreOffsetTemperatureExponent=1.000000,PreOffsetTemperatureExponentMaxDistanceFromShore=1.000000,BiomeZoneNameAltDistanceName=\"Tundra Open Water\",BiomeZoneNameAltDistanceAmount=0.000000)",
+            "GlobalBiomeSeamlessServerGridPreOffsetValuesOceanWater": "(BiomeZoneName=\"Tundra Ocean Water\",PreOffsetMaxDistanceFromShore=17500.000000,PreOffsetTemperatureMultiplier=0.750000,PreOffsetTemperatureMultiplierMaxDistanceFromShore=0.750000,PreOffsetTemperatureAdditionMaxDistanceFromShore=-45.000000,PreOffsetTemperatureAddition=-20.000000,PreOffsetTemperatureExponent=1.000000,PreOffsetTemperatureExponentMaxDistanceFromShore=1.000000,BiomeZoneNameAltDistanceName=\"Tundra Deep Ocean\",BiomeZoneNameAltDistanceAmount=0.500000)",
+
+            // Override Options
+            "OceanDinoDepthEntriesOverride": "",
+            "OceanEpicSpawnEntriesOverrideValues": "\"(NPCSpawnEntries=((NPCsToSpawn=(BlueprintGeneratedClass'/Game/Atlas/Creatures/MeanWhale/MeanWhale_Character_BP.MeanWhale_Character_BP_C'),NPCsSpawnOffsets=((X=0.000000,Y=0.000000,Z=-700.000000)),NPCsToSpawnPercentageChance=(1.000000)),(NPCsToSpawn=(BlueprintGeneratedClass'/Game/Atlas/Creatures/MeanWhale/MeanWhale_SeaMonster_Character_BP.MeanWhale_SeaMonster_Character_BP_C'),NPCsSpawnOffsets=((X=0.000000,Y=0.000000,Z=-700.000000)),NPCsToSpawnPercentageChance=(1.000000))),NPCSpawnLimits=,MaxDesiredNumEnemiesMultiplier=4.000000)\",",
+            "oceanFloatsamCratesOverride": "",
+            "treasureMapLootTablesOverride": "",
+            "oceanEpicSpawnEntriesOverrideTemplateName": "",
+            "NPCShipSpawnEntriesOverrideTemplateName": "",
+            "regionOverrides": "",
+
+            // Style Options
+            "templateColorR": 0.0,
+            "templateColorG": 0.0,
+            "templateColorB": 0.0,
+            "waterColorR": 0.5,
+            "waterColorG": 0.1,
+            "waterColorB": 0.1,
+            "skyStyleIndex": 2,
+
+            // Misc Options
+            "floorZDist": 0,
+            "utcOffset": 0,
+            "transitionMinZ": 0,
+            "serverIslandPointsMultiplier": 1.0,
+
+            // Date Options
+            "lastModified": "0001-01-01T00:00:00",
+            "lastImageOverride": "0001-01-01T00:00:00",
+
+            // Boolean Options
+            "islandLocked": false,
+            "discoLocked": false,
+            "pathsLocked": false,
+
+            // Long Tables
+            "sublevels": [],
+            "islandInstances": [],
+            "discoZones": [],
+
+            // Mini Tables
+            "spawnRegions": [],
+            "extraSublevels": [],
+            "totalExtraSublevels": [],
+
+            // Custom Data - Ignored!
+            "ServerCustomDatas1": "NPCShipDifficultyMult,NPCShipDifficultyLerp,NPCShipNumMult,FloatsamQualityMultiplier",
+            "ServerCustomDatas2": "2.0,0.5,1.6,5",
+            "ClientCustomDatas1": ",OceanDepthFadeExponent,OceanWaterScatterIntensity,",
+            "ClientCustomDatas2": ",-1,0.015,",
+
+            // ???? Will just have to have a custom JSON editor...
+            "OverrideShooterGameModeDefaultGameIni": {
+                "bDontUseClaimFlags": "1",
+                "NoClaimFlagPeriodDecayMultiplier": "4"
+            }
+        }
+    ],
 
     // ?!?!
     "OverrideShooterGameModeDefaultGameIni": {}
@@ -365,6 +438,34 @@ function saveDeparseEdit() {
     activeDeparseEdit = undefined;
 }
 
+var rawEditor = ace.edit("raw-editor");
+rawEditor.setTheme("ace/theme/monokai");
+rawEditor.session.setMode("ace/mode/json");
+
+var activeRawEdit;
+
+function rawEdit(data) {
+    activeRawEdit = data;
+    $('#raw-modal').on('hide.bs.modal', function () {
+        cancelRawEdit();
+    });
+    $('#raw-modal').modal('show');
+    rawEditor.setValue(ko.toJSON(ko.mapping.toJS(activeRawEdit), null, 2));
+}
+
+function cancelRawEdit() {
+    activeDeparseEdit = undefined;
+    $('#raw-modal').off('hide.bs.modal');
+    $('#raw-modal').modal('hide');
+}
+
+function saveRawEdit() {
+    $('#raw-modal').off('hide.bs.modal');
+    $('#raw-modal').modal('hide');
+    ko.mapping.fromJSON(rawEditor.getValue(), {}, activeRawEdit);
+    activeRawEdit = undefined;
+}
+
 function addServerSubLevel(obj) {
     var newSubLevel = {
         "id": ko.observable(0),
@@ -492,8 +593,19 @@ function addShipNode(obj) {
         "worldX": ko.observable(0),
         "worldY": ko.observable(0),
         "rotation": ko.observable(0)
-    }
+    };
     obj.Nodes.push(newNode);
 }
 
-function removeShipNode(obj, e) { ko.contextFor(e.target).$parent.Nodes.remove(obj) }
\ No newline at end of file
+function removeShipNode(obj, e) { ko.contextFor(e.target).$parent.Nodes.remove(obj) }
+
+function addTemplate() {
+    var newTemplate = {
+
+    };
+    viewmodel.serverTemplates.push(newTemplate);
+}
+
+function removeTemplate(obj) {
+    viewmodel.serverTemplates.remove(obj);
+}
\ No newline at end of file