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

{% 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="{{ 'details'| trans }}" href="#product_details" data-toggle="tab" role="tab" aria-controls="home" aria-selected="true">
                    <span class="link-new">
                        {{ 'detail'| trans }}        
                    </span>
                </a>
            </li>
            {% if not is_granted('ROLE_CARRIER') or is_granted('ROLE_SELLER') %}
            <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>     
            {% endif %}
            <li>
                {% if (is_granted('ROLE_ADMIN')) %}
                    <a
                        class="nav-link nav-item"
                        href="{{ (is_granted('ROLE_ADMIN'))
                                ? path('easyadmin', { entity: 'Client', action: 'edit', id: entity.id }) 
                                : path('edit_provider_client', { id: entity.id }) 
                                }}"
                    >
                            <i class="fa fa-fw fa-pencil"></i>
                            {{ 'action.edit'|trans }}
                    </a>
                {% else %}
                    <a
                        class="nav-link nav-item"
                        href="#"
                        onclick='hadleOpenModalHtmlRender({{entity.id}}, `/admin/client/newClientProvider?client={{entity.id}}`);'
                    >
                            <i class="fa fa-fw fa-pencil"></i>
                            {{ 'action.edit'|trans }}
                    </a>
                {% endif %}
            </li>
        </ul>
    </div>
{{parent()}}
{% endblock actions_tabs %}

