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

{% block title %}ManiEduc - Mon compte
{% endblock %}

{% block content %}
	<div class="container mt-4 mb-4 p-3 d-flex justify-content-center">
		<div class="row">
			<div class="col-md-4">
				<div class="card hg p-4">
					<div class="image d-flex flex-column justify-content-center align-items-center">
						<a class="btnn btn-secondary">
							<img class="img-fluid profil-img" alt="photo de profil" src="{{asset('photo/')}}{{ app.user.photo }}">
						</a>
						<span class="name mt-3">{{ app.user.firstname }}
						</span>
						<span class="idd">
							{% if app.user.fonctions %}
								{{ app.user.fonctions }}
							{% else %}
								Aucune fonction
							{% endif %}
						</span>

						<div class="d-flex flex-row justify-content-center align-items-center mt-3">
							<span class="number">0
								<span class="follow">Séances</span>
							</span>
						</div>
						<div class=" d-flex mt-2">
							{{ form_start(form) }}
							{{ form_label(form.photo, 'Changer ma photo', {'label_attr': {'class': 'btn1 btn-dark'}}) }}
							{{ form_widget(form.photo, {'attr': {'class': 'd-none'}}) }}

						</div>


						<div class="text-center mt-4">
							<p class="font-weight-bold">Mon équipe :
							</p>
							<p>{{ club.name }}</p>
							<img class="logoclub" src="{{ asset('logo/') }}{{ (club.logo) }}" alt="logo {{ club.name }}">

						</div>
					</div>
				</div>
			</div>
			<div class="col-md-8">
				<div class="card hg p-4 scd">
					<div class="row">
						<div class="col-md-12">{{ form_row(form.email) }}
						</div>
						<div class="col-md-6">
							{{ form_row(form.firstname) }}
						</div>
						<div class="col-md-6">
							{{ form_row(form.lastname) }}
						</div>
						<div class="col-md-6">
							{{ form_row(form.fonctions) }}
						</div>
						<div class="col-md-6">
							{{ form_label(form.club, 'Votre club favori', {'label_attr':{'class':'block'}}) }}
							{{ form_widget(form.club, {'attr':{'class':'form-control'}}) }}
						</div>
						<div class="col-md-12">
							{{ form_row(form.category) }}
						</div>
						<div class="col-md-12">
							{{ form_row(form.submit) }}
						</div>
						{{ form_end(form) }}
					</div>
				</div>
			</div>
		</div>
	</div>
{% endblock %}