{% extends 'ProfileBundle::layout.html.twig' %}
{% set active = 1 %}



{% block body %}
{{parent()}} 

<!--********************************************BASIC_USER_PROFILE**********************************************--> 
    
    <form name="formulario1" action="{{ path('profile_user_update', { 'id': entity.id }) }}" method="post" {{ form_enctype(edit_form) }}>
        <div class="row">
            <a style="float:right;" href="{{ path('profile_user_index',{ 'username': entity.username } ) }}" target="_blank">Public Profile 
            </a> 
            <div class="span3" style="margin-left:3%; margin-top:2%;">
                <ul class="thumbnails" style="width:200px; ">
                    <span class="thumbnail">
                        {% if entity.picturepath == null %}
                            <img src="{{ asset('images/default_user.png')}}">
                        {% endif %} 
                        {% if entity.picturepath != null %}
                            <img src="{{ asset(entity.picturepath) }}">
                        {% endif %} 
                    </span>
                
                    <div class="btn-group" >
                         <a class="btn btn-small" id="UserName"  data-toggle="dropdown">
                            <i class="icon-camera"></i>
                         </a>
                        <ul class="dropdown-menu" >
                            <div style="margin:10px;">
                                <h6>Picture</h6>

                                {{ form_widget(edit_form.picturepath) }}
                                {{ form_errors(edit_form.picturepath) }} 
                            
                                <br>
                                <a style="margin-left:3%">
                                    <input class="btn btn-primary" type="button" value="Save" onclick=" OnButton1();"/>
                                    <input class="btn" type="button" value="Cancel" onclick="location.reload();"/>
                                </a>
                            </div>
                        </ul>
                    </div>
                </ul>
            </div>

            <div class="span6" > 
            {{ form_errors(edit_form) }}
                <h3><small>Name: </small>{{ entity.name }} {{ entity.middlename }} {{ entity.firstlastname }}  <!--{{ entity.secondlastname }}-->
                <span class="btn-group">
                    <a style="margin-top:-10px;" id="UserName" class=" icon-pencil" data-toggle="dropdown" >
                        Edit
                    </a>
                
                        <ul class="dropdown-menu 2">
                            <div style="margin:10px;">
                                <h6>Name</h6>
                                    {{ form_widget(edit_form.name, {'attr': {'style': 'width:100px;'}} ) }} 
                                    {{ form_errors(edit_form.name) }}
                                <h6>Middle Name</h6>
                                    {{ form_widget(edit_form.middlename, {'attr': {'style': 'width:100px;'}} ) }}
                                    {{ form_errors(edit_form.middlename) }} 
                                <h6>Last Name</h6>
                                    {{ form_widget(edit_form.firstlastname, {'attr': {'style': 'width:100px;'}} ) }}
                                    {{ form_errors(edit_form.firstlastname) }}
                                <br>
                                <a style="margin-left:3%">
                                    <input class="btn btn-primary" type="button" value="Save" onclick=" OnButton1();"/>
                                    <input class="btn" type="button" value="Cancel" onclick="location.reload();"/>
                                </a>
                            </div>
                         <ul>
                      
                    
                </span>
                </h3>
                <!--<div> Second Last Name </div> {{ form_widget(edit_form.secondlastname) }}{{ form_errors(edit_form.secondlastname) }}-->
                 <h4><small>Professional Title: </small>{{ entity.professionaltitle }} 
                    <div class="btn-group">
                        <a style="margin-top:-10px;" id="UserName" class=" icon-pencil" data-toggle="dropdown">
                            Edit
                            
                        </a>
                        <ul class="dropdown-menu">
                            <div style="margin:10px;">
                                <h6>Professional Title</h6>
                                    {{ form_widget(edit_form.professionaltitle) }}
                                    {{ form_errors(edit_form.professionaltitle) }}
                                <br>
                                <a style="margin-left:3%">
                                    <input class="btn btn-primary" type="button" value="Save" onclick=" OnButton1();"/>
                                    <input class="btn" type="button" value="Cancel" onclick="location.reload();"/>
                                </a>
                            </div>
                        </ul>
                    </div>
                </h4>
                <h5><small>UserName: </small>{{ entity.username }} 
                    <div class="btn-group">
                        <a style="margin-top:-10px;" id="UserName" class=" icon-pencil" data-toggle="dropdown">
                            Edit
                            
                        </a>
                        <ul class="dropdown-menu">
                            <div style="margin:10px;">
                                <h6>User Name</h6>
                                    {{ form_widget(edit_form.username, {'attr': {'style': 'width:100px;'}} ) }}
                                    {{ form_errors(edit_form.username) }}
                                <br>
                                <a style="margin-left:3%">
                                    <input class="btn btn-primary" type="button" value="Save" onclick=" OnButton1();"/>
                                    <input class="btn" type="button" value="Cancel" onclick="location.reload();"/>
                                </a>
                            </div>
                        </ul>
                    </div>
                </h5>

                <h5><small>Date of Birth: </small>{{ entity.dateofbirth|date('d-m-Y') }} 
                    <div class="btn-group">
                        <a style="margin-top:-10px;" id="UserName" class=" icon-pencil" data-toggle="dropdown">
                            Edit
                            
                        </a>
                        <ul class="dropdown-menu">
                            <div style="margin:10px;">
                                <h6>BirthDay</h6>
                                
                                    {{ form_widget(edit_form.dateofbirth.day, {'attr': {'style': 'width:80px;'}} ) }} {{ form_errors(edit_form.dateofbirth.day) }} /
                                    

                                    {{ form_widget(edit_form.dateofbirth.month, {'attr': {'style': 'width:80px;'}} ) }}  {{ form_errors(edit_form.dateofbirth.month) }} /
                                   

                                    {{ form_widget(edit_form.dateofbirth.year, {'attr': {'style': 'width:80px;'}} ) }} {{ form_errors(edit_form.dateofbirth.year) }}
                                <br>
                                <a style="margin-left:3%">
                                    <input class="btn btn-primary" type="button" value="Save" onclick=" OnButton1();"/>
                                    <input class="btn" type="button" value="Cancel" onclick="location.reload();"/>
                                </a>
                            </div>
                        </ul>
                    </div>
                </h5>
                <h5><small>Phone Number: </small>{{ entity.telephone }} 
                    <div class="btn-group">
                        <a style="margin-top:-10px;" id="UserName" class=" icon-pencil" data-toggle="dropdown">
                            Edit
                           
                        </a>
                        <ul class="dropdown-menu">
                            <div style="margin:10px;">
                                <h6>Phone Number</h6>
                                    {{ form_widget(edit_form.telephone) }}
                                    {{ form_errors(edit_form.telephone) }}
                                <br>
                                <a style="margin-left:3%">
                                    <input class="btn btn-primary" type="button" value="Save" onclick=" OnButton1();"/>
                                    <input class="btn" type="button" value="Cancel" onclick="location.reload();"/>
                                </a>
                            </div>
                        </ul>
                    </div>
                </h5>
                <h5><small>Email: </small>{{ entity.email }} 
                    <div class="btn-group">
                        <a style="margin-top:-10px;" id="UserName" class=" icon-pencil" data-toggle="dropdown">
                            Edit
                           
                        </a>
                        <ul class="dropdown-menu">
                            <div style="margin:10px;">
                                <h6>Email</h6>
                                    {{ form_widget(edit_form.email) }}
                                    {{ form_errors(edit_form.email) }}
                                <br>
                                <a style="margin-left:3%">
                                    <input class="btn btn-primary" type="button" value="Save" onclick=" OnButton1();"/>
                                    <input class="btn" type="button" value="Cancel" onclick="location.reload();"/>
                                </a>
                            </div>
                        </ul>
                    </div>
                </h5>

                {% if entity.enabled == 1 %} 

                    <h5><small>Status: </small>Enabled 
                        <div class="btn-group">
                            <a style="margin-top:-10px;" id="UserName" class=" icon-pencil" data-toggle="dropdown">
                                Edit
                                
                            </a>
                            <ul class="dropdown-menu">
                                <div style="margin:10px;">
                                    Enabled
                                    <span style="font-size:10px; ">(You will be seen by business and you'll get varied information)<span>
                                    <br>
                                        {{ form_widget(edit_form.enabled) }}
                                        {{ form_errors(edit_form.enabled) }} 
                                    <br>
                                    <a style="margin-left:3%; ">
                                        <input class="btn btn-primary" type="button" value="Save" onclick=" OnButton1();"/>
                                        <button class="btn" data-dismiss="dropdown" aria-hidden="true">Cancel</button>

                                    </a>
                                </div>
                            </ul>
                        </div>
                    </h5>

                {% endif %}

                {% if entity.enabled == 0 %}

                    <h5><small>Status: </small>Disabled
                        <div class="btn-group">
                            <a style="margin-top:-10px;" id="UserName" class=" icon-pencil" data-toggle="dropdown">
                                Edit
                                
                            </a>
                            <ul class="dropdown-menu">
                                <div style="margin:10px;">
                                    Enabled <span style="font-size:10px;">(You will be seen by business and you'll get varied information)<span>
                                    <br>
                                        {{ form_widget(edit_form.enabled) }}
                                        {{ form_errors(edit_form.enabled) }} 
                                    <br>
                                    <a style="margin-left:3%">
                                        <input class="btn btn-primary" type="button" value="Save" onclick=" OnButton1();"/>
                                        <input class="btn" type="button" value="Cancel" onclick="location.reload();"/>
                                    </a>
                                </div>
                            </ul>
                        </div>
                    </h5>

                {% endif %}

                <br><br>
                <a><input class="btn btn-primary" type="button" value="Done Editing" onclick=" OnButton3(); "/></a>
            </div>
        {{ form_rest(edit_form) }}
        </div>
    </form>
    


    <!--********************************************ADDRESS_USER_PROFILE********************************************-->

    <ul class="breadcrumb">
    <li><span><h4>Address Information</span></h4><span class="divider"></span></li>
    </ul>
    
    {% if address is empty %}
    
        <form name="formulario2_2" action="{{ path('profile_address_update') }}" method="post" {{ form_enctype(form) }}>
            <div class="row">
                <div style="margin-left:3%" > 
            {{ form_errors(form) }} 
           
            <h6>Street Name * <span style="margin-left:15%">Street Type *</span>
            <span style="margin-left:17%">Street Number *</span></h6>
                {{ form_errors(form.streetType) }}
                {{ form_widget(form.streetType) }}

                {{ form_errors(form.streetname) }}
                {{ form_widget(form.streetname) }}

                {{ form_errors(form.streetNumber) }}
                {{ form_widget(form.streetNumber) }}

            <h6>City/Town</h6>
                {{ form_errors(form.cityTown) }}
                {{ form_widget(form.cityTown) }}

            <h6>Post Area *</h6>
                {{ form_errors(form.postaArea) }}
                {{ form_widget(form.postaArea) }}

            <h6>Country</h6>
                {{ form_errors(form.country) }}
                {{ form_widget(form.country) }}
            <br>
            <input class="btn btn-primary" type="submit" value="Save"/>
                {{ form_rest(form) }}
            
                </div>
            </div>
        </form> 
        <ul class="breadcrumb">
            <li><span><h4>Finantial Information</span></h4><span class="divider"></span></li>
        </ul> 
    {% else %}

        <form name="formulario2" action="{{ path('profile_address_update',{ 'id': address.id }) }}" method="post" {{ form_enctype(form) }}>
            <div class="row">
                <div style="margin-left:3%" class="span4"> 
                                                
                <h5><small>Address: </small>{{ address.streettype }} {{ address.streetname }},  {{ address.streetnumber }} 
              
                <div   class="btn-group ">
                    <a style="margin-top:-10px;" id="UserName" class=" icon-pencil" data-toggle="dropdown">
                        Edit
                        
                    </a>
                   
                    <ul  class="dropdown-menu">
                        <div style="margin:10px;">
                            <h6 >Street Type * <span style="margin-left:20%">Street Name *</span><span style="margin-left:22%">Street Number *</span></h6>
                                {{ form_widget(form.streetType) }}
                                {{ form_errors(form.streetType) }}

                                {{ form_widget(form.streetname) }}
                                {{ form_errors(form.streetname) }}

                                {{ form_widget(form.streetNumber) }}
                                {{ form_errors(form.streetNumber) }}
                            <br>
                            <a style="margin-left:3%">
                                <input class="btn btn-primary" type="button" value="Save" onclick=" OnButton2();"/>
                                <input class="btn" type="button" value="Cancel" onclick="location.reload();"/>
                            </a>
                        </div>
                    </ul>

                </div>
                </h5> 
             
                <h5>
                    <small>Post Area: </small>{{ address.postaarea}}  
                    
                    <div class="btn-group">
                        {% set i=0 %}
                        <a style="margin-top:-10px;" id="UserName" class=" icon-pencil" data-toggle="dropdown">
                            Edit
                           
                        </a>
                        <ul id="flotante"  class="dropdown-menu">
                            <div style="margin:10px;">
                                <h6>Post Area *</h6>
                                    {{ form_widget(form.postaArea) }}
                                    {{ form_errors(form.postaArea) }}
                            
                                <br>
                                <a style="margin-left:3%">
                                    <input class="btn btn-primary" type="button" value="Save" onclick=" OnButton2();"/>
                                    <input class="btn" type="button" value="Cancel" onclick="location.reload();"/>
                            
                                </a>
                               
                            </div>
                        </ul>

                    </div> 
                </h5>

                <h5>
                    <small>City/Town: </small> {{ address.citytown}} 
                    <div class="btn-group">
                        <a style="margin-top:-10px;" id="UserName" class=" icon-pencil" data-toggle="dropdown">
                            Edit
                           
                        </a>
                        <ul id="flotante2"class="dropdown-menu">
                            <div style="margin:10px;">
                                <h6>City/Town</h6>
                                    {{ form_widget(form.cityTown) }}
                                    {{ form_errors(form.cityTown) }}
                                <br>
                                <a style="margin-left:3%">
                                    <input class="btn btn-primary" type="button" value="Save" onclick=" OnButton2();"/>
                                    <input class="btn" type="button" value="Cancel" onclick="location.reload();"/>
                                </a>
                            </div>
                        </ul>
                    </div>  
                </h5> 

                {% endif %}

                {% if a is empty%}

                {% else %}

                    {% for a in a %}

                        <h5>
                            <small>Country: </small>{{ a.longname}}   
                            <div class="btn-group dropup">
                                <a style="margin-top:-10px;" id="UserName" class=" icon-pencil" data-toggle="dropdown">
                                    Edit
                                    
                                </a>
                                <ul class="dropdown-menu">
                                    <div style="margin:10px;">
                                        <h6>Country</h6>
                                            {{ form_widget(form.country) }}
                                            {{ form_errors(form.country) }}
                                        <br>
                                        <a style="margin-left:3%">
                                            <input class="btn btn-primary" type="button" value="Save" onclick=" OnButton2();"/>
                                            <input class="btn" type="button" value="Cancel" onclick="location.reload();";/>
                                        </a>
                                    </div>
                                </ul>
                            </div>
                        </h5>

                    {% endfor %} 
                   
                </div>
            </div>
        {{ form_rest(form) }}
        
        </form>
        <ul class="breadcrumb">
            <li><span><h4>Finantial Information</span></h4><span class="divider"></span></li>
        </ul> 
    {% endif %}

    </div> <!--??????????????????????????????????????????????????????????????????????????????????????????????????-->

       
{% endblock %}

{% block breadcrumb %}
    <li class="active">New Project</li>
{% endblock %}

{% block javascripts %}

{{parent()}}  
    <script>

        function OnButton1()
        {
            document.formulario1.submit();
        }
        function OnButton2()
        {
            document.formulario2.submit();
        }
        function OnButton2_2()
        {
            document.formulario2_2.submit();
        }
        function OnButton3()
        {
            document.formulario1.action="{{ path('profile_user_show', { 'id': entity.id }) }}";
            document.formulario1.submit();
        }

    </script>
    <script>
        $(document).ready(function() {
        $('.dropdown-menu input').click(function (e) 
                        {
                            e.stopPropagation();
                        });  
        });

    </script>

{% endblock %}