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

{% set active = 2 %}

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


{% block body %}
{{parent()}}
<div class="col-md-12">
  <div class="panel panel-default">
    <div class="panel-heading"><h5><small>RM:</small> Professional Profile Definition List</h5></div>
    <div class="panel-body">
        <table class="table table-condensed">
            <thead>
                    <tr class="success">
                        <th>Profile</th>
                        <th>Description</th>
                        <th>Cost/h</th>
                        <th>Level</th>
                        <th>Actions</th>
                    </tr>
            </thead>
            <tbody>
                {% for profile in profiles %}
                    <tr>
                        <td><b>{{ profile.name |title }}</b></td>
                        <td>{{ profile.description }}</td>
                        <td>{{ profile.costhour }} / {{profile.coin}}</td>
                        <td>{{ profile.level }}</td>
                        <td><a href="javascript:void(0)" id="editprofile-button{{profile.id}}"><span class="glyphicon glyphicon-pencil"></span> </a></td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
        <a id="addprofile-button" class="btn btn-primary btn-mini">Add Professional Profile </a>
    </div>
  </div>
</div>

<div id="addprofile" title="Add Enterprise Profile">
    {% render controller('ResourcesManagerBundle:Resources:addProfile') %}
</div>

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


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

      $( "#addprofile" ).dialog({
        autoOpen: false,
        height: 250,
        width: 500,
        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: 250,
          width: 500,
          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 %}