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

{% block body %}
  {% if active is defined %}
  	{% else %}
  		{% set active = 0 %}
  {% endif %}
    <ul class="nav nav-tabs">
      <li><h4><small>PRM:</small> Profile </h4></li>
      <li {% if active == 1 %} class="active"{% endif %}><a href="{{ path ('profile_user_show') }}">User Profile</a></li>
      <li {% if active == 2 %} class="active"{% endif %}><a href="{{ path ('profile_user_enterprise') }}">Enterprise Profile</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 id="create-user" >Change Password</a></li>
          <li><a href="#">Share Profile</a></li>
          <li class="divider"></li>
          <li><a href="#">Export as Pdf</a></li>
          <li><a href="#">Manage Public Profile Settings</a></li>
        </ul>
      </div>
    </ul>
  <div id="dialog-form" title="Change Password">
  {% render controller('FOSUserBundle:ChangePassword:ChangePassword') %}
  </div>
{% endblock %}

{% block footer %}
{{parent()}}
  <ul class="breadcrumb pull-right" style="margin:0;">
    <li><a href="#">Neo</a> <span class="divider">/</span></li>
    <li><a href="">Profile</a> <span class="divider">/</span></li>
    {% block breadcrumb %}
    <li class="active">PRM: Profile</li>
    {% endblock %}
  </ul>
{% endblock %}

{% block javascripts %}
{{parent()}}  
<script>

 $(function() {
    var allFields = $( [] ),
      tips = $( ".validateTips" );
 
  
    $( "#dialog-form" ).dialog({
      autoOpen: false,
      height: 330,
      width: 350,
      modal: true,
      buttons: {
        
      },
      close: function() {
        allFields.val( "" ).removeClass( "ui-state-error" );
      }
    });
 
    $( "#create-user" )
      .button()
      .click(function() {
        $( "#dialog-form" ).dialog( "open" );
      });
  });
</script>
{% endblock %}