{% extends '::base2.html.twig' %}
{% block title %}Mon Profile{% endblock %}
{% block stylesheets %}{{ parent() }}{% endblock %}

{% block body %}
    {% trans_default_domain 'FOSUserBundle' %}

    <div class="page-wrapper">
        <!-- BEGIN HEADER -->
        <div class="page-header navbar navbar-fixed-top">
            {% include 'client_applicant/header.html.twig' %}
        </div>
        <!-- END HEADER -->

        <!-- BEGIN HEADER & CONTENT DIVIDER -->
        <div class="clearfix"> </div>
        <!-- END HEADER & CONTENT DIVIDER -->

        <!-- BEGIN CONTAINER -->
        <div class="page-container">
            <!-- BEGIN SIDEBAR -->
            <div class="page-sidebar-wrapper">
                <!-- BEGIN SIDEBAR -->
                <div class="page-sidebar navbar-collapse collapse">
                    {% include 'client_applicant/menu.html.twig' %}
                </div>
                <!-- END SIDEBAR -->
            </div>
            <!-- END SIDEBAR -->

            <!-- BEGIN CONTENT -->
            <div class="page-content-wrapper">
                <!-- BEGIN CONTENT BODY -->
                <div class="page-content">
                    <!-- BEGIN PAGE BAR -->
                    <div class="page-bar">
                        <ul class="page-breadcrumb">
                            <li>
                                <a href="index.html">Accueil</a>
                                <i class="fa fa-circle"></i>
                            </li>
                            <li>
                                <span>Profil</span>
                            </li>
                        </ul>
                    </div>
                    <!-- END PAGE BAR -->
                    <!-- BEGIN PAGE TITLE-->
                    <h1 class="page-title"> Compte Personnel
                        {#<small>Edit Profil</small>#}
                        <small>Info</small>
                    </h1>
                    <!-- END PAGE TITLE-->
                    <!-- END PAGE HEADER-->

                    <div class="row">
                        <div class="col-md-12 col-sm-12 col-xs-12">
                            <div class="tabbable-line boxless tabbable-reversed">

                                <div class="col-md-12 tab-pane">
                                    <div class="portlet box green">
                                        <div class="portlet-title">
                                            <div class="caption">
                                                <i class="fa fa-gift"></i>
                                                Compte {{ user.username }} Profile
                                            </div>
                                            <div class="tools"></div>
                                        </div>
                                        <div class="portlet-body form">
                                            <!-- BEGIN FORM-->
                                            <div class="form-horizontal">

                                                {% if app.request.hasPreviousSession %}
                                                    {% for type, messages in app.session.flashbag.all() %}
                                                        {% for message in messages %}
                                                            <div class="alert {% if type == 'success' %} alert-success  {% else %} alert-danger  {% endif %} alert-dismissible fade in" role="alert">
                                                                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span>
                                                                </button>
                                                                <strong>{{ type }}!</strong> {{ message }}
                                                            </div>
                                                        {% endfor %}
                                                    {% endfor %}
                                                {% endif %}

                                                <div class="form-body">
                                                    <div class="row">

                                                        <div class="col-md-3 col-sm-3 col-xs-12 profile_left">

                                                            <div class="profile_img">
                                                                <div id="crop-avatar">
                                                                    {% if user.path is empty %}
                                                                        <img src="{{ asset('uploads/images/common/empty-profile.jpg') }}"
                                                                             class="img-responsive avatar-view"/>
                                                                    {% else %}
                                                                        <img src="{{ asset('uploads/images/' ~ user.path) }}"
                                                                             class="img-responsive avatar-view"/>
                                                                    {% endif %}
                                                                </div>
                                                            </div>

                                                        </div>

                                                        <div class="col-md-9 col-sm-9 col-xs-12">

                                                            <h3>{{ user.firstname }}&nbsp;{{ user.lastname }}</h3>

                                                            <ul class="list-unstyled user_data">
                                                                <li>
                                                                    {% if user.function is not empty %}
                                                                        <i class="fa fa-user user-profile-icon"></i>
                                                                        <b>Rôle: </b>{{ user.FinctionString }}
                                                                    {% endif %}
                                                                </li>

                                                                <li class="m-top-xs">
                                                                    <i class="fa fa-envelope user-profile-icon"></i>
                                                                    <b>E-mail: </b>
                                                                    <a href="#/">{{ user.email }}</a>
                                                                </li>

                                                                {% if user.phoneNumber is not empty %}
                                                                    <li>
                                                                        <i class="fa fa-phone user-profile-icon"></i>
                                                                        <b>Mobile: </b> {{ user.phoneNumber }}
                                                                    </li>
                                                                {% endif %}

                                                                {% if user.telNumber is not empty %}
                                                                    <li>
                                                                        <i class="fa fa-fax user-profile-icon"></i>
                                                                        <b>Tel: </b> {{ user.telNumber }}
                                                                    </li>
                                                                {% endif %}
                                                            </ul>

                                                            <a href="{{ path('millesima_client_demandeur_profile_edit') }}" class="btn btn-success">
                                                                <i class="fa fa-edit m-right-xs"></i>
                                                                Edit Profile
                                                            </a>

                                                        </div>

                                                    </div>
                                                </div>

                                            </div>
                                            <!-- END FORM-->
                                        </div>
                                    </div>
                                </div>

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

                </div>
                <!-- END CONTENT BODY -->
            </div>
            <!-- END CONTENT -->
        </div>
        <!-- END CONTAINER -->

        <!-- BEGIN FOOTER -->
        <div class="page-footer">
            {% include 'commun/footer.html.twig' %}
        </div>
        <!-- END FOOTER -->
    </div>

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

{% endblock %}