<div class="flex flex-col gap-4 my-4">
    {% include 'lib/inputs/text.twig' with { 
        type: 'text', 
        name: 'name', 
        label: 'Name',
        value: user.name
    } %}
    <div class="flex gap-4">
        {% include 'lib/inputs/text.twig' with { 
            type: 'text', 
            name: 'company_name', 
            label: 'Company Name', 
            value: user.company_name
        } %}
        {% include 'lib/inputs/text.twig' with { 
            type: 'text', 
            name: 'company_type', 
            label: 'Company Type',
            value: user.company_type
        } %}
        {% include 'lib/inputs/text.twig' with { 
            type: 'text', 
            name: 'company_size', 
            label: 'Company Size',
            value: user.company_size
        } %}
    </div>
    {% include 'lib/inputs/toggle.twig' with { 
        name: 'dark_theme', 
        label: 'Use dark theme',
        on: user.dark_theme
    } %}
</div>
