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

{% set active = 4 %}

{% block body %}
	<h4 style=""><small>RM:</small> Project {{project.name}}</h4>
	<div class="span6">
		<h5>All Enterprise Members</h5>
		<table class="table table-condensed table-hover">
		<tr>
			<th>Name</th>
			<th>Enterprise Profile</th>
			<th></th>
		</tr>
		{% for member in members %}
			<div id="draggable{{member.id}}" style="margin-left:2%">
			<tr>
				<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_direct_add', { 'iduser': member.id, 'idproject': project.id }) }}">add to team</a>
				</td>
			</tr>
			</div>
		{% endfor %}
		</table>
	</div>

	<div class="span5 pull-right">
	<table class="table table-condensed table-hover">
		<tr>
			<th>Name</th>
			<th>Profile</th>
			<th></th>
		</tr>
		<h5>Current {{project.name}} Team </h5>
		{% for user in projectteam %}
		<div style="margin-left:2%">
		<tr>
			<td>{{user.name}} {{user.middlename}}</td> 
			<td>{{user.profile}}</td>
			<td><a class="btn btn-mini btn-danger" href="{{ path ('resources_manager_direct_remove', { 'iduser': user.id, 'idproject': project.id }) }}">remove</a></td>
		</tr>
		</div>
		{% endfor %}
		</table>
	</div>

	{% for member in members %}
	<div id="assignmember{{member.id}}" title="{{member.username |title}} More Info"> 
		 {% render "ResourcesManagerBundle:Assign:moreinfo" with {iduser:member.id} %}
	</div>
	{% endfor %}

 
<!--<div id="droppable">
  <p>Drop here</p>
</div>-->

{% 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 %}