{% extends 'FollowUpBoardBundle:Board:board.html.twig' %}

{% block panelheading %}
    <div>
	    <a href="{{ path('project') }}">
	        <span class="glyphicon glyphicon-arrow-left"></span> Back to the list
	    </a>
    </div>



{% endblock panelheading %}


{% block panelbody %}

	<div class="row">
		<div class="col-md-4">
			<div class="panel panel-default">
				<div class="panel-heading">
					<div class="row">
						<div class="col-md-6">
								Edit: {{entity.name}} 
						</div>

						<div class='col-md-6'>
							{% if entity.status.label is defined %}
								<h4 style=""><span class="{{entity.status.label}}">{{entity.status.name}}</span></h4>
							{% endif %}
						</div>
					</div>
				</div>
				<div class="panel-body">		
					{{ form_start(edit_form) }}
					    {{ form_errors(edit_form) }}
					<table>
						<tbody>
							<tr>
								<th>
									Name
								</th>
								<td>
									{{form_widget(edit_form.name)}}
								</td>
							</tr>
							<tr>
								<th>
									Innitial Planned hours
								</th>
								<td>
									{{form_widget(edit_form.initialPlannedHours)}}
								</td>
							</tr>
							<tr>
								<th>
									Deadline
								</th>
								<td>
									{{ form_widget(edit_form.deadline) }}
								</td>
							</tr>				
							<tr>
								<th>
									Responsable
								</th>
								<td>
									{{form_widget(edit_form.responsable)}}
								</td>
							</tr>
							<tr>
								<th>
									Status
								</th>
								<td>
									{{form_widget(edit_form.status)}}
								</td>
							</tr>
							<tr>
								<th>
									Workpackage
								</th>
								<td>
									{{form_widget(edit_form.workpackage)}}
								</td>
							</tr>											
							<tr>
								<th>
									Observations
								</th>
								<td>
									{{form_widget(edit_form.observations)}}
								</td>
							</tr>
						</tbody>
					</table>
				   <hr>
					<div class="row">
						<div class="col-md-2">
							{{ form(edit_form) }}
						</div>
						{% if (entity.registerhours|length == 0) and entity.links|length == 0 %}
						<div class="col-md-1">
				    		{{ form(delete_form) }}    	
						</div>
						{% endif %}
				    </div>			
				</div>
			</div>

			<div class="panel panel-default">
				<div class="panel-heading">
					Register Hours
				</div>
				<div class="panel-body">
					{#{render(controller('FollowUpBoardBundle:RegisterHours:createProjectRegister', {'projectid':edit_form.vars.data.id} ))}#}			

					{% set options ={ 'projectid': edit_form.vars.data.id} %}
					{{render(controller('FollowUpBoardBundle:RegisterHours:new', {'options':options} ))}}
				</div>
			</div>

		</div>
		<div class="col-md-8">
			<div class="panel panel-default">
				<div class="panel-heading">
					{{ render(controller( 'FollowUpBoardBundle:Board:progressBar', {'workedHours':entity.getWorkedHours(),'plannedHours':entity.initialPlannedHours,'reviewedHours':entity.getReviewedHours()}))}}
				</div>
				<div class="panel-body">			
					{{render(controller( 'GraphsBundle:Default:projectHoursRegistersGraph', 
										{'projectid':edit_form.vars.data.id} 
									   )
							)
					}}
				</div>
			</div>
		</div>
	</div>


	<div class="row">
		<div class="col-md-4">
	
			<div class="panel panel-default">
					<div class="panel-heading">
					</div>
					<div class="panel-body">

				    	<table  class="table table-bordered table-condensed">
				    		<thead>
				    			<tr>
				    				<th>
				    					<div class='text-center'>
				    						Date
				    					</div>
				    				</th>
				    				<th>
				    					<div class='text-center'>		    				
				    						User
				    					</div>
				    				</th>
				    				<th>
				    					<div class='text-center'>		    				
				    						Worked<br>Hours
				    					</div>
				    				</th>
				    				<th>
				    					<div class='text-center'>		    						    				
				    						Additional<br>Hours
				    					</div>
				    				</th>
				    				<th>
				    					
				    				</th>
				    			</tr>
				    		</thead>
				    		<tbody>
				    			{% for RH in edit_form.vars.data.registerHours %}
				    			<tr>
				    				<td>
				    					<div class='text-center'>		    				
				    						{{RH.date | date('d-m-Y') }}
				    					</div>
				    				</td>
				    				<td>
				    					<div class='text-center'>		    				
				    						{{RH.user}}
				    					</div>		    					
				    				</td>
				    				<td>
				    					<div class='text-center'>		    				
				    						{{RH.workedHours}}
				    					</div>		    					
				    				</td>
				    				<td>
				    					<div class='text-center'>		    				
				    						{{RH.additionalHours}}
				    					</div>		    					
				    				</td>
				    				<td>
				    					{{render(controller('FollowUpBoardBundle:RegisterHours:deleteButton', { 'id': RH.id } ))}}   
				    				</td>
				    			</tr>
				    			{% endfor %}
				    		</tbody>
				    	</table>

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

		
		{% set options ={ 'projectid': edit_form.vars.data.id} %}

		<div class="col-md-8">
			<div class="panel panel-default">
				<div class="panel-heading">
					{{render(controller('FollowUpBoardBundle:link:new', {'options':options}))}}
				</div>
				<div class="panel-body">

				    <table class="table table-bordered">
				        <thead>
				            <tr>
				                <th>Link</th>
				                <th>Actions</th>
				            </tr>
				        </thead>
				        <tbody>
				        {% for L in edit_form.vars.data.links %}
				            <tr>

				                <td><a href="http://{{ L.link }}" target="_blank">{{L.name}}</a></td>
				                <td>
				                        {#<a href="{{ path('link_show', { 'id': L.id }) }}">show</a>
				                        <a href="{{ path('link_edit', { 'id': L.id }) }}" >edit</a>#}
				    					{{render(controller('FollowUpBoardBundle:link:deleteButton', { 'id': L.id } ))}}  				                        
				                </td>
				            </tr>
				        {% endfor %}
				        </tbody>
				    </table>

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

	</div>
{% endblock panelbody%}