<div class="pad-company pad-toggle-company pad-toggle-target-as-company pad-toggle-state-{{pad-displayCompanyDetails}}">
    <h4 class="pad-company">
        <pad-translate>Bedrijfsgegevens</pad-translate>
    </h4>

    <label class="pad-company-name">
        <pad-translate>Bedrijfsnaam</pad-translate> *<br>
        <span>
            <pad-text-input
                    data-field-name="name"
                    data-field-placeholder="<pad-translate>Bedrijfsnaam</pad-translate>"
                    data-id-override="{{pad-uniqueId}}"
                    data-template="legacyBookingForm"
                    data-classes="pad-company"/>
        </span>
    </label>

    <pad-address-input data-field-name="address" data-classes="pad-company-address"/>

    <label class="pad-company-email pad-email">
        <pad-translate>Emailadres (bedrijf)</pad-translate> *<br>
        <span>
            <pad-text-input
                    data-field-name="email"
                    data-field-placeholder="<pad-translate>Emailadres</pad-translate>"
                    data-id-override="{{pad-uniqueId}}"
                    data-template="legacyBookingForm"
                    data-classes="pad-company"/>
        </span>
    </label>

    <pad-invoice-input/>

    <if-pad-showCompanyPhoneNumber>
        <label class="pad-company pad-phone-number">
            <pad-translate>Telefoonnummer</pad-translate> <if-pad-companyPhoneNumberManditory> * </if-pad-companyPhoneNumberManditory><br>
            <span>
                <pad-text-input
                        data-field-name="phone_number"
                        data-field-placeholder="<pad-translate>Telefoonnummer</pad-translate>"
                        data-id-override="{{pad-uniqueId}}"
                        data-template="legacyBookingForm"
                        data-classes="pad-company"/><br>
            </span>
        </label>
    </if-pad-showCompanyPhoneNumber>
</div>