{% block wrapper %}
    {# for invite provider of client if user is admin #}
    {% if is_granted('ROLE_ADMIN') %}
        <br>
            <button 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>
            </button>
        <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 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="product_details" role="tabpanel" aria-labelledby="home-tab">
                        <div class="card card-block shadow d-flex" style="min-height: 275px">
                            <div class="card-body">
                                <div class="row">
                                    {% if is_granted('ROLE_SELLER') %}
                                        <div class="col-md-5">
                                            <div class="card card-block shadow d-flex" style="min-height: 275px">
                                                <div class="card-body">
                                                    <h3 class="card-title label-black"><strong>{{'provider_ea.show.about'|trans(_trans_parameters)}}</strong>  </h3>
                                                    <br>
                                                    <div class="row">
                                                        <div class="col-5 label-black"><strong>{{'provider_ea.show.companyName'|trans(_trans_parameters)}}</strong></div>
                                                        <div class="col-7 ">{{entity.companyName}}</div>
                                                    </div>
                                                    <br>
                                                    <div class="row">
                                                        <div class="col-5 label-black"><strong>{{'provider_ea.show.cif'|trans(_trans_parameters)}}</strong></div>
                                                        <div class="col-7">{{entity.cif}}</div>
                                                    </div>
                                                    <br>
                                                    <div class="row">
                                                        <div class="col-5 label-black"><strong>{{'provider_ea.show.email'|trans(_trans_parameters)}}</strong></div>
                                                        <div class="col-7">{{entity.email}}</div>
                                                    </div>
                                                    <br>
                                                    <div class="row">
                                                        <div class="col-5 label-black"><strong>{{'provider_ea.show.billingAddress'|trans(_trans_parameters)}}</strong></div>
                                                        <div class="col-7">{{entity.billingAddress}}</div>
                                                    </div>
                                                    <br>
                                                    <div class="row">
                                                        <div class="col-5 label-black"><strong>{{'provider_ea.show.mobile'|trans(_trans_parameters)}}</strong></div>
                                                        <div class="col-7">{{entity.mobile}}</div>
                                                    </div>
                                                    <br>
                                                    <div class="row">
                                                        <div class="col-5 label-black"><strong>{{'provider_ea.show.phone'|trans(_trans_parameters)}}</strong></div>
                                                        <div class="col-7">{{entity.phone}}</div>
                                                    </div>
                                                    <br>
                                                    <div class="row">
                                                        <div class="col-5 label-black"><strong>{{'provider_ea.show.openHours'|trans(_trans_parameters)}}</strong></div>
                                                        <div class="col-7">
                                                            {% for op in entity.openHours %}
                                                                {{ include('admin/open_hours.html.twig') }}
                                                            {% endfor %}
                                                        </div>
                                                    </div>
                                                    <br>
                                                    <div class="row">
                                                        <div class="col-5 label-black"><strong>{{'businessType.title'|trans(_trans_parameters)}}</strong></div>
                                                        <div class="col-7">{{entity.typeBusiness is null ? '' : entity.typeBusiness.translate.name}}</div>
                                                    </div>
                                                    <br>
                                                    <div class="row">
                                                        <div class="col-5 label-black"><strong>{{'businessType.subType'|trans(_trans_parameters)}}</strong></div>
                                                        <div class="col-7">{{entity.typeSubBusiness is null ? '' : entity.typeSubBusiness.translate.name}}</div>
                                                    </div>
                                                    <br>
                                                    <div class="row">
                                                        <div class="col-5 label-black"><strong>{{'provider_ea.show.terms'|trans(_trans_parameters)}}</strong></div>
                                                        <div class="col-7">{{entity.termconditionscheck ? "Aceptado":"No aceptado"}}</div>
                                                    </div>
                                                    <br>
                                                    <div class="row">
                                                        <div class="col-5 label-black"><strong>{{'Catalogue'|trans(_trans_parameters)}}</strong></div>
                                                        <div class="col-7">
                                                            {% set existeCatalogo = false %}
                                                            {% if entity.catalogueClients|length > 0 %}
                                                                {% for key,catalogueClient in entity.catalogueClients %}
                                                                    {% if is_granted('ROLE_PROVIDER') %}
                                                                        {% if app.user.id == catalogueClient.catalogue.provider.id %}
                                                                            {% set existeCatalogo = true %}
                                                                            {{catalogueClient.catalogue}}
                                                                        {% endif %}
                                                                    {% else %}
                                                                        {% if app.user.provider.id == catalogueClient.catalogue.provider.id %}
                                                                            {% set existeCatalogo = true %}
                                                                            {{catalogueClient.catalogue}}
                                                                        {% endif %}
                                                                    {% endif %}
                                                                {% endfor %}
                                                            {% endif %}

                                                            {% if existeCatalogo == false  %}
                                                                {{'inviteClienteCatalogue'|trans()}}
                                                            {% endif %}
                                                        </div>
                                                    </div>
                                                    <br><br>
                                                </div>
                                            </div>
                                        </div>
                                    {% else %}
                                        <div class="col-md-12">
                                            <div class="card card-block shadow d-flex" style="min-height: 275px">
                                                <div class="card-body">
                                                    <h3 class="card-title label-black"><strong>{{'provider_ea.show.about'|trans(_trans_parameters)}}</strong>  </h3>
                                                    <br>
                                                    <div class="row">
                                                        <div class="col-2 label-black"><strong>{{'provider_ea.show.companyName'|trans(_trans_parameters)}}</strong></div>
                                                        <div class="col-3 ">{{entity.companyName}}</div>
                                                        <div class="col-1"></div>
                                                        <div class="col-2 label-black"><strong>{{'provider_ea.show.cif'|trans(_trans_parameters)}}</strong></div>
                                                        <div class="col-3">{{entity.cif}}</div>
                                                    </div>
                                                    <br><br>    
                                                    <div class="row">
                                                        <div class="col-2 label-black"><strong>{{'provider_ea.show.email'|trans(_trans_parameters)}}</strong></div>
                                                        <div class="col-3">{{entity.email}}</div>
                                                        <div class="col-1"></div>
                                                        <div class="col-2 label-black"><strong>{{'provider_ea.show.billingAddress'|trans(_trans_parameters)}}</strong></div>
                                                        <div class="col-3">{{entity.billingAddress}}</div>
                                                    </div>
                                                    <br><br>
                                                    <div class="row">
                                                        <div class="col-2 label-black"><strong>{{'provider_ea.show.mobile'|trans(_trans_parameters)}}</strong></div>
                                                        <div class="col-3">{{entity.mobile}}</div>
                                                        <div class="col-1"></div>
                                                        <div class="col-2 label-black"><strong>{{'provider_ea.show.phone'|trans(_trans_parameters)}}</strong></div>
                                                        <div class="col-3">{{entity.phone}}</div>
                                                    </div>
                                                    <br><br>
                                                    <div class="row">
                                                        <div class="col-2 label-black"><strong>{{'provider_ea.show.openHours'|trans(_trans_parameters)}}</strong></div>
                                                        <div class="col-3">
                                                            {% for op in entity.openHours %}
                                                                {{ include('admin/open_hours.html.twig') }}
                                                            {% endfor %}
                                                        </div>
                                                    </div>
                                                    <br><br>
                                                </div>
                                            </div>
                                        </div>
                                    {% endif %}

                                    {% if is_granted('ROLE_SELLER') %}
                                        <div class="col-md-7">
                                            <div class="card card-block shadow d-flex" style="min-height: 275px">
                                                <div class="card-body">
                                                    {{ include('admin/client/sales_graph.html.twig', { 'entity': entity }) }}
                                                </div>
                                            </div>
                                        </div>
                                    {% endif %}
                                </div>
                                {% if is_granted('ROLE_ADMIN') == false and is_granted('ROLE_EMPLOYEE') %}
                                    {{ render(controller(
                                        'App\\Controller\\ClientController::formSepa',
                                        { 'client': entity.id }
                                    )) }}
                                {% endif %}
                            </div>
                        </div>
                    </div>
                    {% if not is_granted('ROLE_CARRIER') or is_granted('ROLE_SELLER') %}
                    <div class="tab-pane fade" id="messages" role="tabpanel" aria-labelledby="profile-tab">
                            {{ include('admin/client/messages.html.twig', { 'entity': entity }) }}
                    </div>
                    {% endif %}
                </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()}}
    <script type="text/javascript" src="/js/client_tab_messages.js?v45"></script>
    {% include "security/country_json.html.twig" %}
{% endblock %}