{% extends 'Common/baseAdminPannel.html.twig' %}

    {% block title %}
        Perfil
    {% endblock %}

    {% block body %}

        <div class="row">
            <div class="col-md-3 col-lg-3 " align="center"> <img alt="User Pic" src="{{asset('app/img/avatar.png')}}" class="img-circle img-responsive"> </div>

            <div class=" col-md-9 col-lg-9 ">
                <table class="table table-user-information">
                    <tbody>
                    <tr>
                        <td>Nombre:</td>
                        <td>{{ app.user.person.fullName|raw }}</td>
                    </tr>
                    <tr>
                        <td>Extensión:</td>
                        <td id="user_extension" {% if app.user.extension is null %} style="color: red;" {% endif %}>{{ app.user.extension?app.user.extension:"Es necesario especificar la extensión para realizar llamadas" }}</td>
                    </tr>
                    <tr>
                        <td>Roles:</td>
                        <td>{{ app.user.rolesTitles|join(", ") }}</td>
                    </tr>
                    <tr>
                        <td>Concesionario(s):</td>
                        <td>{{ app.user.concessionariesArray|join(", ") }}</td>
                    </tr>
                    <tr>
                        <td>Oficina(s):</td>
                        <td>{{ app.user.officesArray|join(", ") }}</td>
                    </tr>
                    <tr>
                        <td>Fecha de creación de usuario:</td>
                        <td>{{ app.user.createdDate is not null?app.user.createdDate|date("d-m-Y"):"Sin fecha de creación" }} </td>
                    </tr>
                    <tr>
                        <td>Domicilio</td>
                        <td>
                            {{ app.user.person.location.municipality.state.country.name }}, {{ app.user.person.location.municipality.state.name }}, {{ app.user.person.location.municipality.name }},
                            {{ app.user.person.location.address }}
                        </td>
                    </tr>
                    <tr>
                        <td>Email</td>
                        <td>{{app.user.person.email}}</td>
                    </tr>


                    </tbody>
                </table>

            </div>

        </div>

        <button data-action="{{ path('edit_profile') }}" class="btn btn-success loadinmodal">Editar</button>

        {#
        <div class="panel-footer">
            <a data-original-title="Broadcast Message" data-toggle="tooltip" type="button" class="btn btn-sm btn-primary"><i class="glyphicon glyphicon-envelope"></i></a>
            <span class="pull-right">
                            <a href="edit.html" data-original-title="Edit this user" data-toggle="tooltip" type="button" class="btn btn-sm btn-warning"><i class="glyphicon glyphicon-edit"></i></a></span>
        </div>
        #}
    {% endblock %}