{% extends 'app/security_tpl.html.twig' %}
{% import 'macro/form_messages.html.twig' as formError %}
{% block page_content %}
<div class="sign-up-header">
<h3 class="text-center mb-5">Create an iSTAMMER account</h3>
</div>
<div class="card">
<div class="card-body">
{{ form_start(form) }}
<div class="">
<h4 class="card-title">Personal Information</h4>
<div class="row">
<div class="col-md-6 col-sm-12">
<div class="form-group card-label">
<label>First Name <span>*<span></label>
{{ form_widget(form.firstname) }}
</div>
</div>
<div class="col-md-6 col-sm-12">
<div class="form-group card-label">
<label>Last Name <span>*<span></label>
{{ form_widget(form.lastname) }}
</div>
</div>
<div class="col-sm-6">
<div class="form-group card-label">
<label>Date of birth <span>*<span></label>
{{ form_widget(form.dob) }}
</div>
</div>
<div class="col-sm-6">
<div class="form-group card-label">
<label>Gender <span>*<span></label>
{{ form_widget(form.gender) }}
</div>
</div>
<div class="col-md-6 col-sm-12">
<div class="form-group card-label">
<label for="register_email" class="form-label required">Email <span>*<span></label>
{{ form_widget(form.email) }}
{{ formError.getErrors(form.email) }}
</div>
</div>
<div class="col-sm-6">
<div class="form-group card-label">
<label>Mobile Number <span>*<span></label>
{{ form_widget(form.contactNumber) }}
</div>
</div>
<div class="col-sm-12">
<div class="form-group card-label">
<label>Whatsapp Number <span>*<span></label>
{{ form_widget(form.whatsappNumber) }}
</div>
</div>
<div class="col-sm-12">
<div class="form-group card-label">
<label>Address <span>*<span></label>
{{ form_widget(form.address) }}
</div>
</div>
<div class="col-sm-12">
<div class="form-group card-label">
<label>City <span>*<span></label>
{{ form_widget(form.city) }}
</div>
</div>
<div class="col-sm-12">
<div class="form-group card-label">
<label>Country <span>*<span></label>
{{ form_widget(form.country) }}
</div>
</div>
<div class="col-sm-12">
<div class="form-group card-label radio">
<label>Register as <span>*<span></label>
{{ form_widget(form.registerAs) }}
</div>
</div>
<div class="col-sm-12">
<div class="form-group card-label">
<label>Upload profile photo</label>
{{ form_widget(form.thumbnail) }}
</div>
</div>
</div>
<div class="terms-and-policy pt-2 pb-2 m-20">
{{ form(form.acceptTerms) }}
<span class="agree">I agree to these <span class="terms"><a href="term-condition.html" target="_blank">Terms of Use</a> and <a href="privacy-policy.html" target="_blank">Privacy Policy</a></span></span>
</div>
<button class="btn btn-primary w-100 btn-lg login-btn" type="submit">Signup</button>
<div class="text-end">
<a class="forgot-link" href="{{ path('app.login') }}">Already have an account?</a>
</div>
{{ form_widget(form.latitude) }}
{{ form_widget(form.longitude) }}
</div>
{{ form_end(form) }}
</div>
</div>
{% endblock %}