new-templane/resources/view/admin/pages/layouts/default.php

<!-- Default Layout Form -->
<div class="space-y-6">
    <div>
        <label for="content" class="block text-sm font-medium text-gray-700 mb-2">Page Content</label>
        <textarea name="content" id="content" rows="10"
                  class="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
                  placeholder="Enter your page content here..."><?= htmlspecialchars($page['content'] ?? '') ?></textarea>
    </div>

    <!-- Basic Extra Fields for Default Layout -->
    <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
        <div>
            <label for="meta_description" class="block text-sm font-medium text-gray-700 mb-2">Meta Description</label>
            <textarea name="extra_fields[meta_description]" id="meta_description" rows="3"
                      class="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
                      placeholder="Brief description for search engines..."><?= htmlspecialchars($page['extra_fields']['meta_description'] ?? '') ?></textarea>
        </div>

        <div>
            <label for="meta_keywords" class="block text-sm font-medium text-gray-700 mb-2">Meta Keywords</label>
            <input type="text" name="extra_fields[meta_keywords]" id="meta_keywords"
                   value="<?= htmlspecialchars($page['extra_fields']['meta_keywords'] ?? '') ?>"
                   class="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
                   placeholder="keyword1, keyword2, keyword3">
        </div>
    </div>

    <div>
        <label for="custom_css" class="block text-sm font-medium text-gray-700 mb-2">Custom CSS (Optional)</label>
        <textarea name="extra_fields[custom_css]" id="custom_css" rows="4"
                  class="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 font-mono text-sm"
                  placeholder=".custom-style { color: #333; }"><?= htmlspecialchars($page['extra_fields']['custom_css'] ?? '') ?></textarea>
    </div>
</div>