Styling edit form consistent with core Joomla CMS.

Author: HermanPeeren

src/administrator/components/com_ccm/language/en-GB/com_ccm.ini

@@ -1,6 +1,9 @@
 COM_CCM="CMS Content Migration"
 COM_CCM_APPLY_MIGRATION_BTN="Apply Migration"
+COM_CCM_CMS_DETAILS="CMS Details"
 COM_CCM_CMS_ID="CMS ID"
+COM_CCM_CMS_FORM_NEW="New CMS"
+COM_CCM_CMS_FORM_EDIT="Edit CMS"
 COM_CCM_CMS_NAME="CMS Name"
 COM_CCM_CMS_NAME_ADD="Add new CMS"
 COM_CCM_CMS_NAME_EDIT="Edit CMS"

src/administrator/components/com_ccm/tmpl/cms/edit.php

@@ -10,6 +10,7 @@
 defined('_JEXEC') or die;
 
 use Joomla\CMS\HTML\HTMLHelper;
+use Joomla\CMS\Language\Text;
 use Joomla\CMS\Router\Route;
 
 /** @var Joomla\CMS\WebAsset\WebAssetManager $wa */
@@ -18,20 +19,20 @@
    ->useScript('form.validate');
 ?>   
 
-<form action="<?php echo Route::_('index.php?option=com_ccm&view=cms&layout=edit&id=' . (int) $this->item->id); ?>" method="post" name="adminForm" id="cms-form" class="form-validate">
-    <div>
-        <div class="row">
-            <div class="col-md-9">
-                <div class="row">
-                    <div class="col-md-6">
-                        <?php foreach ($this->form->getFieldset() as $field) :?>
-                            <?php echo $field->renderField(); ?>
-                        <?php endforeach;?>
-                    </div>
-                </div>
-            </div>
-        </div>
+<form action="<?php echo Route::_('index.php?option=com_ccm&view=cms&layout=edit&id=' . (int) $this->item->id); ?>"
+      method="post" name="adminForm" id="cms-form" aria-label="<?php echo Text::_('COM_CCM_CMS_FORM_' . ((int) $this->item->id === 0 ? 'NEW' : 'EDIT'), true); ?>"
+      class="main-card form-validate">
+    <?php echo HTMLHelper::_('uitab.startTabSet', 'myTab', ['active' => 'details', 'recall' => true, 'breakpoint' => 768]); ?>
+    <?php echo HTMLHelper::_('uitab.addTab', 'myTab', 'details', Text::_('COM_CCM_CMS_DETAILS')); ?>
+    <div class="form-grid">
+        <?php foreach ($this->form->getFieldset() as $field) :?>
+            <?php echo $field->renderField(); ?>
+        <?php endforeach;?>
     </div>
+    <?php echo HTMLHelper::_('uitab.endTab'); ?>
+    <?php echo HTMLHelper::_('uitab.endTabSet'); ?>
+
+    <?php echo $this->form->renderControlFields(); ?>
     <input type="hidden" name="task" value="">
     <?php echo HTMLHelper::_('form.token'); ?>
 </form>