| @@ -17,12 +17,14 @@ | ||
| 17 | 17 | $show_signin = true; |
| 18 | 18 | } |
| 19 | 19 | ?> |
| 20 | 20 | |
| 21 | +<?php if (function_exists('aibui_render_onboarding_blocks')) { aibui_render_onboarding_blocks(); } ?> | |
| 21 | 22 | |
| 23 | + | |
| 22 | 24 | <!-- Cloudflare Turnstile --> |
| 23 | 25 | |
| 24 | -<div class="ai-auth-container ai-fade-in"> | |
| 26 | +<div class="ai-auth-container ai-fade-in<?php echo $show_dashboard ? ' ai-auth-container--dashboard' : ''; ?>"> | |
| 25 | 27 | <?php if ($show_signup): ?> |
| 26 | 28 | <!-- Formulaire d'inscription --> |
| 27 | 29 | <div class="ai-auth-header"> |
| 28 | 30 | <h2>Create Account</h2> |
| @@ -61,8 +63,23 @@ | ||
| 61 | 63 | </span> |
| 62 | 64 | </label> |
| 63 | 65 | </div> |
| 64 | 66 | |
| 67 | + <div class="ai-form-group ai-promo-wrap"> | |
| 68 | + <button type="button" class="ai-promo-toggle-btn" aria-expanded="false"> | |
| 69 | + Add a code | |
| 70 | + </button> | |
| 71 | + <div class="ai-promo-panel" hidden> | |
| 72 | + <label for="signup-promo-input" class="ai-promo-label">Promo code</label> | |
| 73 | + <div class="ai-promo-row"> | |
| 74 | + <input type="text" id="signup-promo-input" name="promo_code_input" class="ai-promo-input" | |
| 75 | + autocomplete="off" placeholder="Enter your code" spellcheck="false"> | |
| 76 | + <button type="button" class="ai-promo-validate-btn">Validate</button> | |
| 77 | + </div> | |
| 78 | + <p class="ai-promo-feedback" role="status" aria-live="polite"></p> | |
| 79 | + </div> | |
| 80 | + </div> | |
| 81 | + | |
| 65 | 82 | <!-- <div class="ai-form-group"> |
| 66 | 83 | <div id="cf-turnstile-signup" class="cf-turnstile" data-sitekey="VOTRE_CLE_SITE_TURNSTILE"></div> |
| 67 | 84 | </div> --> |
| 68 | 85 | |
| @@ -118,8 +135,9 @@ | ||
| 118 | 135 | <!-- Dashboard utilisateur connecté --> |
| 119 | 136 | <div class="ai-auth-header"> |
| 120 | 137 | <h2>Account Dashboard</h2> |
| 121 | 138 | <p>Welcome back! Here's your account overview</p> |
| 139 | + <p class="ai-account-email" id="account-email">Loading...</p> | |
| 122 | 140 | </div> |
| 123 | 141 | |
| 124 | 142 | <div class="ai-dashboard-content"> |
| 125 | 143 | <!-- Informations du plan --> |
| @@ -250,8 +268,46 @@ | ||
| 250 | 268 | </button> |
| 251 | 269 | </div> |
| 252 | 270 | </div> |
| 253 | 271 | |
| 272 | + <!-- Feedback / Help us improve --> | |
| 273 | + <div class="ai-dashboard-card"> | |
| 274 | + <div class="ai-card-header"> | |
| 275 | + <div class="ai-card-icon"> | |
| 276 | + <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> | |
| 277 | + <path d="M3 11C3 6.58172 6.58172 3 11 3H13C17.4183 3 21 6.58172 21 11V21H11C6.58172 21 3 17.4183 3 13V11Z" | |
| 278 | + stroke="currentColor" stroke-width="2" stroke-linejoin="round" /> | |
| 279 | + <path d="M8 10H16" stroke="currentColor" stroke-width="2" stroke-linecap="round" /> | |
| 280 | + <path d="M8 14H13" stroke="currentColor" stroke-width="2" stroke-linecap="round" /> | |
| 281 | + </svg> | |
| 282 | + </div> | |
| 283 | + <div class="ai-card-title"> | |
| 284 | + <h3>Help us improve</h3> | |
| 285 | + <div class="ai-plan-badge tuto"> | |
| 286 | + Feedback | |
| 287 | + </div> | |
| 288 | + </div> | |
| 289 | + </div> | |
| 290 | + <div class="ai-card-content"> | |
| 291 | + <p>Your feedback shapes the next versions of AI Builder. Share what you love, what's missing or any bug you spotted — it only takes a minute.</p> | |
| 292 | + <a href="https://tally.so/r/ob0EaM" target="_blank" rel="noopener noreferrer" | |
| 293 | + class="ai-secondary-btn ai-feedback-btn"> | |
| 294 | + <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> | |
| 295 | + <path d="M21 15C21 15.5304 20.7893 16.0391 20.4142 16.4142C20.0391 16.7893 19.5304 17 19 17H7L3 21V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V15Z" | |
| 296 | + stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> | |
| 297 | + </svg> | |
| 298 | + Share your feedback | |
| 299 | + <svg width="14" height="14" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" | |
| 300 | + style="margin-left: 2px;"> | |
| 301 | + <path d="M7 17L17 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" | |
| 302 | + stroke-linejoin="round" /> | |
| 303 | + <path d="M8 7H17V16" stroke="currentColor" stroke-width="2" stroke-linecap="round" | |
| 304 | + stroke-linejoin="round" /> | |
| 305 | + </svg> | |
| 306 | + </a> | |
| 307 | + </div> | |
| 308 | + </div> | |
| 309 | + | |
| 254 | 310 | <!-- Actions du compte --> |
| 255 | 311 | <div class="ai-dashboard-actions"> |
| 256 | 312 | <button type="button" class="ai-submit-btn ai-signout-btn" onclick="signOut()"> |
| 257 | 313 | <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
| @@ -312,8 +368,23 @@ | ||
| 312 | 368 | class="ai-link">Privacy |
| 313 | 369 | Policy</a> |
| 314 | 370 | </span> |
| 315 | 371 | </label> |
| 372 | + </div> | |
| 373 | + | |
| 374 | + <div class="ai-form-group ai-promo-wrap"> | |
| 375 | + <button type="button" class="ai-promo-toggle-btn" aria-expanded="false"> | |
| 376 | + Add a code | |
| 377 | + </button> | |
| 378 | + <div class="ai-promo-panel" hidden> | |
| 379 | + <label for="hidden-signup-promo-input" class="ai-promo-label">Promo code</label> | |
| 380 | + <div class="ai-promo-row"> | |
| 381 | + <input type="text" id="hidden-signup-promo-input" name="promo_code_input" class="ai-promo-input" | |
| 382 | + autocomplete="off" placeholder="Enter your code" spellcheck="false"> | |
| 383 | + <button type="button" class="ai-promo-validate-btn">Validate</button> | |
| 384 | + </div> | |
| 385 | + <p class="ai-promo-feedback" role="status" aria-live="polite"></p> | |
| 386 | + </div> | |
| 316 | 387 | </div> |
| 317 | 388 | |
| 318 | 389 | <!-- <div class="ai-form-group"> |
| 319 | 390 | <div id="cf-turnstile-hidden-signup" class="cf-turnstile" data-sitekey="VOTRE_CLE_SITE_TURNSTILE"></div> |