{% extends 'ResourcesManagerV2Bundle::layout.html.twig' %}
{% block title %}Resources Manager Profiles{% endblock %}

{% set active = 2 %}

{% block section %}
<a href="{{path('resources_manager_V2_enterprise_profiles')}}">Manage Enterprise Profiles</a>
{% endblock %}

{#% block secondbar %}
Sin barra
{% endblock %#}

{% block body %}
{{parent()}}
<h5><small>RM:</small> Professional Profile Definition List</h5>
    <table class="table table-neo">
        <thead>
            <th colspan="3" class="none"></th>
                <tr>
                    <th colspan="2">Name</th>
                    
                    <th>Description</th>
                </tr>
        </thead>
        <tbody>
            {% for profile in profiles %}
                <tr>
                    <td><b>{{ profile.name |title }}</b></td>
                    <td><a href="javascript:void(0)" id="editprofile-button{{profile.id}}"><i class="icon-edit"></i> </a></td>
                    <td>{{ profile.description }}</td>
                </tr>
            {% endfor %}
        </tbody>
            <th colspan="3">Actions</th>
            <tr>
                <td colspan="3"><a id="addprofile-button" class="btn btn-mini">Add Professional Profile </a></td>
            </tr>
            <th class="none" colspan="3"></th>
    </table>

<div id="addprofile" title="Add Enterprise Profile">
    <form action="{{ path('resources_manager_V2_create') }}" method="post" {{ form_enctype(form) }}>
      {{ form_widget(form) }}
        <p><button class="btn btn-mini" type="submit">Add Profile</button></p>
    </form>
</div>

{% for profile in profiles %}
<div id="editprofile{{profile.id}}" title="Edit {{profile.name|title}} Profile">
    {% render controller('ResourcesManagerV2Bundle:Profiles:edit', {'id': profile.id}) %}
</div>
{% endfor %}
{% endblock %}


{% block javascripts %}
{{parent()}}  
<script>
 $(function() {
    var allFields = $( [] ),
      tips = $( ".validateTips" );

    $( "#addprofile" ).dialog({
      autoOpen: false,
      height: 450,
      width: 300,
      modal: true,
      buttons: {
      },
      close: function() {
        allFields.val( "" ).removeClass( "ui-state-error" );
      }
    });

    $( "#addprofile-button" )
      .click(function() {
        $( "#addprofile" ).dialog( "open" );
      });
{% for profile in profiles %}
      $( "#editprofile{{profile.id}}" ).dialog({
      autoOpen: false,
      height: 500,
      width: 300,
      modal: true,
      buttons: {
      },
      close: function() {
        allFields.val( "" ).removeClass( "ui-state-error" );
      }
    });

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