Add tabs to config page

system/admin/views/config-custom.html.php

@@ -1,5 +1,16 @@
-<h2>Your Custom Settings</h2>
+<h2>Custom Settings</h2>
 <br>
+<nav>
+  <div class="nav nav-tabs" id="nav-tab">
+    <a class="nav-item nav-link" id="nav-general-tab" href="<?php echo site_url();?>admin/config">General</a>
+    <a class="nav-item nav-link" id="nav-profile-tab" href="<?php echo site_url();?>admin/config/reading">Reading</a>
+    <a class="nav-item nav-link" id="nav-widget-tab" href="<?php echo site_url();?>admin/config/widget">Widget</a>
+    <a class="nav-item nav-link" id="nav-metatags-tab" href="<?php echo site_url();?>admin/config/metatags">Metatags</a>
+    <a class="nav-item nav-link" id="nav-performance-tab" href="<?php echo site_url();?>admin/config/performance">Performance</a>
+    <a class="nav-item nav-link active" id="nav-custom-tab" href="<?php echo site_url();?>admin/config/custom">Custom</a>
+  </div>
+</nav>
+<br><br>
 <p><u>hint:</u> Use <code>Ctrl</code>/<code>CMD</code> + <code>F</code> to search for your config key or value.</p>
 <p><u>pro tips:</u> You can creating custom config key and print out your config key value anywhere in your template.</p>
 <p><code>&lt;?php echo config('your.key'); ?&gt;</code></p>

system/admin/views/config-metatags.html.php

@@ -5,7 +5,18 @@ if (file_exists($config_file)) {
   $array = parse_ini_file($config_file, true);
 }
 ?>
-<h2>Metatags</h2>
+<h2>Metatags Settings</h2>
+<br>
+<nav>
+  <div class="nav nav-tabs" id="nav-tab">
+    <a class="nav-item nav-link" id="nav-general-tab" href="<?php echo site_url();?>admin/config">General</a>
+    <a class="nav-item nav-link" id="nav-profile-tab" href="<?php echo site_url();?>admin/config/reading">Reading</a>
+    <a class="nav-item nav-link" id="nav-widget-tab" href="<?php echo site_url();?>admin/config/widget">Widget</a>
+    <a class="nav-item nav-link active" id="nav-metatags-tab" href="<?php echo site_url();?>admin/config/metatags">Metatags</a>
+    <a class="nav-item nav-link" id="nav-performance-tab" href="<?php echo site_url();?>admin/config/performance">Performance</a>
+    <a class="nav-item nav-link" id="nav-custom-tab" href="<?php echo site_url();?>admin/config/custom">Custom</a>
+  </div>
+</nav>
 <br><br>
 <form method="POST">
 <input type="hidden" name="csrf_token" value="<?php echo get_csrf(); ?>">

system/admin/views/config-performance.html.php

@@ -1,4 +1,15 @@
-<h2>Performance</h2>
+<h2>Performance Settings</h2>
+<br>
+<nav>
+  <div class="nav nav-tabs" id="nav-tab">
+    <a class="nav-item nav-link" id="nav-general-tab" href="<?php echo site_url();?>admin/config">General</a>
+    <a class="nav-item nav-link" id="nav-profile-tab" href="<?php echo site_url();?>admin/config/reading">Reading</a>
+    <a class="nav-item nav-link" id="nav-widget-tab" href="<?php echo site_url();?>admin/config/widget">Widget</a>
+    <a class="nav-item nav-link" id="nav-metatags-tab" href="<?php echo site_url();?>admin/config/metatags">Metatags</a>
+    <a class="nav-item nav-link active" id="nav-performance-tab" href="<?php echo site_url();?>admin/config/performance">Performance</a>
+    <a class="nav-item nav-link" id="nav-custom-tab" href="<?php echo site_url();?>admin/config/custom">Custom</a>
+  </div>
+</nav>
 <br><br>
 <form method="POST">
 <input type="hidden" name="csrf_token" value="<?php echo get_csrf(); ?>">

system/admin/views/config-reading.html.php

@@ -1,4 +1,15 @@
 <h2>Reading Settings</h2>
