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

{% block body %}

<div class="page-wrapper">
    <!-- BEGIN HEADER -->
    <div class="page-header navbar navbar-fixed-top">
        {% include 'commun/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 'admin/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">

                                                        {#<div class="profile_title">
                                                            <div class="col-md-6">
                                                                <h2>User <b>{{ user.username }}</b> informations</h2>
                                                            </div>
                                                        </div>#}

                                                        <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>
                                                                    {{ user.FinctionString }}
                                                                {% endif %}
                                                            </li>

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

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

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

                                                        <a href="{{ path('millesima_administrator_user_profile') }}" 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 %}