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

{% form_theme formProcedure _self %}

{% block stylesheets %}
<style>


  </style>



    {% endblock %}

{% block body %}
	<script src="https://code.jquery.com/ui/1.13.0/jquery-ui.js"></script>
	{{ form_start(formProcedure) }}
		<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 procédure
								{% else %}
								Procédure
								{% endif %}
								</h1>
							</div>
							<div class="col-lg-8">
                                <span class="float-right">
                                    {{ include('mod/edit-buttons.html.twig', {entname : 'procedure', entid : procedure.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(formProcedure.designation)}}</div>
										</div>
										
										<div class="row">
											<div class="col-sm-2 col-form-label text-sm-right"><p data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample"><i class="bi bi-people"></i></p></div>
										
												<div class="col-sm-5" class="collapse" id="collapseExample">
													{{ form_widget(formProcedure.responsable)}}<small id="" class="form-text text-muted">Responsable</small>
													{{ form_widget(formProcedure.suppleant)}}<small id="" class="form-text text-muted">Suppléant</small>
													{{ form_widget(formProcedure.redacteur)}}<small id="" class="form-text text-muted">Rédacteur</small>
												</div>
												<div class="col-sm-5" class="collapse" id="collapseExample">{{ form_widget(formProcedure.peoples)}}<small id="" class="form-text text-muted">Contributeurs</small></div>
											
										</div>
									</div>
								</div>
							</div>
						</div>
						{% if editMode %}
						<div class="row">
							<div class="col-sm-2 col-form-label text-sm-right"><p data-toggle="collapse" data-target="#collapseExample1" aria-expanded="false" aria-controls="collapseExample1"><i class="bi bi-shuffle"></i></p></div>
							<div class="col-sm-8 text-sm-left" class="collapse" id="collapseExample1">
								{{ include('mod/edit-workflow.html.twig', {ent : procedure, entname : 'procedure', entid : procedure.id }) }}
							</div>
						</div>
						{% endif %}
					
						<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="row">
                                                            <div class="col-lg-12">	
                                                                <div class="form-group">
                                                                    {{ form_widget(formProcedure.description)}}
                                                                    <small id="" class="form-text text-muted">{{ form_label(formProcedure.description, 'Description') }}</small>
                                                                </div>
                                                            </div>
													
                                                        </div>
														<div class="row">
                                                            <div class="col-lg-12">	
                                                                <div class="form-group">
                                                                    <span class="form-text m-b-none">{{ form_label(formProcedure.processus, 'Quel est le processus de rattachement') }}</span>
                                                                    {{ form_widget(formProcedure.processus)}}
                                                                    <small id="" class="form-text text-muted">Processus</small>
                                                                </div>
                                                            </div>
                                                        </div>
													
														{# <div class="row">
															<div class="col-lg-12">	
																<div class="form-group">
																	<span class="form-text m-b-none">Quelle est la cible a atteindre ?</span>
																	<div class="col-12">
																		<div class="row">
																			<div class="col-md-6"><span class="form-text m-b-none text-navy small">{{ form_label(formProcedure.valeurcible, 'Valeur cible') }}</span>{{ form_widget(formProcedure.valeurcible)}}</div>
																			<div class="col-md-6"><span class="form-text m-b-none text-navy small">{{ form_label(formProcedure.type, 'Type de valeur') }}</span>{{ form_widget(formProcedure.type)}}</div>
																		</div>
																	</div>
																</div>
															</div>
														</div> #}

														{# 
														 #}

														
														<h2>Etapes de la procédure {% if is_granted('ROLE_ADMIN') or is_granted('ROLE_USER_EDITABLE')%}<button type='button' id="add-proc" class="btn btn-primary btn-sm">+</button>{% endif %}</h2>
                                                        <div class="row">
                                                            <div class="col-lg-12">	
                                                                <div class="form-group" style="margin-bottom: 0;">
																	<div class="accordion stepssort" id="accordionExample">
                                                                    	{{ form_widget(formProcedure.steps) }}
																	</div>
                                                                </div>
                                                            </div>
                                                        </div>
													</div>
												</div>
											</div>
										</div>
									

										{% if editMode %}
										<div id="docs" class="tab-pane">
											<div class="panel-body">
												<h2>Gestionnaire de fichiers</h2>
													                                
												<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': 'Procedures', 'entryprefix': 'PRO', 'entryid': procedure.id, 'entryname': procedure.designation}}) }}" width="100%" height="500" frameborder="0"></iframe>
													</div>
												</div>
											</div>
										</div>
										{% endif %}
										<div id="comment" class="tab-pane">
											<div class="panel-body">
												<h2>Notes</h2>			                                
												<div class="form-group row">				
													<div class="col-sm-12">
														{# {{ form_widget(formProcedure.commentaire)}} #}
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>						
					</div>
				</div>
			</div>
		</div>

    {{ form_end(formProcedure) }}
{% endblock %}
    


{% block _procedure_steps_widget %}
		{{ form_widget(form)}}
{% endblock %}
{% block _procedure_steps_entry_widget %}

	
	<div class="card row sortable" style="margin:0px;" id="block_{{id}}">
		<div class="card-header" style="padding:0px;" id="heading_{{id}}">
		<strong>
			<button class="btn btn-link btn-block text-left" type="button" data-toggle="collapse" data-target="#collapse_{{id}}" aria-expanded="true" aria-controls="collapse_{{id}}">
			{{form.vars.value.designation | default("N/C")}}
			</button>
		</strong>
		</div>

		<div id="collapse_{{id}}" class="collapse" aria-labelledby="heading_{{id}}" data-parent="#accordionExample">
			<div class="card-body">
				<div class="row">
					<div class="col-lg-12">	
						{{ form_widget(form.designation)}}
					</div>
				</div>
				<div class="row">
					<div class="col-lg-12">	
						{{ form_widget(form.description)}}
					</div>
				</div>
				<div class="row">
					<div class="col-lg-6">	
						{{ form_widget(form.responsable)}}
					</div>
					<div class="col-lg-6">	
						{{ form_widget(form.suppleant)}}
					</div>
				</div>
				<div class="row">
					<div class="col-lg-12">	
						{{ form_widget(form.peoples)}}
					</div>
				</div>
				{# <div class="row">
					<div class="col-lg-6">	
						{{ form_widget(form.omin)}}
					</div>
					<div class="col-lg-6">	
						{{ form_widget(form.omout)}}
					</div>
				</div> #}
				<div class="row">
					<div class="col-lg-6">	
						{{ form_widget(form.nextyes)}}
					</div>
					<div class="col-lg-6">	
						{{ form_widget(form.nextno)}}
					</div>
				</div>
				{{ form_widget(form.duree)}}
				{{ form_widget(form.position)}}
			</div>
		</div>
	</div>




	{# <div class="row card" id="block_{{id}}">
		<div class="col-sm-12 card-body">	
			<div class="form-group row">
				<div class="col-6"><span class="form-text m-b-none text-navy">Désignation</span>{{ form_widget(form.designation)}}</div>
				<div class="col-1 noprint"><span class="form-text m-b-none text-navy">.</span>{% 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-xs"><i class="fa fa-trash"></i></button>{% endif %}</div> 
			</div>
		</div> 
	</div> #}

{% endblock %}

	
{% block javascripts %}


  <script>
  	$(document).ready(function() {		
		
        
		


        
  });


  </script>
	
{% endblock %}