# Path where the submitted JSON data will be appended
json_output = "answers.json"

# Title of the page and form
form_title = "User Onboarding Survey"

# Text displayed on the primary action button
submit_button = "Complete Submission"

# Text displayed in the success popup shown after submitting
success_message = "Success sending submission"

# Text displayed in a popup shown after submitting, in case of an error
error_message = "Error while sending submission"

custom_css = """
:root {
    --bg-body: #0f172a;
    --bg-card: #1e293b;
    --bg-input: #0f172a;

    --text-main: #f8fafc;
    --text-muted: #94a3b8;
    --text-inv: #ffffff;

    --primary: #6366f1;
    --primary-hover: #818cf8;
    --primary-glow: rgba(99, 102, 241, 0.25);

    --border-base: #334155;
    --border-focus: #6366f1;

    --radius-lg: 16px;
    --radius-md: 10px;
    --shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3), 0 10px 10px -5px rgba(0, 0, 0, 0.2);
}
"""

# Standard single-line input
[[fields]]
name = "username"
title = "Username"
description = "Enter your preferred display name"
answer_type = "text"
html_before = "<h2>Account Information</h2>" # Append html before this element

# Numeric input
[[fields]]
name = "years_experience"
title = "Years of Experience"
description = "How many years have you worked in this field?"
answer_type = "number"

# Email specific input
[[fields]]
name = "contact_email"
title = "Email Address"
description = "Where should we send your confirmation?"
answer_type = "email"

# Obscured text input
[[fields]]
name = "secret_key"
title = "Secret Key"
description = "Enter your private access code"
answer_type = "password"

# Web address input
[[fields]]
name = "portfolio_link"
title = "Portfolio URL"
description = "Link to your personal website"
answer_type = "url"

# Telephone number input
[[fields]]
name = "phone_number"
title = "Phone Number"
description = "Include your country code"
answer_type = "tel"
html_after = "<h2>Detailed Background</h2>" # Append html after this element

# Multi-line text box
[[fields]]
name = "bio"
title = "Short Biography"
description = "Tell us a bit about yourself"
answer_type = "textarea"

# Dropdown menu (uses the 'options' array)
[[fields]]
name = "region"
title = "Preferred Region"
description = "Select your primary work location"
answer_type = "select"
options = ["North America", "Europe", "Asia", "Other"]

# Toggle/Boolean input
[[fields]]
name = "tos_agree"
title = "Terms of Service"
description = "I have read and agree to the user guidelines"
answer_type = "checkbox"