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

{% form_theme formAction _self %}

{% block body %}
	{{ form_start(formAction) }}
		<div class="row">
			<div class="col-lg-12">
				<div class="ibox" id="printed">
					<div class="ibox-content">
						<div class="row">
							<div class="col-lg-4">
								<h1>
								{% if not editMode %}
								Nouvelle action
								{% else %}
								Action
								{% endif %}
								</h1>
							</div>
							<div class="col-lg-8">
                                <span class="float-right">
                                    {{ include('mod/edit-buttons.html.twig', {entname : 'action', entid : action.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-2"></div>
											<div class="col-sm-10">{{ form_widget(formAction.designation)}}</div>
										</div>
										<div class="form-group row">
											<label class="col-sm-2 col-form-label text-sm-right"><strong></strong></label>
											<div class="col-sm-5">
												{{ form_widget(formAction.responsable)}}<small id="" class="form-text text-muted">Responsable</small>
												{{ form_widget(formAction.suppleant)}}<small id="" class="form-text text-muted">Suppléant</small>
												{{ form_widget(formAction.redacteur)}}<small id="" class="form-text text-muted">Rédacteur</small>
											</div>
											<div class="col-sm-5">{{ form_widget(formAction.people)}}<small id="" class="form-text text-muted">Contributeurs</small></div>
											
										</div>
									</div>
								</div>
							</div>
						</div>
						{% if editMode %}
						<div class="row">
							<label class="col-sm-2 col-form-label text-sm-right"><strong></strong></label>
							<div class="col-sm-8 text-sm-left">
								{{ include('mod/edit-workflow.html.twig', {ent : action, entname : 'action', entid : action.id }) }}
							</div>
						</div>
						{% endif %}

						<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 row">
                                                            <label class="col-sm-2 col-form-label">{{ form_label(formAction.projet, 'Projet') }}</label>
                                                            <div class="col-sm-10">{{ form_widget(formAction.projet)}}</div>
                                                        </div>
                                                        
                                                        <div class="form-group row">
                                                            <label class="col-sm-2 col-form-label">{{ form_label(formAction.phase, 'Phase programme') }}</label>
                                                            <div class="col-sm-10">{{ form_widget(formAction.phase)}}</div>
                                                        </div>
                                                        
                                                        <div class="hr-line-dashed"></div>
										    
                                                        <div class="form-group  row">
                                                            <label class="col-sm-2 col-form-label">{{ form_label(formAction.description, 'Commentaire') }}</label>
                                                            <div class="col-sm-10">{{ form_widget(formAction.description)}}</div>
                                                        </div>
                                                        
                                                        <div class="hr-line-dashed"></div>
                                                        
                                                        <div class="form-group  row">
                                                            <label class="col-sm-2 col-form-label">{{ form_label(formAction.reference, 'Référence interne') }}</label>
                                                            <div class="col-sm-10">{{ form_widget(formAction.reference)}}</div>
                                                        </div>
                                                        
                                                        <div class="hr-line-dashed"></div>
                                                        
                                                        <div class="form-group row"><label class="col-sm-2 col-form-label">Statut</label>
                                                            <div class="col-sm-10">
                                                                <div class="row">
                                                                    <div class="col-md-6"><span class="form-text m-b-none text-navy">{{ form_label(formAction.statutaction, 'Statut de l\'action') }}</span>{{ form_widget(formAction.statutaction)}}</div>
                                                                    <div class="col-md-6"><span class="form-text m-b-none text-navy">{{ form_label(formAction.priorite, 'Priorité') }}</span>{{ form_widget(formAction.priorite)}}</div>
                                                                </div>
                                                            </div>
                                                        </div>
													</div>

													

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

													<div class="hr-line-dashed"></div>

													<h2>Tâches <button type='button' id="add-tache" class="btn btn-outline-success btn-xs">+</button></h2> 
                                                        <span class="form-text m-b-none text-navy"><small>Définissez les tâches et jalon de cette action</small></span>

                                                        <div class="form-group row">
                                                                <div class="col-sm-12">{{ form_widget(formAction.jalonConnectActions) }}</div>
                                                        </div>

                                                         <div class="hr-line-dashed"></div>

                                                        <div class="form-group row">
                                                            <label class="col-sm-2 col-form-label">{{ form_label(formAction.typeconformite, 'Domaine de conformité') }}</label>
                                                            <div class="col-sm-10">{{ form_widget(formAction.typeconformite)}}</div>
                                                        </div>
                                                        
                                                        <div class="hr-line-dashed"></div>
                                                        
                                                        <div class="form-group row">
                                                            <label class="col-sm-2 col-form-label">{{ form_label(formAction.domaineprojet, 'Domaine projet') }}</label>
                                                            <div class="col-sm-10">{{ form_widget(formAction.domaineprojet)}}</div>
                                                        </div>
                                                        
                                                        <div class="hr-line-dashed"></div>
                                                        
                                                        <div class="form-group row"><label class="col-sm-2 col-form-label">Relations</label>
                                                            <div class="col-sm-10">
                                                                <div class="row">
                                                                    <div class="col-md-12"><span class="form-text m-b-none text-navy">Parties intéressées</span>{{ form_widget(formAction.tiers)}}</div>
																	<div class="col-md-12"><span class="form-text m-b-none text-navy">Flux / Traitement</span>{{ form_widget(formAction.fluxes)}}</div>
                                                                    <div class="col-md-12"><span class="form-text m-b-none text-navy">Processus</span>{{ form_widget(formAction.processuses)}}</div>
                                                                    <div class="col-md-12"><span class="form-text m-b-none text-navy">Axes stratégiques</span>{{ form_widget(formAction.axes)}}</div>
                                                                    <div class="col-md-12"><span class="form-text m-b-none text-navy">Risques</span>{{ form_widget(formAction.risques)}}</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        
                                                        <div class="hr-line-dashed"></div>
                                                        
                                                        <div class="form-group row">
                                                            <label class="col-sm-2 col-form-label">{{ form_label(formAction.applications, 'Applications') }}</label>
                                                            <div class="col-sm-10">{{ form_widget(formAction.applications)}}</div>
                                                        </div>
                                                                                
                                                        <div class="hr-line-dashed"></div>
                                                        
                                                        <div class="form-group row">
                                                            <label class="col-sm-2 col-form-label">{{ form_label(formAction.sites, 'Site') }}</label>
                                                            <div class="col-sm-10">{{ form_widget(formAction.sites)}}</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': 'Actions', 'entryprefix': 'ACT', 'entryid': action.id, 'entryname': action.designation}}) }}" 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(formAction.commentaire)}}
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>						
					</div>
				</div>
			</div>
		</div>

    {{ form_end(formAction) }}
{% endblock %}

{% block _action_jalonConnectActions_widget %}
	{{ form_widget(form)}}
{% endblock %}

{% block _action_jalonConnectActions_entry_widget %}
	<div class="row" id="block_{{id}}">
		<div class="col-md-12">
			<div class="panel panel-default">
				<div class="panel-body">
					<div class="form-group  row">
						<div class="col-sm-10">
							{{ form_widget(form.jalon, { 'attr': {'class': 'VarDesignation'} })}}
						</div>
						<div class="col-md-2">
							{% if is_granted('ROLE_ADMIN') or is_granted('ROLE_USER_EDITABLE')%}
								<button type="button" data-action="delete" data-target="#block_{{id}}" id="del" class="btn btn-outline-secondary btn-sm"><i class="fa fa-trash"></i></button>
							{% endif %}
						</div>

						
						
						<div class="col-sm-10">
							<div class="form-check form-check-inline">
								<div class="hr-line-dashed"></div>
								{{ form_widget(form.jalon, { 'attr': {'class': 'VarDesignation'} })}}{{ form_widget(form.topjalon) }}{{ form_widget(form.fini, { 'attr': {'class': 'VarJalFini', 'data-action':'show'} })}}
							</div>
						</div>
					</div>
					
					
					
					<div class="form-group  row">
						
						<div class="col-sm-12">{{ form_widget(form.description)}}</div>
						
					</div>

					
					
					<div class="form-group row"><label class="col-sm-12 col-form-label">Tracking</label>
						<div class="col-sm-12">
							<div class="row">
								<div class="col-md-6"><span class="form-text m-b-none text-navy">Tendance</span>
									{{ form_widget(form.rag)}}
								</div>
								<div class="col-md-6"><span class="form-text m-b-none text-navy">Progression</span>
									{# {% if form.vars.value.fini is defined and form.vars.value.fini ==1 %}
									{{ form_widget(form.progression, { 'attr': {'class': 'VarProgression Off'} })}}
									{%else%}
									{{ form_widget(form.progression, { 'attr': {'class': 'VarProgression'} })}}
									{%endif%} #}
									{{ form_widget(form.progression, {'attr': {'class':"rangeactionprogress"}})}}
								</div>
							
								<div class="col-md-6"><span class="form-text m-b-none text-navy">Budget</span>
									{% if form.vars.value.fini is defined and form.vars.value.fini ==1 %}
									{{ form_widget(form.budget, { 'attr': {'class': 'VarBudget Off'} })}}
									{%else%}
									{{ form_widget(form.budget, { 'attr': {'class': 'VarBudget'} })}}
									{%endif%}
								</div>
								<div class="col-md-6"><span class="form-text m-b-none text-navy">J/H</span>
									{% if form.vars.value.fini is defined and form.vars.value.fini ==1 %}
									{{ form_widget(form.etp, { 'attr': {'class': 'VarEtp Off'} })}}
									{%else%}
									{{ form_widget(form.etp, { 'attr': {'class': 'VarEtp'} })}}
									{%endif%}
								</div>
							</div>
						</div>
					</div>

					
					
					<div class="form-group row"><label class="col-sm-12 col-form-label">Planification</label>
						<div class="col-sm-12">
							<div class="row">
								<div class="col-md-6"><span class="form-text m-b-none text-navy">Démarrage</span>
									{% if form.vars.value.fini is defined and form.vars.value.fini ==1 %}
									{{ form_widget(form.datedebut, { 'attr': {'class': 'VarDateDebut Off'} })}}
									{%else%}
									{{ form_widget(form.datedebut, { 'attr': {'class': 'VarDateDebut'} })}}
									{%endif%}
								</div>
								<div class="col-md-6"><span class="form-text m-b-none text-navy">Fin planifiée</span>
									{% if form.vars.value.fini is defined and form.vars.value.fini ==1 %}
									{{ form_widget(form.date, { 'attr': {'class': 'VarDateprevisionnelle Off'} })}}
									{%else%}
									{{ form_widget(form.date, { 'attr': {'class': 'VarDateprevisionnelle'} })}}
									{%endif%}
								</div>
							</div>
							<div class="row">
								<div class="col-md-6"><span class="form-text m-b-none text-navy">Outlook</span>
									{% if form.vars.value.fini is defined and form.vars.value.fini ==1 %}
									{{ form_widget(form.daterevue, { 'attr': {'class': 'VarDateRevue Off'} })}}
									{%else%}
									{{ form_widget(form.daterevue, { 'attr': {'class': 'VarDateRevue'} })}}
									{%endif%}
								</div>
								<div class="col-md-6"><span class="form-text m-b-none text-navy">Fin réelle</span>
									{% if form.vars.value.fini is defined and form.vars.value.fini ==1 %}
									{{ form_widget(form.datereelle, { 'attr': {'class': 'VarDateReelle On'} })}}
									{%else%}
									{{ form_widget(form.datereelle, { 'attr': {'class': 'VarDateReelle Off'} })}}
									{%endif%}
								</div>
							</div>
						</div>
					</div>	
				</div>
			</div>
		</div>
		
	</div>
{% endblock %}

	
{% block javascripts %}

	<script>

	$(document).ready(function() {		
		
        
		


        
	});	


			
		
	</script>
	
{% endblock %}