{% extends 'ResourcesManagerV2Bundle::layout.html.twig' %}

{% block body %}
	<div class="col-md-6">
		<div class="panel panel-default">
  			<div class="panel-heading">{{project.name}}, Team</div>
  			<div class="panel-body">
				<table class="table table-condensed table-hover">
					<thead>
						<tr>
							<th>Name</th>
							<th>Profile</th>
							<th></th>
						</tr>
					</thead>
					{% for user in projectteam %}
					<div style="margin-left:2%">
						<tr>
							<td>{{user.name}} {{user.middlenames}} {{user.lastnames}}</td> 
							<td>{{user.profile}}</td>
							<td><a class="btn btn-mini btn-danger" href="{{ path ('resources_manager_V2_direct_remove', { 'iduser': user.id, 'idproject': project.id }) }}">remove</a></td>
						</tr>
					</div>
					{% endfor %}
				</table>
			</div>
		</div>
	</div>

	<div class="col-md-6 pull-right">
		<div class="panel panel-default">
  			<div class="panel-heading">All Enterprise Members</div>
  			<div class="panel-body">
		<table class="table table-condensed table-hover">
			<thead>
				<tr>
					<th>Name</th>
					<th>Enterprise Profile</th>
					<th>Actions</th>
				</tr>
			</thead>
		{% for member in members %}
			<div id="draggable{{member.id}}" style="margin-left:2%">
					{#{% for user in projectteam if user.name == member.name %}
        				<td>{{member.name}} {{member.middlename}} {{member.firstlastname}}</td>
        				<td>{{member.profile}}</td>
						<td>
							<a id="assignmember-button{{member.id}}" class="btn btn-mini"><b>more Info</b></a>
							<a class="btn btn-mini btn-primary" href="{{ path ('resources_manager_V2_direct_add', { 'iduser': member.id, 'idproject': project.id }) }}">add to team</a>
						</td>
    				{% endfor %}#}
				<tr>
					<td><a id="assignmember-button{{member.id}}" class="btn btn-mini">{{member.name}} {{member.middlenames}} {{member.lastnames}}</a></td>
					<td>{{member.profile}}</td>
					<td>
					
					<a class="btn btn-mini btn-primary" href="{{ path ('resources_manager_V2_direct_add', { 'iduser': member.id, 'idproject': project.id }) }}">add to team</a>
					</td>
				</tr>
			</div>
		{% endfor %}
		{% for member in memberswp %}
			<div id="draggable{{member.id}}" style="margin-left:2%">
				<tr>
					<td>{{member.name}} {{member.middlename}} {{member.firstlastname}}</td>
					<td>not defined</td>
					<td>
					<a id="assignmember-button{{member.id}}" class="btn btn-mini"><b>more Info</b></a>
					<a class="btn btn-mini btn-primary" href="{{ path ('resources_manager_V2_direct_add', { 'iduser': member.id, 'idproject': project.id }) }}">add to team</a>
					</td>
				</tr>
			</div>
		{% endfor %}
		</table>
  			</div>
		</div>		
	</div>

	{% for member in members %}
	<div id="assignmember{{member.id}}" title="{{member.username |title}} More Info"> 
		 {% render controller('ResourcesManagerV2Bundle:Assign:moreinfo', {'iduser':member.id}) %}
	</div>
	{% endfor %}

 {% endblock %}

 


{% block javascripts %}
{{parent()}}  

<script>
  $(function() {
    {% for member in members %}
    	//$("#arrastrame").draggable("option", "revert", true);
    	$( "#draggable{{member.id}}" ).draggable({
    		cursor: 'move',
    		revert: true

    	});
  	//$("#draggable{{member.id}}").draggable();
    {% endfor %}
    
    $( "#droppable" ).droppable({
      drop: function( event, ui ) {
        $( this )
          .addClass( "ui-state-highlight" )
          .find( "p" )
            .html( "Dropped!" );
      }
    });
  });
  </script>

<script>
 $(function() {
    var allFields = $( [] ),
      tips = $( ".validateTips" );

 {% for member in members %}
    $( "#assignmember{{member.id}}" ).dialog({
      autoOpen: false,
      height: 350,
      width: 500,
      modal: true,
      buttons: {
        
      },
      close: function() {
        allFields.val( "" ).removeClass( "ui-state-error" );
      }
    });

    $( "#assignmember-button{{member.id}}" )
      .click(function() {
        $( "#assignmember{{member.id}}" ).dialog( "open" );
      });
 {% endfor %}
    
  });
</script>
{% endblock %}