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

{% form_theme formNetwork _self %}

{% block body %}
	{{ form_start(formNetwork) }}
		<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">
								<h2>
								{% if not editMode %}
								Composant réseau
								{% else %}
								NET-{{ network.createdat | date("Y")  }}-{{ network.id }}
								{% endif %}
								</h2>
							</div>
							<div class="col-lg-6">
								<span class="float-right">
									{{ include('mod/edit-buttons.html.twig', {entname : 'network', entid : network.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(formNetwork.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(formNetwork.responsable)}}<small id="" class="form-text text-muted">Responsable</small>
												{{ form_widget(formNetwork.suppleant)}}<small id="" class="form-text text-muted">Suppléant</small>
												{{ form_widget(formNetwork.redacteur)}}<small id="" class="form-text text-muted">Rédacteur</small>
											</div>
											<div class="col-sm-5">{{ form_widget(formNetwork.peoples)}}<small id="" class="form-text text-muted">Contributeurs</small></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 : network, entname : 'network', entid : network.id }) }}
											</div>
										</div>
										{% endif %}
									</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>
													<div class="col-lg-12">	
														<div class="form-group">
															<span id="" class="form-text text-muted">{{ form_label(formNetwork.statutrun, 'Etat') }}</span>
															{{ form_widget(formNetwork.statutrun)}}
														</div>
													</div>
													<br>
													<div class="col-sm-6">
														<div class="form-group">
                                                            <span id="" class="form-text text-muted">{{ form_label(formNetwork.typenetwork, 'Type de composant') }}</span>
															{{ form_widget(formNetwork.typenetwork)}}
															
														</div>
                                                    </div>
                                                    <div class="col-sm-6">
                                                        <div class="form-group">
                                                        <span id="" class="form-text text-muted">{{ form_label(formNetwork.role, 'Quel est le rôle du composant ?') }}</span>
                                                            {{ form_widget(formNetwork.role)}}
                                                            
                                                        </div>
													</div>
                                                    <div class="col-sm-12">
														<div class="form-group">
 														<span id="" class="form-text text-muted">{{ form_label(formNetwork.description, 'Description') }}</span>
															{{ form_widget(formNetwork.description)}}
														</div>
													</div>
													<div class="col-sm-12">
														<div class="form-group">
 														<span id="" class="form-text text-muted">{{ form_label(formNetwork.localisation, 'Localisation') }}</span>
															{{ form_widget(formNetwork.localisation
															)}}
														</div>
													</div>

                                                    <div class="col-sm-6">
														<div class="form-group">
                                                            <span id="" class="form-text text-muted">{{ form_label(formNetwork.marque, 'Marque') }}</span>
															{{ form_widget(formNetwork.marque)}}
														</div>
													</div>
                                                    <div class="col-sm-6">
														<div class="form-group">
                                                            <span id="" class="form-text text-muted">{{ form_label(formNetwork.modele, 'Modèle') }}</span>
                                                            {{ form_widget(formNetwork.modele)}}
														</div>
													</div>
                                                    
                                                    
                                                    
                                                    <div class="col-sm-6">
														<div class="form-group">
                                                            <span id="" class="form-text text-muted">{{ form_label(formNetwork.version, 'Version (firmware)') }}</span>
															{{ form_widget(formNetwork.version)}}
														</div>
													</div>
                                                    <div class="col-sm-6">
														<div class="form-group">
                                                            <span id="" class="form-text text-muted">{{ form_label(formNetwork.numserie, 'Numéro de série') }}</span>
                                                            {{ form_widget(formNetwork.numserie)}}
														</div>
													</div>												
													<div class="col-sm-4">
														<div class="form-group">
															<span id="" class="form-text text-muted">{{ form_label(formNetwork.ip, 'Adresse IP') }}</span>
															{{ form_widget(formNetwork.ip)}}
														</div>
													</div>
													<div class="col-sm-4">
														<div class="form-group">
															<span id="" class="form-text text-muted">{{ form_label(formNetwork.mask, 'Masque de sous-réseau') }}</span>
															{{ form_widget(formNetwork.mask)}}
														</div>
													</div>
													<div class="col-sm-4">
														<div class="form-group">
															<span id="" class="form-text text-muted">{{ form_label(formNetwork.gateway, 'Passerelle') }}</span>
															{{ form_widget(formNetwork.gateway)}}
														</div>
													</div>
													
                                                
													<div class="col-lg-12">
														<h2>Relations</h2>
														<div class="row">
															<div class="col-lg-12">	

																<div class="form-group">
                                                                	<span id="" class="form-text text-muted">{{ form_label(formNetwork.networkconnexes, 'Quelles sont les composants réseaux connexes ?') }}</span>
																	{{ form_widget(formNetwork.networkconnexes)}}
																</div>
																
																<div class="form-group">
                                                                	<span id="" class="form-text text-muted">{{ form_label(formNetwork.systemes, 'Quelles sont les systèmes connectés ?') }}</span>
																	{{ form_widget(formNetwork.systemes)}}
																</div>
                                                                <div class="form-group">
																	<span id="" class="form-text text-muted">{{ form_label(formNetwork.storages, 'Quelles sont les composants stockages connectés ?') }}</span>
                                                                    {{ form_widget(formNetwork.storages)}}
																</div>
																<div class="form-group">
                                                                	<span id="" class="form-text text-muted">{{ form_label(formNetwork.applications, 'Quelles sont les applications associées ?') }}</span>
																	{{ form_widget(formNetwork.applications)}}
																</div>
                                                                <div class="form-group">
																	<span id="" class="form-text text-muted">{{ form_label(formNetwork.risques, 'Quelles sont les risques pour ce composant ?') }}</span>
                                                                    {{ form_widget(formNetwork.risques)}}
																</div>
								
															</div>
														</div>	
													</div>
													<div class="col-lg-12">
														<h2>Continuité des activités</h2>
														<div class="row">
															<div class="col-lg-12">	
																<div class="form-group">
                                                                	<span id="" class="form-text text-muted">{{ form_label(formNetwork.secours, 'Le composant est il secouru ?') }}</span>
																	{{ form_widget(formNetwork.secours)}}
																</div>
															</div>
														</div>
														
														<div class="row">
															<div class="col-lg-6">																
																<div class="form-group">
                                                                	<span id="" class="form-text text-muted">{{ form_label(formNetwork.dima, 'Délais d\'interruption maximal ?') }}</span>
																	{{ form_widget(formNetwork.dima)}}
																</div>
															</div>
															<div class="col-lg-6">	
                                                                <div class="form-group">
																	<span id="" class="form-text text-muted">{{ form_label(formNetwork.pdma, 'Perte de données maximale ?') }}</span>
                                                                    {{ form_widget(formNetwork.pdma)}}
																</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': 'Réseau', 'entryprefix': 'NET', 'entryid': network.id, 'entryname': network.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(formNetwork.commentaire)}} #}
													</div>
												</div>
											</div>
										</div>

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

    {{ form_end(formNetwork) }}
{% endblock %}




	
{% block javascripts %}

	<script>

	$(document).ready(function() {		
		
        
		


        
	});	


			
		
	</script>
	
{% endblock %}