{% extends "MobileBundle::layout.html.twig" %}

{% block body %}
<style>
    table{
        width: 100%;
    }
    td{
        color:#333333;
        text-align: left;
        font-size: 18px;
    }
</style>
    <div id="main">

        <div class="page-header header-filter bg4">
            <div class="container">
                <div class="row">
                    <div id="reading" class="content blog-post">
                        <div class="main main-raised m-b-40">

                            <div class="profile-content profile-page">
                                <div class="container">

                                    <div class="row">
                                        <div class="col-xs-6 col-xs-offset-3" style="height: 105px">
                                            <div class="profile">
                                                <div class="avatar">
                                                    <img src="{{ asset("assets/images/user.png")}}" alt="Circle Image" class="img-circle img-responsive img-raised">
                                                </div>

                                            </div>
                                        </div>
                                        <div class="col-xs-2 follow">
                                            <button class="btn btn-fab btn-primary" rel="tooltip" title="" data-original-title="Change your profile infos">
                                                <i class="material-icons">edit</i>
                                                <div class="ripple-container"></div></button>
                                        </div>
                                    </div>
                                    <table class="table table-striped w-auto">
                                        <thead>
                                        </thead>
                                        <tbody>
                                        <tr>
                                            <td>{% trans %}First Name{% endtrans %} </td>
                                            <td>{{ user.nom }} </td>
                                        </tr>
                                        <tr>
                                            <td>{% trans %}Last Name{% endtrans %} </td>
                                            <td>{{ user.prenom }} </td>
                                        </tr>

                                        <tr>
                                            <td>{% trans %}Phone{% endtrans %} </td>
                                            <td>{{ user.telephone }} </td>
                                        </tr>

                                        <tr>
                                            <td>{% trans %}Email{% endtrans %} </td>
                                            <td>{{ user.email }} </td>
                                        </tr>

                                        </tbody>
                                    </table>


                                    <div class="description text-center">

                                    </div>



                                </div>
                            </div>

                        </div>
                    </div>
    </div>
            </div>
        </div>
    <script src="{{ asset("assets/js/jquery-3.2.1.min.js")}}"></script>

{% endblock %}