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

{% form_theme formPeople _self %}

{% block body %}
	{{ form_start(formPeople) }}
		<div class="row">
			<div class="col-lg-12">
				<div class="ibox" id="printed">
					<div class="ibox-content">
						<div class="row">
							<div class="col-lg-6">
								<h1>
								{% if not editMode %}
								Nouveau collaborateur
								{% else %}
								Collaborateur
								{% endif %}
								</h1>
							</div>
							<div class="col-lg-6">
								<span class="float-right">
									{{ include('mod/edit-buttons.html.twig', {entname : 'people', entid : people.id }) }}
								</span>
							</div>
						</div>
						<div class="row">
							<div class="col-lg-12">
								<div class="row">
									<div class="col-lg-12">
										<br>
										<div class="form-group row">
											<div class="col-sm-4">{{ form_widget(formPeople.firstname)}}</div>
											<div class="col-sm-8">{{ form_widget(formPeople.lastname)}}</div>
										</div>
																		
										<div class="row">
											<label class="col-sm-2 col-form-label text-sm-right"><strong></strong></label>
											<div class="col-sm-10 align-middle">Maj le {{ people.publishedat | date("d M Y")  }} par {{ people.Publisher.firstname | default("n/c") }}</div>
										</div>
										
									</div>
								</div>
							</div>
						</div>
						<br><br>
					
						<div class="row">
							<div class="col-lg-12">
								<div class="tabs-container">
									<ul class="nav nav-tabs">
										<li>
											<a class="nav-link active show" data-toggle="tab" href="#introduction"> 
												<span style="font-size: 18px;">
													<i class="fa fa-info-circle"></i>
												</span>
											</a>
										</li>
										{# {% if editMode %}
										<li>
											<a class="nav-link" data-toggle="tab" href="#docs"> 
												<span style="font-size: 18px;">
													<i class="fa fa-files-o"></i>
												</span>
											</a>
										</li>
										{% endif %}
										<li>
											<a class="nav-link" data-toggle="tab" href="#comment"> 
												<span style="font-size: 18px;">
													<i class="fa fa-pencil-square-o"></i>
												</span>
											</a>
										</li> #}
									</ul>
									
									<div class="tab-content">
										<div id="introduction" class="tab-pane active show">
											<div class="panel-body">
												<div class="row">	
													<div class="col-sm-12">
														<h2>Description</h2>
														<div class="form-group">
															{{ form_widget(formPeople.metier)}}
															<small id="" class="form-text text-muted">{{ form_label(formPeople.metier, 'Rattachement métier') }}</small>
														</div>                                                       

                                                        <div class="form-group">
															{{ form_widget(formPeople.n1)}}
															<small id="" class="form-text text-muted">{{ form_label(formPeople.n1, 'N+1') }}</small>
														</div> 

														 <div class="form-group">
															{{ form_widget(formPeople.role)}}
															<small id="" class="form-text text-muted">{{ form_label(formPeople.role, 'Fonction du collaborateur') }}</small>
														</div> 

														 <div class="form-group">
															{{ form_widget(formPeople.rolecomply)}}
															<small id="" class="form-text text-muted">{{ form_label(formPeople.rolecomply, 'Rôle comply') }}</small>
														</div> 

														<div class="form-group">
															{{ form_widget(formPeople.site)}}
															<small id="" class="form-text text-muted">{{ form_label(formPeople.site, 'Site de Rattachement') }}</small>
														</div> 

                                                        <div class="hr-line-dashed"></div>
															<div class="row">
																<div class="col-sm-12">
																	<div class="form-group">
																		{{ form_widget(formPeople.email)}}
																		<small id="" class="form-text text-muted">{{ form_label(formPeople.email, 'Email') }}</small>
																	</div> 
																	<div class="form-group">
																		{{ form_widget(formPeople.cellular)}}
																		<small id="" class="form-text text-muted">{{ form_label(formPeople.cellular, 'Téléphone') }}</small>
																	</div> 
																</div> 
															</div>
                                                        </div>
													</div>
												</div>
											</div>
										</div>
										{# {% if editMode %}
										<div id="docs" class="tab-pane">
											<div class="panel-body">
												<div class="row">
													<div class="col-md-12"><h3>Gestionnaire de fichiers</h3></div>
												</div>
												<br>			                                
												<div class="form-group row">				
													<div class="col-sm-12">
														<iframe id="myframe" src="{{ path('file_manager', {module:1, conf:'entry', tree:0, extra: {'customer':app.user.customer.id, 'customername':app.user.customer.designation,  'bigentity': 'Collaborateurs', 'entryprefix': 'COLLAB', 'entryid': people.id, 'entryname': people.lastname ~ people.firstname}}) }}" width="100%" height="500" frameborder="0"></iframe>
													</div>
												</div>
											</div>
										</div>
										{% endif %}
										<div id="comment" class="tab-pane">
											<div class="panel-body">
												<div class="row">
													<div class="col-md-12"><h3>Notes</h3></div>
												</div>
												<br>			                                
												<div class="form-group row">				
													<div class="col-sm-12">
														{{ form_widget(formPeople.commentaire)}}
													</div>
												</div>
											</div>
										</div> #}
									</div>
								</div>
							</div>
						</div>						
					</div>
				</div>
			</div>
		</div>

    {{ form_end(formPeople) }}
{% endblock %}


	
{% block javascripts %}

	<script>

	$(document).ready(function() {		
		
        
		


        
	});	


			
		
	</script>
	
{% endblock %}