{% extends 'base.html.twig' %}

{% block title %}Edit Profile{% endblock %}

{% block content %}
	{{ form_start(form, { 'attr': { 'class': 'kt-form frmProfile' }}) }}
		<div class="kt-container--fluid kt-grid__item kt-grid__item--fluid">
			<div class="kt-portlet kt-portlet--mobile">
				<div class="kt-portlet__head kt-portlet__head--lg">
					<div class="kt-portlet__head-label">
						<h3 class="kt-portlet__head-title">Edit Profile</h3>
					</div>

					<div class="kt-portlet__head-toolbar">
						<div class="kt-portlet__head-wrapper">
							<a href="{{ path('profile') }}" class="btn btn-clean btn-icon-sm mr-2">
								<i class="la la-long-arrow-left"></i>Back
							</a>
							<a href="{{ app.request.uri }}" class="btn btn-secondary btn-bold mr-2">Reset</a>
							<button class="btn btn-primary btn-bold" type="submit">Submit</button>
						</div>
					</div>
				</div>

				<div class="kt-portlet__body">
					<div class="form-group row">
						{{ form_label(form.email, '', {'label_attr': {'class': 'col-2 col-form-label font-weight-bold'}}) }}

						<div class="col-lg-6 col-xl-4">
							{{ form_widget(form.email, {'attr': {'class': 'form-control profile_email', 'autocomplete': 'off', 'placeholder': 'Enter email'}}) }}
							{{ form_errors(form.email) }}
						</div>
					</div>

					<div class="form-group row">
						{{ form_label(form.mobile, '', {'label_attr': {'class': 'col-2 col-form-label font-weight-bold'}}) }}

						<div class="col-lg-6 col-xl-4">
							{{ form_widget(form.mobile, {'attr': {'class': 'form-control profile_mobile', 'min': '1', 'minlength': '8', 'maxlength': '10', 'onkeypress': 'return /[0-9]/i.test(event.key)'}}) }}
							{{ form_errors(form.mobile) }}
						</div>
					</div>
				</div>
			</div>
		</div>
	{{ form_end(form) }}
{% endblock %}