<div class="checkout-form">
<div class="row pb-3">
<div class="col-xl-6 col-md-6">
<div class="input-div">
{{ form_row(form.contractStartDate, {
'attr': {
'placeholder': 'Contract start date'|trans
}
}) }}
</div>
</div>
<div class="col-xl-6 col-md-6">
<div class="input-div">
{{ form_row(form.invoiceInterval, {
'attr': {
'placeholder': 'Invoice interval'|trans
}
}) }}
</div>
</div>
</div>
<div class="row pb-3">
<div class="col-12">
<div class="input-div">
{{ form_widget(form.address.company, {
'attr': {
'placeholder': 'Company'|trans
}
}) }}
</div>
</div>
</div>
<div class="row pb-3">
<div class="col-xl-6 col-md-6">
<div class="input-div">
{{ form_widget(form.person.salutation, {
'attr': {
'placeholder': 'Salutation'|trans
}
}) }}
</div>
</div>
<div class="col-xl-6 col-md-6">
<div class="input-div">
{{ form_widget(form.person.firstname, {
'required': true,
'attr': {
'placeholder': 'Firstname'|trans
}
}) }}
</div>
</div>
<div class="col-xl-6 col-md-6">
<div class="input-div">
{{ form_widget(form.person.lastname, {
'required': true,
'attr': {
'placeholder': 'Lastname'|trans
}
}) }}
</div>
</div>
</div>
<div class="row pb-3">
<div class="col-xl-6 col-md-6">
<div class="input-div">
{{ form_widget(form.address.street, {
'required': true,
'attr': {
'placeholder': 'Street'|trans
}
}) }}
</div>
</div>
<div class="col-xl-6 col-md-6">
<div class="input-div">
{{ form_widget(form.address.housenr, {
'required': true,
'attr': {
'placeholder': 'Housenr'|trans
}
}) }}
</div>
</div>
<div class="col-xl-6 col-md-6">
<div class="input-div">
{{ form_widget(form.address.zipcode, {
'required': true,
'attr': {
'placeholder': 'Zipcode'|trans
}
}) }}
</div>
</div>
<div class="col-xl-6 col-md-6">
<div class="input-div">
{{ form_widget(form.address.city, {
'required': true,
'attr': {
'placeholder': 'City'|trans
}
}) }}
</div>
</div>
<div class="col-xl-6 col-md-6">
<div class="input-div">
{{ form_widget(form.address.country, {
'required': true,
'attr': {
'placeholder': 'Country'|trans
}
}) }}
</div>
</div>
</div>
<div class="row pb-3">
<div class="col-xl-6 col-md-6">
<div class="input-div">
{{ form_widget(form.contact.phone, {
'attr': {
'placeholder': 'Phone'|trans
}
}) }}
</div>
</div>
<div class="col-xl-6 col-md-6">
<div class="input-div">
{{ form_widget(form.contact.fax, {
'attr': {
'placeholder': 'Fax'|trans
}
}) }}
</div>
</div>
<div class="col-xl-6 col-md-6">
<div class="input-div">
{{ form_widget(form.contact.email, {
'required': true,
'attr': {
'placeholder': 'Email'|trans
}
}) }}
</div>
</div>
<div class="col-xl-6 col-md-6">
<div class="input-div">
{{ form_widget(form.contact.url, {
'attr': {
'placeholder': 'Url'|trans
}
}) }}
</div>
</div>
<div class="col-xl-6 col-md-6">
<div class="input-div">
{{ form_widget(form.image, {
'attr': {
'placeholder': 'Image'|trans
}
}) }}
</div>
</div>
</div>
</div>