| 1 |
<?php |
| 2 |
if (!defined('ABSPATH')) |
| 3 |
exit; // Exit if accessed directly |
| 4 |
|
| 5 |
$jwt_token = get_option('aibui_jwt_token', ''); |
| 6 |
if (empty($jwt_token)) { |
| 7 |
echo '<div class="ai-auth-container"><div class="ai-message error">' . esc_html__('Please sign in to access the AI Builder settings.', 'ai-builder') . '</div></div>'; |
| 8 |
return; |
| 9 |
} |
| 10 |
?> |
| 11 |
<div class="wrap ai-builder-settings"> |
| 12 |
<h1>AI Builder – Settings</h1> |
| 13 |
|
| 14 |
<p>Configure your global design tokens for AI-generated pages.</p> |
| 15 |
|
| 16 |
<form id="aibui-settings-form"> |
| 17 |
<table class="form-table" role="presentation"> |
| 18 |
<tbody> |
| 19 |
<tr> |
| 20 |
<th scope="row"><label for="primaryColor">Primary color</label></th> |
| 21 |
<td> |
| 22 |
<input name="primaryColor" id="primaryColor" type="color" /> |
| 23 |
</td> |
| 24 |
</tr> |
| 25 |
<tr> |
| 26 |
<th scope="row"><label for="secondaryColor">Secondary color</label></th> |
| 27 |
<td> |
| 28 |
<input name="secondaryColor" id="secondaryColor" type="color" /> |
| 29 |
</td> |
| 30 |
</tr> |
| 31 |
<tr> |
| 32 |
<th scope="row"><label for="siteName">Site name</label></th> |
| 33 |
<td> |
| 34 |
<input name="siteName" id="siteName" type="text" class="regular-text" |
| 35 |
placeholder="My Company" /> |
| 36 |
</td> |
| 37 |
</tr> |
| 38 |
<!-- <tr> |
| 39 |
<th scope="row"><label for="siteTagline">Tagline</label></th> |
| 40 |
<td> |
| 41 |
<input name="siteTagline" id="siteTagline" type="text" class="regular-text" |
| 42 |
placeholder="We build awesome things" /> |
| 43 |
</td> |
| 44 |
</tr> --> |
| 45 |
<tr> |
| 46 |
<th scope="row"><label for="siteDescription">Site description & context</label></th> |
| 47 |
<td> |
| 48 |
<textarea name="siteDescription" id="siteDescription" class="large-text" rows="4" |
| 49 |
placeholder="Describe your site and add any additional context that will help AI generate better content"></textarea> |
| 50 |
<p class="description">Start with your site's description, then add any relevant information about your business, target audience, or specific requirements.</p> |
| 51 |
</td> |
| 52 |
</tr> |
| 53 |
<tr> |
| 54 |
<th scope="row"><label for="designStyle">Design Style</label></th> |
| 55 |
<td> |
| 56 |
<select name="designStyle" id="designStyle" class="regular-text"> |
| 57 |
<option value="">-- Select Design Style --</option> |
| 58 |
<option value="minimalist">Minimalist & Clean</option> |
| 59 |
<option value="tech-modern">Tech & Modern (SaaS)</option> |
| 60 |
<option value="corporate">Corporate & Serious</option> |
| 61 |
<option value="brutalist">Bold & Brutalist</option> |
| 62 |
<option value="luxury">Luxury & Elegant</option> |
| 63 |
<option value="organic">Organic & Soft</option> |
| 64 |
</select> |
| 65 |
<p class="description" id="designStyle-description" style="margin-top:8px;color:#646970;font-style:italic;"></p> |
| 66 |
</td> |
| 67 |
</tr> |
| 68 |
<tr> |
| 69 |
<th scope="row"><label for="blockShapes">Block Shapes</label></th> |
| 70 |
<td> |
| 71 |
<select name="blockShapes" id="blockShapes" class="regular-text"> |
| 72 |
<option value="">-- Select Block Shape --</option> |
| 73 |
<option value="sharp">Sharp (Square)</option> |
| 74 |
<option value="soft">Soft (Slightly rounded)</option> |
| 75 |
<option value="rounded">Rounded</option> |
| 76 |
<option value="pill">Pill (Very round)</option> |
| 77 |
</select> |
| 78 |
<p class="description" id="blockShapes-description" style="margin-top:8px;color:#646970;font-style:italic;"></p> |
| 79 |
</td> |
| 80 |
</tr> |
| 81 |
<tr> |
| 82 |
<th scope="row"><label for="copywritingTone">Copywriting Tone</label></th> |
| 83 |
<td> |
| 84 |
<select name="copywritingTone" id="copywritingTone" class="regular-text"> |
| 85 |
<option value="">-- Select Copywriting Tone --</option> |
| 86 |
<option value="professional">Professional & Formal</option> |
| 87 |
<option value="friendly">Friendly & Casual</option> |
| 88 |
<option value="persuasive">Persuasive & Sales-oriented</option> |
| 89 |
<option value="educational">Educational & Informative</option> |
| 90 |
<option value="enthusiastic">Enthusiastic & Energetic</option> |
| 91 |
</select> |
| 92 |
<p class="description" id="copywritingTone-description" style="margin-top:8px;color:#646970;font-style:italic;"></p> |
| 93 |
</td> |
| 94 |
</tr> |
| 95 |
<!-- <tr> |
| 96 |
<th scope="row"><label for="nativeFont">Font (native)</label></th> |
| 97 |
<td> |
| 98 |
<select name="nativeFont" id="nativeFont"> |
| 99 |
<option value="system-ui">System UI (auto)</option> |
| 100 |
<option value="-apple-system">Apple System (macOS/iOS)</option> |
| 101 |
<option value="'Segoe UI'">Segoe UI (Windows)</option> |
| 102 |
<option value="Roboto">Roboto (Android)</option> |
| 103 |
<option value="Arial">Arial</option> |
| 104 |
<option value="Helvetica">Helvetica</option> |
| 105 |
<option value="'Noto Sans'">Noto Sans</option> |
| 106 |
<option value="sans-serif">sans-serif</option> |
| 107 |
</select> |
| 108 |
<p class="description">Browsers map to native OS fonts and fallback to sans-serif.</p> |
| 109 |
</td> |
| 110 |
</tr> --> |
| 111 |
</tbody> |
| 112 |
</table> |
| 113 |
|
| 114 |
<p class="submit"> |
| 115 |
<button type="submit" class="button button-primary">Save Settings</button> |
| 116 |
</p> |
| 117 |
</form> |
| 118 |
|
| 119 |
<div id="aibui-settings-toast" style="display:none;"></div> |
| 120 |
</div> |
