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

{# {% block main %}
    <div class="form-horizontal">
        {{ dump(entity) }}
    </div>

    {% block delete_form %}
        {{ include('@EasyAdmin/default/includes/_delete_form.html.twig', {
            view: 'show',
            referer: app.request.query.get('referer', ''),
            delete_form: delete_form,
            _translation_domain: _entity_config.translation_domain,
            _trans_parameters: _trans_parameters,
            _entity_config: _entity_config,
        }, with_context = false) }}
    {% endblock delete_form %}
{% endblock %} #}
{% block wrapper %}
    {# for invite provider of client if user is admin #}
    {% if is_granted('ROLE_ADMIN') %}
        <br>
            <buttaon data-toggle="modal" data-target="#invitate-provider" type="button" class="btn btn-outline-primary btn-lg btn-send-invitation">
                <span class="link-new">
                    {{'Invitate Providers'|trans}}
                </span>
                <i class="s-24 icon-mail-envelope-closed2"></i>
            </buttaon>
        <br>
    
    <div class="modal fade" id="invitate-provider" tabindex="-1" role="dialog" aria-labelledby="invitate-provider" aria-hidden="true">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title" >
                  {{'Invitate Provider'| trans}}
              </h5>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            <form action="{{path('provider_send_invitation')}}" method="POST">
                <div class="modal-body">
                    <div>
                        <h3>{{'Enter the email of the provider'| trans}}</h3>
                    </div>
                    <br>
                    <div class="form-group">
                        <div class="row">
                            <div class="col-12">
                                <input type="hidden" value="{{entity.id}}" name="client_id">
                                <input type="text" required="required" class="form-control" id="email_send" name="email_send">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                <button  type="submit" class="btn btn-primary">{{'Send Invitation'| trans}}</button>
                <button type="button" class="btn btn-secondary" data-dismiss="modal">{{'Close'| trans}}</button>
                </div>
            </form>
          </div>
        </div>
      </div>
    {% endif %}
    {{ parent() }}
{% endblock wrapper %}


{% 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>
            <li>
                <a class="nav-link nav-item mnu_report_problem" id="v-pills-clients-tab" title="{{ 'Report problem'| trans }}" href="#profile_info" >
                    <span class="link-new">
                        {{ 'Report problem'| trans }}        
                    </span>
                </a>
            </li>
            {# <li>
                <a class="nav-link nav-item" id="v-pills-clients-tab" title="{{ 'messages'| trans }}" href="#messages" data-toggle="tab" role="tab" aria-controls="home" aria-selected="true">
                    <span class="link-new">
                        {{ 'messages'| trans }}    
                    </span>
                </a>
            </li>      #}
            {# <li>
                <a class="nav-link nav-item" id="v-pills-clients-tab" title="{{ 'Users'| trans }}" href="#users" data-toggle="tab" role="tab" aria-controls="home" aria-selected="true">
                    <span class="link-new">
                        {{ 'Users'| trans }}    
                    </span>
                </a>
            </li>      #}
            
        </ul>
    </div>
    {{parent()}}
{% endblock %}

{% block content %}
    <div class="content container-fluid animatedParent animateOnce infoClient">
        <div class="row ">
            {% if entity.companyName == '' or entity.cif == '' or entity.billingAddress == '' or entity.phone == '' or entity.mobile == '' %}
                <div class='col-12 mt-3' id="alert_import_product">
                    <div class="alert alert-warning" role="alert">
                        {{'Complete your profile'| trans}}
                    </div>
                </div>
            {% endif %}
            <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">
                                        {{'provider_ea.show.companyName'|trans(_trans_parameters)}}
                                        <br><br>
                                        <strong class="card-title label-black">{{entity.companyName}}</strong>
                                    </div>
                                    <div class="col-md-4">
                                        CIF
                                        <br><br>
                                        <strong class="card-title label-black">{{entity.cif}}</strong>
                                    </div>
                                    <div class="col-md-4">
                                        {{'provider_ea.show.billingAddress'|trans(_trans_parameters)}}
                                        <br><br>
                                        <img class="img-message-order" src="{{asset('img/logo-google-maps.png')}}" alt="">

                                        <strong class="card-title label-black">{{entity.billingAddress}}</strong>
                                    </div>
                                </div>
                                <br>
                                <div class="row">
                                    <div class="col-md-4">
                                        {{'provider_ea.show.phone'|trans(_trans_parameters)}}
                                        <br><br>
                                        <strong class="card-title label-black">{{entity.phone}}</strong>
                                    </div>
                                    <div class="col-md-4">
                                        {{'provider_ea.show.mobile'|trans(_trans_parameters)}}
                                        <br><br>
                                        <strong class="card-title label-black">{{entity.mobile}}</strong>
                                    </div>
                                    <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>

                                <br>
                                <div class="row">
                                    <div class="col-md-4">
                                        {{'provider_ea.show.language'|trans(_trans_parameters)}}
                                        <br><br>
                                        <strong class="card-title label-black">{{entity.locale|trans(_trans_parameters)}}</strong>
                                    </div>
                                    <div class="col-md-4">
                                        {{'provider_ea.show.businessType'|trans(_trans_parameters)}}
                                        <br><br>
                                        <strong class="card-title label-black">{{entity.typeBusiness ? entity.typeBusiness.translate.name:''}}</strong>
                                    </div>
                                    <div class="col-md-4">
                                        {{'provider_ea.show.subBusinessType'|trans(_trans_parameters)}}
                                        <br><br>
                                        <strong class="card-title label-black">{{entity.typeSubBusiness ? entity.typeSubBusiness.translate.name:''}}</strong>
                                    </div>
                                </div>
                                <br>
                                <div class="row">
                                    <div class="col-12 col-md-4">
                                        {{'Type Sector'|trans(_trans_parameters)}}
                                        <br><br>
                                        <strong class="card-title label-black">
                                            {% if entity.typeSector == 1 %}
                                                {{'sectors_list.horeka'|trans(_trans_parameters)}}
                                            {% elseif entity.typeSector == 2  %}
                                                {{'sectors_list.editorial'|trans(_trans_parameters)}}
                                            {% endif %}
                                        </strong>
                                    </div>
                                    <div class="col-12 col-md-8">
                                        {{'provider_ea.show.openHours'|trans(_trans_parameters)}}
                                        <br><br>
                                        {% for op in entity.openHours %}
                                            {{ include('admin/open_hours.html.twig') }}
                                        {% endfor %}
                                    </div>
                                </div>

                                <br>
                            </div>
                        </div>

                        {{ include('admin/profile/client/users.html.twig', { 'entity': entity }) }}
                        {{ include('admin/profile/client/my_address.html.twig', { 'entity': entity }) }}
                        <br>
                        {% include "/admin/store/index.html.twig" %}
                    </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>

                
    {% block delete_form %}
        {{ include('@EasyAdmin/default/includes/_delete_form.html.twig', {
            view: 'show',
            referer: app.request.query.get('referer', ''),
            delete_form: delete_form,
            _translation_domain: _entity_config.translation_domain,
            _trans_parameters: _trans_parameters,
            _entity_config: _entity_config,
        }, with_context = false) }}
    {% endblock delete_form %}
{% endblock content %}

{% block body_javascript %}
    {# {{parent()}} #}
    {% include "security/country_json.html.twig" %}
    <script type="text/javascript" src="/js/client_tab_messages.js?v45"></script>
    <script>
        {% if entity.companyName == '' or entity.cif == '' or entity.billingAddress == '' or entity.phone == '' or entity.mobile == '' %}
            $(".sidebar-menu li").each(function(){
                if($.trim($(this).text()) !== 'Cerrar sesión'){
                    $(this).find('a').attr("href", '#!');
                }
            })
        {% endif %}
        function handleEditProfile(){
            hadleOpenModalHtmlRender(null, `/admin/viewUpdateProfileCliente`);
        }
    </script>
{% endblock %}