{% extends '@EasyAdmin/default/show.html.twig' %}

{% block title_entity %}
    <div>
        <div class="image mr-3  float-left">
            {% if entity.image is defined %}
                {% if not entity.image is null %}
                    <img class="user_avatar no-p" src="{{asset('uploads/images/user/'~entity.image)}}" alt="">
                {% else %}
                    <img class="user_avatar no-p" src="{{asset('img/avatar.jpg')}}" />
        
                {% endif %}
            {% else %}
                <img class="user_avatar no-b no-p r-5" src="{{asset('img/avatar.jpg')}}" />
            {% endif %}
        </div>
        <div>
            <h6 class="p-t-10 avatar-name ">
                {% if entity.companyName is defined %}
                    {{entity.companyName}}
                {% else %}
                    {{entity.username}}
                {% endif %}
            </h6>
            {% if entity.email is defined %}
                {{entity.email}}
            {% endif %}
        </div>
    </div>
{% endblock %}

{% block actions_tabs %}
    <div class="row nav-action-tab nav-product-detail" id="nav-tab" role="tablist">
        <ul class="nav nav-material nav-material-white responsive-tab" id="v-pills-tab" role="tablist">
            <li>
                <a class="nav-link nav-item active" id="v-pills-clients-tab" title="{{ 'Information'| trans }}" href="#profile_info" data-toggle="tab" role="tab" aria-controls="home" aria-selected="true">
                    <span class="link-new">
                        {{ 'Information'| trans }}        
                    </span>
                </a>
            </li>            
        </ul>
    </div>
    {{parent()}}
{% endblock %}

{% block content %}
    <div class="content container-fluid animatedParent animateOnce infoClient">
        <div class="row ">
            <div class="col my-auto">
                <div class="tab-content" id="myTabContent">
                    <div class="tab-pane fade show active" id="profile_info" role="tabpanel" aria-labelledby="home-tab">
                        <div class="card card-block shadow d-flex" style="min-height: 275px">
                            <div class="card-body">
                                <div class="content-header p-0 mb-3">
                                    <div class="d-flex flex-row justify-content-between align-content-center w-100">
                                        <div class="content-header-title">
                                            <h3 class="mb-0">{{'My data'| trans}}</h3>
                                        </div>
                                        <button type="button" class="btn-list-actions rol-user" onclick="handleEditProfile()">{{'CreateOrderClient.edit'| trans}}</button>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-4">
                                        {{'employee_ea.list.name'|trans(_trans_parameters)}}
                                        <br><br>
                                        <strong class="card-title label-black">{{entity.name}}</strong>
                                    </div>
                                    <div class="col-md-4">
                                        {{'employee_ea.list.lastName'|trans(_trans_parameters)}}
                                        <br><br>
                                        <strong class="card-title label-black">{{entity.lastName}}</strong>
                                    </div>
                                    <div class="col-md-4">
                                        {{'provider_ea.show.mobile'|trans(_trans_parameters)}}
                                        <br><br>
                                        <strong class="card-title label-black">{{entity.phoneReal}}</strong>
                                    </div>
                                </div>
                                <br>
                                <div class="row">
                                    <div class="col-md-4">
                                        {{'provider_ea.show.email'|trans(_trans_parameters)}}
                                        <br><br>
                                        <strong class="card-title label-black">{{entity.email}}</strong>
                                    </div>
                                    <div class="col-md-4">
                                        {{'provider_ea.show.language'|trans(_trans_parameters)}}
                                        <br><br>
                                        <strong class="card-title label-black">{{entity.locale}}</strong>
                                    </div>
                                </div>
                                <br>
                            </div>
                        </div>

                    </div>
                    {# <div class="tab-pane fade" id="messages" role="tabpanel" aria-labelledby="profile-tab">
                        {{ include('admin/client/messages.html.twig', { 'entity': entity }) }}
                    </div> #}
                </div>
                
            </div>
        </div>
        <br><br>
    </div>

{% endblock content %}

{% block body_javascript %}
    {{parent()}}
    {% include "security/country_json.html.twig" %}
    <script>
        function handleEditProfile(){
            hadleOpenModalHtmlRender(null, `/admin/viewUpdateProfileSubCliente`);
        }
    </script>
{% endblock %}