{% extends "App::layout_dashboard_user.html.twig" %}

{% block title %}Vos certifications{% endblock %}

{% block fos_user_content %}
	   <div class="img-cover img-cover-purple" style="background-image: url('/img/background_blue_v0011.jpg')">
    <div class="container p-t-b-50 m-t-60">
        <div class="row text-center">
            <div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1">
                <h3 class="no-m m-b-15 font-thin"   style="color: white;">Vos certifications</h3>

            </div>
        </div>
    </div>
</div>         


<div class="p-t-b-10 b-b-b-l">
    <div class="container">
        <div class="row">
            <div class="col-sm-6 m-t-b-10">
                <strong>0</strong> offres
            </div>
            <div class="col-sm-6 text-right m-t-b-10">
                <ol class="breadcrumb no-p-r-l no-m no-bg no-p">
                    <li><a href="#">Mon compte</a></li>
                    <li class="active">Vos certifications</li>
                </ol>
            </div>
        </div>
    </div>
</div>
<div class="content-padding p-t-20">
    <div class="container">
        <div class="row">

				<div class="col-lg-12">
					<div class="ibox float-e-margins">

						<div class="ibox-content">


							<div class="row">

								<div class="col-lg-4">

									{% include 'App::leftbar_setting.html.twig' %}
			
								</div>
								<div class="col-lg-8">
									<div class="ibox-title">
										<h3>Envoyer vos certifications</h3>
									
									</div>

                                    <p class="no-m text-muted">Scannez ou prenez en photo votre diplôme.</p>
                                    <hr />




									





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


                                          {{ form_errors(form) }}

                                          <div class="col-sm-12">

												<div class="form-group" style="padding:10px;">
													{{ form_widget(form.document) }}
												</div>
	      
	                                            <div class="form-group" style="padding:10px;">
	                                              {{ form_widget(form.content, { 'attr': {'class': 'form-control', 'placeholder': 'Description', 'rows': '5'} }) }}
	                                              <small style="color:#e74c3c;">{{ form_errors(form.content) }}</small>
	                                            </div>
	                               


                                            </div>




		                                          {{ form_widget(form._token) }}

												<div class="form-group" style="padding:10px;margin-left:0px;">
													<input class="btn btn-lg btn-primary" type="submit" />
												</div>
										</form>

										<hr />









            	{% for item in items %}

                <!-- START: COMMENT -->
                <div class="panel panel-default">
                    <div class="layout-fixed">
                        <div class="column col-200 b-b-r-l">
                            <div class="p-15 text-center">
                                <div><img src="/uploads/avatar/{{ app.user.profile.avatar.path }}" class="thumb-lg img-circle" alt="pic"></div>
                                <div class="h4 no-m m-t-b-10">{{ app.user.profile.firstname }} {{ app.user.profile.lastname }}</div>
                                <div class="m-b-10">


                                	{% if item.status == 1 %}
                                		<span class="label label-line label-success">Acceptée</span>
                                	{% elseif item.status == 0 %}
                                		<span class="label label-line label-default">En cours</span>                                		
                                	{% elseif item.status == 2 %}
                                		<span class="label label-line label-danger">Refusée</span>
                                	{% endif %}


                                </div>
                                <div class="text-xs text-muted">
                                    <div>{{ item.modified|date("d/m/Y à H:i:s")  }}</div>
                                </div>
                            </div>
                        </div>
                        <div class="column col-100p">
                            <div class="p-15">
                                <div>
                                    <div class="h4 no-m m-b-5"><span class="pull-right">#{{ item.id  }}</span></div>
                                    <div class="m-b-10 text-muted"><time class="timeago" datetime="{{ item.modified|date }}"></time></div>
                                </div>
                                <p>{{ item.content }}</p>

                            </div>
                            <div class="p-5 p-r-l-10 clearfix bg-light lt">
                            	<a class="text-xs pull-right m-l-5 p-3"  href="{{ path('app_certification_deleting', { 'id': item.id }) }}"  style="font-size:14px;font-weight:900;color:#c0392b;">Supprimer</a>

                                <a href="/uploads/avatar/{{ item.document.path }}" target="_blank" class="text-xs pull-center p-3" style="font-size:14px;font-weight:900;">Télécharger</a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- END: COMMENT -->

				{% else %}
					<p style="text-align: center;">Vous n'avez aucune certifications.<br /></p>				
					<hr />
                {% endfor %}





	
								</div>
							</div>



						</div>
					</div>
				</div>

			</div>

		</div>

	</div>




{% endblock fos_user_content %}
	


{% block javascripts %}
<script type="text/javascript" >

                    var current_url = window.location.href.toString();
                    var dev_env = false;
                    var domain = "";

                    function init ()
                    {

                        console.log(current_url);
                        if (current_url.includes("dev"))
                        {
                            dev_env = true;
                            domain = "http://localhost:8888/web/app_dev.php";

                        }
                        else if (!current_url.includes("dev"))
                        {
                            dev_env = false;
                            domain = "https://www.rueduprof.com";
                        }
                    }

</script>
<script src="/js/js/jquery.timeago.js" type="text/javascript"></script>
<script type="text/javascript">
	(function($) {
	  $(function() 
	  {
	  	init ();

		$( "#button-supp" ).click(function() 
		{
			console.log('Delete Account');
			jQuery.get( domain + "/send-email-deleting" );

			$('#myModal').modal('hide');

			document.getElementById ("alert-supp").innerHTML = '<div class="alert alert-success" role="alert">Votre compte sera supprimé <strong>définitivement</strong>.</div>';


		});

		 jQuery(".timeago").timeago();

	  });
	})(jQuery);
</script>
{% endblock %}