Added Tabs to edit page

views/editpage/index.html.twig

@@ -0,0 +1,62 @@
+{% extends '@novaconium/master.html.twig' %}
+
+{% block content %}
+<h2>Edit Page - {{ title }}</h2>
+
+<form method="post" action="/novaconium/savePage" id="edit-page-form-novaconium">
+
+    <input type="hidden" name="id" value="{{ rows.id }}">
+    <input type="hidden" name="token" value="{{ token }}">
+
+    <div class="form-group">
+        <button type="submit">Save Changes</button>
+    </div>
+
+    <div id="edit-page-title" class="form-group">
+        <label for="title">
+            Title
+            <span class="tooltip">?<span class="tooltiptext">This is the title for the cms, it's the default in twig, heading and metadata can be overwritten.</span></span>
+        </label>
+        
+        <input type="text" id="title" name="title" value="{{ rows.title }}" required>
+        <div id="edit-page-dates">
+            <strong>Last Updated:</strong> {{ rows.updated|date("Y-m-d H:i:s") }}, 
+            <strong>Created:</strong> {{ rows.created|date("Y-m-d H:i:s") }}
+        </div>
+    </div>
+
+    <div class="tab-container">
+
+        <!-- Tab Navigation -->
+        <nav class="tab-nav">
+            <button type="button" class="tab-button active" onclick="switchTab('content1')">Basic Info</button>
+            <button type="button" class="tab-button" onclick="switchTab('content2')">SEO & Meta</button>
+            <button type="button" class="tab-button" onclick="switchTab('content3')">Sitemap</button>
+            <button type="button" class="tab-button" onclick="switchTab('content4')">Page Tweaks</button>
+            <button type="button" class="tab-button" onclick="switchTab('content5')">Page Notes</button>
+            <button type="button" class="tab-button" onclick="switchTab('content6', this)">Tags</button>
+        </nav>
+
+        <div id="content1" class="tab-content active">
+            {% include '@novacore/editpage/tab-main.html.twig' %}
+        </div>
+        <div id="content2" class="tab-content">
+            {% include '@novacore/editpage/tab-metadata.html.twig' %}
+        </div>
+        <div id="content3" class="tab-content">
+            {% include '@novacore/editpage/tab-other.html.twig' %}
+        </div>
+        <div id="content4" class="tab-content">
+            {% include '@novacore/editpage/tab-tweaks.html.twig' %}
+        </div>
+        <div id="content5" class="tab-content">
+            {% include '@novacore/editpage/tab-notes.html.twig' %}
+        </div>
+        <div id="content6" class="tab-content">
+            {% include '@novacore/editpage/tab-tags.html.twig' %}
+        </div>
+    </div>
+
+</form>
+
+{% endblock %}