+<br>
+<nav>
+  <div class="nav nav-tabs" id="nav-tab">
+    <a class="nav-item nav-link" id="nav-general-tab" href="<?php echo site_url();?>admin/config">General</a>
+    <a class="nav-item nav-link active" id="nav-profile-tab" href="<?php echo site_url();?>admin/config/reading">Reading</a>
+    <a class="nav-item nav-link" id="nav-widget-tab" href="<?php echo site_url();?>admin/config/widget">Widget</a>
+    <a class="nav-item nav-link" id="nav-metatags-tab" href="<?php echo site_url();?>admin/config/metatags">Metatags</a>
+    <a class="nav-item nav-link" id="nav-performance-tab" href="<?php echo site_url();?>admin/config/performance">Performance</a>
+    <a class="nav-item nav-link" id="nav-custom-tab" href="<?php echo site_url();?>admin/config/custom">Custom</a>
+  </div>
+</nav>
 <br><br>
 <form method="POST">
 <input type="hidden" name="csrf_token" value="<?php echo get_csrf(); ?>">

system/admin/views/config-widget.html.php

@@ -1,4 +1,15 @@
 <h2>Widget Settings</h2>
+<br>
+<nav>
+  <div class="nav nav-tabs" id="nav-tab">
+    <a class="nav-item nav-link" id="nav-general-tab" href="<?php echo site_url();?>admin/config">General</a>
+    <a class="nav-item nav-link" id="nav-profile-tab" href="<?php echo site_url();?>admin/config/reading">Reading</a>
+    <a class="nav-item nav-link active" id="nav-widget-tab" href="<?php echo site_url();?>admin/config/widget">Widget</a>
+    <a class="nav-item nav-link" id="nav-metatags-tab" href="<?php echo site_url();?>admin/config/metatags">Metatags</a>
+    <a class="nav-item nav-link" id="nav-performance-tab" href="<?php echo site_url();?>admin/config/performance">Performance</a>
+    <a class="nav-item nav-link" id="nav-custom-tab" href="<?php echo site_url();?>admin/config/custom">Custom</a>
+  </div>
+</nav>
 <br><br>
 <form method="POST">
 <input type="hidden" name="csrf_token" value="<?php echo get_csrf(); ?>">

system/admin/views/config.html.php

@@ -1,4 +1,15 @@
 <h2>General Settings</h2>
+<br>
+<nav>
+  <div class="nav nav-tabs" id="nav-tab">
+    <a class="nav-item nav-link active" id="nav-general-tab" href="<?php echo site_url();?>admin/config">General</a>
+    <a class="nav-item nav-link" id="nav-profile-tab" href="<?php echo site_url();?>admin/config/reading">Reading</a>
+    <a class="nav-item nav-link" id="nav-widget-tab" href="<?php echo site_url();?>admin/config/widget">Widget</a>
+    <a class="nav-item nav-link" id="nav-metatags-tab" href="<?php echo site_url();?>admin/config/metatags">Metatags</a>
+    <a class="nav-item nav-link" id="nav-performance-tab" href="<?php echo site_url();?>admin/config/performance">Performance</a>
+    <a class="nav-item nav-link" id="nav-custom-tab" href="<?php echo site_url();?>admin/config/custom">Custom</a>
+  </div>
+</nav>
 <br><br>
 <form method="POST">
 <input type="hidden" name="csrf_token" value="<?php echo get_csrf(); ?>">

system/admin/views/layout.html.php

@@ -114,32 +114,7 @@
             <ul class="nav nav-treeview">
               <li class="nav-item">
                 <a href="<?php echo site_url();?>admin/config" class="nav-link">
-                  <p>Config</p>
-                </a>
-              </li>
-              <li class="nav-item">
-                <a href="<?php echo site_url();?>admin/config/reading" class="nav-link">
-                  <p>Reading</p>
-                </a>
-              </li>
-              <li class="nav-item">
-                <a href="<?php echo site_url();?>admin/config/widget" class="nav-link">
-                  <p>Widget</p>
-                </a>
-              </li>
-              <li class="nav-item">
-                <a href="<?php echo site_url();?>admin/config/metatags" class="nav-link">
-                  <p>Metatags</p>
-                </a>
-              </li>
-              <li class="nav-item">
-                <a href="<?php echo site_url();?>admin/config/performance" class="nav-link">
-                  <p>Performance</p>
-                </a>
-              </li>
-              <li class="nav-item">
-                <a href="<?php echo site_url();?>admin/config/custom" class="nav-link">
-                  <p>Custom</p>
+                  <p>Configurations</p>
                 </a>
               </li>
               <li class="nav-item">