<div class="flex flex-col gap-4 mb-4">
    {% include 'lib/inputs/text.twig' with { 
        type: 'text', 
        name: type ~ 'name', 
        label: 'Name',
        value: name 
    } %}
    {% include 'lib/inputs/text.twig' with { 
        type: 'text', 
        name: type ~ 'company', 
        label: 'Company', 
        optional: true,
        value: company
    } %}
    {% include 'lib/inputs/text.twig' with { 
        type: 'text', 
        name: type ~ 'addressLine1', 
        label: 'Address Line 1',
        value: addressLine1
    } %}
    {% include 'lib/inputs/text.twig' with { 
        type: 'text', 
        name: type ~ 'addressLine2', 
        label: 'Address Line 2',
        optional: true,
        value: addressLine2
    } %}
    <div class="flex gap-4">
        {% include 'lib/inputs/text.twig' with { 
            type: 'text', 
            name: type ~ 'city', 
            label: 'City',
            value: city
        } %}
        {% include 'lib/inputs/text.twig' with { 
            type: 'text', 
            name: type ~ 'state', 
            label: 'State',
            value: state
        } %}
        {% include 'lib/inputs/text.twig' with { 
            type: 'text', 
            name: type ~ 'zip', 
            label: 'Zip',
            value: zip
        } %}
    </div>
    {% include 'lib/inputs/text.twig' with { 
        type: 'text', 
        name: type ~ 'phone', 
        label: 'Phone',
        value: phone
    } %}
</div>
