{% import '@BidcozCore/_macro.html.twig' as macro %}
<div class="row">
<div class="col-md-6 required">
<div class="form-group">
{{ form_widget(form.firstName) }}
<div class="error">Field cannot be empty.</div>
</div>
</div>
<div class="col-md-6 required">
<div class="form-group">
{{ form_widget(form.lastName) }}
<div class="error">Field cannot be empty.</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 required">
<div class="form-group">
{{ form_widget(form.phone) }}
</div>
</div>
<div class="col-md-6 required">
<div class="form-group">
{{ form_widget(form.timezone) }}
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div id="text-opt-out">
<div class="form-group">{{ macro.checkbox(form.smsOptIn) }}</div>
</div>
<!--
<div class="form-group mt-n3 mb-3" style="padding-left: 2rem;">
<small>
*Receive time sensitive messages such as auction outbid and win notifications by text message.
Without a mobile phone number, all messages will be sent via email.
</small>
</div>
-->
</div>
</div>
<div class="row">
<div class="col-12 required">
<div class="form-group">
{{ form_widget(form.email) }}
<div class="error">Invalid format for email address.</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12 required">
<div class="form-group position-relative">
{{ form_widget(form.plainPassword, { attr: { placeholder: 'Password' } }) }}
<div class="error">Field cannot be empty.</div>
<div class="show-password password-icon"><i class="far fa-eye"></i></div>
<div class="hide-password password-icon"><i class="far fa-eye-slash"></i></div>
</div>
</div>
</div>
{% if withCc is defined and withCc %}
<div class="form-group required">
{{ form_rest(ccForm) }}
<div id="cc_info">
<div class="form-row mb-3">
<label for="card-element">Credit or Debit Card Required to Participate</label>
<div id="card-element" class="mt-1" style="border: 0.125rem solid #bdbdbd; border-radius: 0.375rem;">
<!-- a Stripe Element will be inserted here. -->
</div>
<!-- Used to display form errors -->
<div id="card-errors" role="alert"></div>
</div>
</div>
</div>
{% endif %}
<div class="form-group mb-3 required">
{% set labelText = 'I agree to the <a href="' ~ path('legal_user_terms') ~ '" class="text-info" target="_blank">CausePilot User Terms of Use</a> and to receive email and text notifications.' %}
{{ macro.checkbox(form.acceptTerms, labelText) }}
<div class="error">Please agree to the CausePilot Terms of Use to continue.</div>
</div>
{{ form_row(form.captcha) }}
{{ form_rest(form) }}