{% extends 'App::layout_mobile.html.twig' %}


{% block title %}Upload{% endblock title %}


{% block body %}


	<div class="row">
		<div class="col-md-12" style="margin:15px;text-align: center;">

			<h5 class="centered">Modifier une photo de profil</h5>

			{% if user.profile and user.profile.avatar %}
				<p class="text-center" style="text-align: center">
					<img width="100" src="/uploads/avatar/{{ user.profile.avatar.path }}"/>
				</p>
			{% endif %}

			<form class="form-horizontal" method="POST" action="" {{ form_enctype(form) }} class="form form-horizontal" novalidate> 
				{{ form_errors(form) }}


				<p style="text-align: center;">{{ form_widget(form.avatar) }}</p>
				
				<hr />
				
				{{ form_row(form._token) }}
				
				<input class="btn btn-lg btn-primary" id="myButton" data-loading-text="Loading..."  type="submit" value="Envoyer"  autocomplete="off"/>

			</form>






			<div class="col-md-12">
				<div class="alert alert-info" role="alert">
					<p><i class="fa fa-info-circle" aria-hidden="true"></i> En cas de problème technique, Vous pouvez vous rendre sur : <strong><a href="https://www.rueduprof.com/" target="_blank">https://www.rueduprof.com/</a></strong></p>
					<p>Ou nous contacter à cette adresse : <strong><a href="mailto:app@rueduprof.com">app@rueduprof.com</a></strong></p>
				</div>
			</div>

		</div>
	</div>


{% endblock body %}

{% block js %}
<script>
  $('#myButton').on('click', function () {
  	console.log('Ok');
    var $btn = $(this).button('loading')
    // business logic...
    //$btn.button('reset')
  })
</script>
{% endblock js %}