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

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

{% block stylesheets %}
	<style>
		.radio input {

			margin-left: 10px;

		}
		.mandatory-star {
			color: red;
			font-size: 25px;
		}
		.mandatory-text {
			color: red;
		}
	</style>
{% endblock %}

{% block body %}
	
	{% if app.user.profile %}
      	<div class="d-flex align-items-center p-3 my-3 bg-green rounded box-shadow">
	      	{% if app.user.profile and app.user.profile.avatar and app.user.profile.avatar.path %}
	        	<img class="mr-3" src="/uploads/avatar/{{ app.user.profile.avatar.path }}" alt="{{ app.user.profile.firstname }} {{ app.user.profile.lastname }}" width="48" height="48">
			{% else %}
	        	<img class="mr-3" src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcTrxwZhuShcQieycZ7U7thuj9cmUESbEffhVLc_EsxRJCLPDr7NUA" alt="{{ app.user.profile.firstname }} {{ app.user.profile.lastname }}" width="48" height="48">
			{% endif %}

	        <div class="lh-100">
		        {% if app.user.profile %}
			          <h6 class="mb-0 lh-100">{{ app.user.profile.firstname }} {{ app.user.profile.lastname }}</h6>
			          <small>Membre depuis {{ app.user.created|date('Y') }}</small>
		        {% endif %}
	        </div>
      	</div>
    {% endif %}

      <div class="my-3 p-3 bg-white rounded box-shadow">
      	<!--
        	<h6 class="border-bottom border-gray pb-2 mb-0"><span data-feather="user"></span> Mon compte</h6>
		-->
				
		<form class="form-horizontal" method="POST" action="{{ path('app_setting_account') }}" {{ form_enctype(form) }} class="form form-horizontal" novalidate> 

	        <h6 class="border-bottom border-gray pb-2 mb-0">
	            Modifier votre mot de passe
	        </h6>
			{{ form_errors(form) }}

			<dl class="row p-3">

				<dt class="col-md-3 text-md-right">Mot de passe actuel</dt>
				<dd class="col-md-9">		
					{{ form_widget(form.current_password, { 'attr': {'class': 'form-control', 'placeholder': 'Mot de passe actuel'} }) }}
				</dd>
				<dt class="col-md-3 text-md-right">Nouveau mot de passe</dt>
				<dd class="col-md-9">					   							
					{{ form_widget(form.plainPassword.first, { 'attr': {'class': 'form-control', 'placeholder': 'Nouveau mot de passe'} }) }}
				</dd>
			
			<dt class="col-md-3 text-md-right">Confirmer le mot de passe</dt>
			<dd class="col-md-9">									

			{{ form_widget(form.plainPassword.second, { 'attr': {'class': 'form-control', 'placeholder': 'Confirmer le mot de passe'} }) }}
			</dd>

			<hr />

			{{ form_widget(form._token) }}

			<dt class="col-md-3 text-md-right"></dt>
			<dd class="col-md-9 text-right">
				<input class="btn btn-primary" type="submit" />
			</dd>

		</form>



      	</div>

       	<div class="my-3 p-3 bg-white rounded box-shadow">
	        <h6 class="border-bottom border-gray pb-2 mb-0">
	            Supprimer mon compte
	        </h6>
	        <div class="row">
		        <div class="col-md-4 offset-md-4">
					<!-- Button trigger modal -->
				<!--
					<button type="button" class="btn btn-danger m-3" data-toggle="modal" data-target="#exampleModal">
					  Supprimer mon compte
					</button>
				-->
				<p>Nous contacter : <small>app@rueduprof.com</small></p>
				</div>
			</div>


			<!-- Modal -->
			<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
			  <div class="modal-dialog" role="document">
			    <div class="modal-content">
			      <div class="modal-header">
			        <h5 class="modal-title" id="exampleModalLabel">Supprimer mon compte</h5>
			        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
			          <span aria-hidden="true">&times;</span>
			        </button>
			      </div>
			      <div class="modal-body">
			        Si vous souhaitez voir votre compte supprimé, cliquez sur Supprimer mon compte. 
			      </div>
			      <div class="modal-footer">
			        <button type="button" class="btn btn-secondary" data-dismiss="modal">Annuler</button>


					<form method="POST" action="{{ path('app_setting_delete_account', {'id': app.user.id}) }}">
						<input type="hidden" name="_method" value="DELETE">
						<input type="hidden" name="_token" value="{{ csrf_token('delete' ~ app.user.id) }}">
						<button class="btn btn-danger">Supprimer mon compte</button>
					</form>
					<!--
			        <button type="button" class="btn btn-danger">Supprimer mon compte</button>
					-->
			        
			      </div>
			    </div>
			  </div>


      	</div>


{% endblock body %}

{% block javascripts %}

{% endblock %}