{% extends '::app.html.twig' %}

{% block title %}{% endblock %}

{% block secondbar %}
<div class="secondbar">
  <div class="margin-neo">
    <ol class="breadcrumb">

    {% render(controller( 'uiBundle:SecondBar:secondbar' , {'widgetId':3}) ) %}

      <li>{% block section %}{% endblock %}</li>
    </ol>
  </div>
</div>
{% endblock %}

{#{% block secondbar %}
<div class="secondbar">
  {% if active is defined %}
  	{% else %}
  		{% set active = 0 %}
  {% endif %}
   <ul class="nav nav-tabs nav-justified">
    {#<li><h4><small>RM:</small> Resources Manager <small>v 1.0.2</small></h4></li>
    <li {% if active == 1 %} class="active"{% endif %}><a href="{{ path ('resources_manager_V2_direct') }}">Assign Resources</a></li>
    <li {% if active == 2 %} class="active"{% endif %}><a href="{{ path ('resources_manager_V2_enterprise_profiles') }}">Manage Enterprise Profiles</a></li>
    <li {% if active == 4 %} class="dropdown active"{% else %}class="dropdown"{% endif %}>
      <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:void(0)"> Members <b class="caret"></b></a>
        <ul class="dropdown-menu">
          <li class="nav-header">RM: Members</li>
          <li><a href="{{ path ('resources_manager_V2_members') }}">Show Members</a></li>
          <li><a href="javascript:void(0)" id="invitation-button"><b>Invite a new Member</b></a></li>  
        </ul>
    </li>
    <!--<li class="active pull-right"><a href="#"><i class="icon-wrench"></i> Settings</a></li>-->
    <div class="btn-group pull-right">
      <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
        <i class="icon-wrench"></i> Settings
        <span class="caret"></span>
      </a>
      <ul class="dropdown-menu">
        <li><a href="{{ path('resources_manager_staff') }}">Manage Staffers</a></li>
        <li class="divider"></li>
        <li><a href="javascript:void(0)" id="help-button"><img src="{{ asset('glyphicons/png/glyphicons_194_circle_question_mark.png')}}" width="15px"> About Resources Manger</a></li>
      </ul>
    </div>
  </ul>
</div>
<div id="help" title="Resources Manager ver. 1.0.2">
   {% render controller ("ResourcesManagerV2Bundle:Assign:help") %}
</div>
<div id="invitation" title="Invite a New Member">
  <center>{% render controller ("ufBundle:Invitation:invitation") %}</center>
</div>
{% endblock %}#}

{% block body %}
{% endblock %}


{% block footer %}
{{parent()}}
{% endblock %}

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

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

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

    $( "#help-button" )
      .click(function() {
        $( "#help" ).dialog( "open" );
      });

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

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