{% extends 'Default/base.html.twig' %}

    {% block title %} {{'Profile.Edit_Profile.T1'|trans}} {% endblock %}
    {% block breadcrumb1 %} {{'Profile.Edit_Profile.T3'|trans}} {% endblock %}
    {% block breadcrumb2 %}  {{'Profile.Edit_Profile.T1'|trans}} {% endblock %}

{% block content %}

    <!-- start: USER PROFILE -->
    <div class="container-fluid container-fullw bg-white">
        <div class="row">
            <div class="col-md-12">
                <div class="tabbable">
                    <div class="tab-content">
                        <div id="panel_overview" class="tab-pane fade in active">
                            <div class="row">
                                <div class="col-sm-5 col-md-4">
                                    <div class="user-left">
                                        <div class="center">

                                            <br/><br/>
                                            <ul class="list-group">
                                                <li class="list-group-item">
                                                    <a href="{{ path('user_edit') }}">  {{'Profile.Show_Profil.T1'|trans}} </a>
                                                </li>
                                                <li class="list-group-item">
                                                    <a href="{{ path('user_change_password') }}">  {{'Profile.Show_Profil.T2'|trans}} </a>
                                                </li>
                                                <li class="list-group-item">
                                                    <a href="{{ path('logout') }}">  {{'Profile.Show_Profil.T3'|trans}} </a>
                                                </li>
                                            </ul>

                                            <div class="social-icons block">
                                                <ul>
                                                    <li data-placement="top" data-original-title="Twitter"
                                                        class="social-twitter tooltips">
                                                        <a href="https://twitter.com/total?lang=fr" target="_blank">
                                                            Twitter
                                                        </a>
                                                    </li>
                                                    <li data-placement="top" data-original-title="Facebook"
                                                        class="social-facebook tooltips">
                                                        <a href="https://www.facebook.com/TotalTunisie" target="_blank">
                                                            Facebook
                                                        </a>
                                                    </li>
                                                    <li data-placement="top" data-original-title="Google"
                                                        class="social-youtube tooltips">
                                                        <a href="https://www.youtube.com/user/Total" target="_blank">
                                                            Youtube
                                                        </a>
                                                    </li>
                                                    <li data-placement="top" data-original-title="LinkedIn"
                                                        class="social-linkedin tooltips">
                                                        <a href="https://www.linkedin.com/company-beta/1818/"
                                                           target="_blank">
                                                            LinkedIn
                                                        </a>
                                                    </li>

                                                </ul>
                                            </div>
                                        </div>

                                    </div>

                                </div>
                                <div class="col-sm-8 col-md-8">

                                    <div class="panel" id="contactInfo">

                                        <div collapse="contactInfo" ng-init="activities=false" class="panel-wrapper">
                                            <div class="panel-body">
                                                <table class="table table-condensed">
                                                    <thead>
                                                    <tr>
                                                        <th colspan="2"> {{'Profile.Show_Profil.T4'|trans}}</th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    <tr>
                                                        <td> {{'Profile.Show_Profil.T5'|trans}} :</td>
                                                        <td>
                                                            {% if user.civility == "Mr"  %}
                                                                {{'Profile.Edit_Profile.T5'|trans}}
                                                            {% else %}
                                                                {{'Profile.Edit_Profile.T6'|trans}}
                                                            {% endif %}
                                                        </td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td> {{'Profile.Show_Profil.T6'|trans}} :</td>
                                                        <td> {{ user.firstName ~' '~user.lastName }} </td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td> {{'Profile.Show_Profil.T7'|trans}} :</td>
                                                        <td>{{ user.email }} </td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td> {{'Profile.Show_Profil.T8'|trans}} :</td>
                                                        <td>
                                                            {% if user.roles[0]=="ROLE_MANAGER" %}
                                                                {{'Profile.Show_Profil.T10'|trans}}     <i class="ti-world"></i>
                                                            {% elseif user.roles[0]=="ROLE_ADMIN_COUNTRY" %}
                                                                {{'Profile.Show_Profil.T11'|trans}}     <i class="ti-world"></i>
                                                            {% elseif user.roles[0]=="ROLE_ADMIN_WORLD" %}
                                                                {{'Profile.Show_Profil.T12'|trans}}
                                                                  <i class="ti-world"></i>
                                                            {% elseif user.roles[0]=="ROLE_CANDIDAT" %}
                                                                {{'Profile.Show_Profil.T15'|trans}}
                                                                <i class="ti-world"></i>
                                                            {% endif %}
                                                        </td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td> {{'Profile.Show_Profil.T9'|trans}} :</td>
                                                        <td>{% if user.enabled %}
                                                                <span class="label label-success">
                                                                    {{'Profile.Show_Profil.T13'|trans}}
                                                                </span>
                                                            {% else %}
                                                                <span class="label label-danger">
                                                                    {{'Profile.Show_Profil.T14'|trans}}
                                                                </span>
                                                            {% endif %}
                                                        </td>
                                                        <td></td>
                                                    </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}