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

    {% block title %} Mon Profile {% endblock %}
    {% block breadcrumb1 %} Mon Compte {% endblock %}
    {% block breadcrumb2 %} Profile {% 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') }}"> Modifier Profile </a>
                                                </li>
                                                <li class="list-group-item">
                                                    <a href="{{ path('user_change_password') }}"> Changer mot de passe </a>
                                                </li>
                                                <li class="list-group-item">
                                                    <a href="{{ path('logout') }}"> Déconnexion </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">Contact Informations</th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    <tr>
                                                        <td>Civility :</td>
                                                        <td>{{ user.civility }}</td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>Nom & Prénom :</td>
                                                        <td> {{ user.firstName ~' '~user.lastName }} </td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>Email :</td>
                                                        <td>{{ user.email }} </td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>Role :</td>
                                                        <td>
                                                            {% if user.roles[0]=="ROLE_MANAGER" %}
                                                                Admin Géstionnaire Métier
                                                            {% elseif user.roles[0]=="ROLE_ADMIN_COUNTRY" %}
                                                                Admin Pays
                                                            {% elseif user.roles[0]=="ROLE_ADMIN_WORLD" %}
                                                                Admin  <i class="ti-world"></i>
                                                            {% endif %}
                                                        </td>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <td>Status :</td>
                                                        <td>{% if user.enabled %} <span class="label label-success"> Activé</span> {% else %}
                                                                <span class="label label-danger"> Desactivé</span>{% endif %}
                                                        </td>
                                                        <td></td>
                                                    </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}