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

{% block stylesheet %}{% endblock %}

{% block title %}Mes certifications{% endblock %}

{% block body %}


<div class="row">
	<div class="col-md-4">

      	<div class="my-3 p-3 bg-white rounded box-shadow">

	        <h6 class="border-bottom border-gray pb-2 mb-0">
	        	<span data-feather="award"></span> Mes certifications
	        </h6>
	        {% if app.user.profile %}
		        {% for certification in app.user.profile.certifications %}
			        <div class="media text-muted pt-3">
			          <div class="media-body pb-3 mb-0 lh-125 border-bottom border-gray">
			            {% if certification.status %}
			            	<span class="badge badge-success">Validée</span>
			           	{% else %}
				            <span class="badge badge-danger">En cours</span>
				        {% endif %}
				        <br />
				        <!--
				            <a class="btn btn-text" href="{{ path('app_setting_certification_edit', {'id': certification.id }) }}">
				              	Modifier
				            </a>
				        -->
						<a class="btn btn-text" href="/uploads/avatar/{{ certification.document.path }}"   target="_blank">Télécharger</a>
			          </div>
			          <p class="rexr-right"><small>{{ certification.modified|date("d/m/Y à H:i:s")  }}</small></br></p>
			        </div>
			    {% else %}
			    	<div class="media text-muted pt-3">Vous avez 0 certification</div>
		        {% endfor %}
		    {% else %}
		        <div class="media text-muted pt-3">Vous avez 0 certification</div>
	        {% endif %}

      	</div>
   </div>
	<div class="col-md-8">

	    <div class="my-3 p-3 bg-white rounded box-shadow">

	        <h5 class="border-bottom border-gray pb-2 mb-0">
	        	<span data-feather="plus-circle"></span> Ajouter une certification
	        </h5>

			<form class="form-horizontal well" style="background-color: white;" method="POST" action="" {{ form_enctype(form) }} novalidate>

				<dl class="row p-3">

				 	<dt class="col-md-3 text-md-right">Description</dt>
				  	<dd class="col-md-9">

				  	{% set textError = '' %}
				  	{% if not form.content.vars.valid %}
				  		{% set textError = 'is-invalid' %}
				  	{% endif %}
				  		{{ form_widget(form.content, { 'attr': {'class': 'form-control ' ~ textError, 'placeholder': 'Description', 'rows': '5'} }) }}
				  		<div class="invalid-feedback">{{ form_errors(form.content) }}</div>
					</dd>
				

					<dt class="col-md-3 text-md-right">Document</dt>
					<dd class="col-md-9">


  						<div class="custom-file">
							{{ form_widget(form.document, { 'attr': {'class': 'custom-file-input'} }) }}
						</div>
					  	
					</dd>
				</dl>

				{{ form_widget(form._token) }}

				<div class="form-group text-right">
					<button class="btn btn-lg btn-primary" type="submit" />Ajouter</button>
				</div>
			</form>

		</div>
	</div>
</div>
{% endblock body %}
{% block javascripts %}
	<script>


	</script>
{% endblock %}