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

{# {% block header_container %}

{{parent()}}
hola mundo
{% endblock %} #}

{% block title_entity %}
    {% if app.session.get('providerView') %}
        {% set provider = app.session.get('providerView') %}
        <div>
            <div class="image mr-3 float-left">
                {% if provider.image is defined %}
                    {% if not provider.image is null %}
                        <img class="user_avatar no-p" src="{{asset('uploads/images/user/'~ provider.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 provider.companyName is defined %}
                        {{provider.companyName}}
                    {% else %}
                        {{provider.username}}
                    {% endif %}
                </h6>
                {% if provider.email is defined %}
                    {{provider.email}}
                {% endif %}
            </div>
        </div>
    {% else %}
        {{ parent() }}
    {% endif %}
{% endblock %}


{% block buttons_top_table %}
    {% if ((is_granted('ROLE_PROVIDER') or is_granted('ROLE_SELLER') )) or  app.session.get('providerView')  %}
        {% set userProvider = '' %}
    
        <div class="col-md-5">
            {% if app.user.roles[0] == 'ROLE_PROVIDER' %}
                {% set userProvider = app.user %}
            {% elseif app.user.roles[0] == 'ROLE_SELLER'  %}
                {% set userProvider = app.user.provider %}
            {% endif %}

            {% if userProvider == '' %}
                <button id="invitate-client" type="button" class="btn btn-outline-primary btn-lg btn-send-invitation mr-3">
                    <span class="link-new">
                        {{'Invitate Clients'|trans}}
                    </span>
                    <i class="s-24 icon-mail-envelope-closed2"></i>
                </button>
            {% elseif userProvider.providerRabbits|length == 0 or app.user.typeSector == 2 %}
                <button id="invitate-client" type="button" class="btn btn-outline-primary btn-lg btn-send-invitation mr-3">
                    <span class="link-new">
                        {{'Invitate Clients'|trans}}
                    </span>
                    <i class="s-24 icon-mail-envelope-closed2"></i>
                </button>
            {% endif %}
        </div>
    {% endif %}
{% endblock buttons_top_table %}

{% block more_actions %}
    <div class="dropdown ml-3">
        <button class="btn btn-outline-primary btn-lg btn-send-invitation dropdown-toggle-more-actions" type="button" data-toggle="dropdown" aria-expanded="false">
            {{'More opton'|trans}}
            <i class="s-24 fas fa-angle-down" aria-hidden="true"></i>
        </button>
        <div class="dropdown-menu">
            {% if ((is_granted('ROLE_PROVIDER') or is_granted('ROLE_SELLER') )) %}
                <a role="button" type="button" class="dropdown-item" href="/admin/metrica/clientes"><i class="fa fa-bar-chart" aria-hidden="true"></i> {{'ver_metrica_cliente'|trans}}</a>
            {% endif %}
            {% if not is_granted('ROLE_ADMIN') and ((is_granted('ROLE_PROVIDER') or is_granted('ROLE_SELLER') )) %}
                <a role="button" type="button" class="dropdown-item" href="#!" onclick='viewMontoMinimi()'><i class="fa fa-money" aria-hidden="true"></i>{{'reglas_corte.minAmount'|trans}}</a>
            {% endif %}
            {% if not is_granted('ROLE_ADMIN') and ((is_granted('ROLE_PROVIDER') or is_granted('ROLE_SELLER') )) %}
                {% if app.user.roles[0] == 'ROLE_PROVIDER' %}
                    {% set provider = app.user %}
                {% elseif app.user.roles[0] == 'ROLE_SELLER' or app.user.roles[0] == 'ROLE_SUB_PROVIDER'%}
                    {% set provider = app.user.provider %}
                {% endif %}

                <a role="button" type="button" class="dropdown-item" href="{{ path('export_excel_clients', {'id':provider.id}) }}"><i class="fa fa-download" aria-hidden="true"></i>{{'CreateOrderClient.export'|trans}}</a>
                <a role="button" type="button" class="dropdown-item" href="#!" id='importClients'><i class="fa fa-upload" aria-hidden="true"></i>{{'CreateOrderClient.import'|trans}}</a>
            {% endif %}
        </div>
    </div>
{% endblock more_actions %}

{% block item_actions %}
    {% set _actions_template = 'admin/client/actions.html.twig'%}
    {{ include(_actions_template, {
        actions: _list_item_actions,
        entity_config: _entity_config,
        request_parameters: _request_parameters,
        translation_domain: _entity_config.translation_domain,
        trans_parameters: _trans_parameters,
        item_id: _item_id,
        item: item
    }, with_context = false) }}
{% endblock item_actions %}

{% block actions_tabs %}
    {% if app.session.get('providerView') and is_granted('ROLE_ADMIN') %}
        {% set provider = app.session.get('providerView') %}
        
        {# aca irian las acciones de borrar y modificar provider
        <a class="nav-link {{ action.css_class|default('')|replace({'btn': ""}) }}" id="v-pills-{{item_id}}{{action.name}}-tab" title="{{ action.title|default('') is empty ? '' : action.title|trans(trans_parameters, translation_domain) }}" href="{{ action_href }}" target="{{ action.target }}">
            {%- if action.label is defined and not action.label is empty -%}
                
                    <i class="fa fa-fw fa-pencil"></i>
                    {{ action.label|trans(arguments = trans_parameters|merge({ '%entity_id%': item_id }), domain = translation_domain) }}
            {% endif %}
        </a>

        <a class="nav-link {{ action.css_class|default('')|replace({'btn': ""}) }}" id="v-pills-{{item_id}}{{action.name}}-tab" title="{{ action.title|default('') is empty ? '' : action.title|trans(trans_parameters, translation_domain) }}" href="{{ action_href }}" target="{{ action.target }}">

            <i class="fa fa-fw fa-trash"></i>
            {{ action.label|trans(arguments = trans_parameters|merge({ '%entity_id%': item_id }), domain = translation_domain) }}
        </a> #}
        
        <a class="nav-link active" id="v-pills-clients-tab" title="Información" 
            {% if is_granted('ROLE_ADMIN') %}
                href="{{path('easyadmin',{'entity':'Provider', 'action':'show' , 'id': provider.id}) }}"
            {% elseif is_granted('ROLE_PROVIDER')%}
                href="{{path('easyadmin',{'entity':'ProfileProvider', 'action':'show' , 'id': provider.id}) }}"
            {% endif %}
            >
            <i class="fa-icon_proveedores_off icon-form"></i>
            <span class="link-new">
                {{ 'Information'| trans }}        
            </span>
        </a>
        <a class="nav-link active" id="v-pills-clients-tab" title="{{ 'Clients'| trans }}" href="{{path('easyadmin',{'entity':'Client', 'action':'list' , 'provider': provider.id}) }}">
            <i class="icon-group off-icon icon-form"></i>
            <span class="link-new">
                {{ 'Clients'| trans }}    
            </span>
        </a>
        <a class="nav-link" id="v-pills-clients-tab" title="{{ 'Orders'| trans }}" href="{{path('easyadmin',{'entity':'OrderClient', 'action':'list','idProvider':provider.id}) }}">
            <i class="icon-shopping_cart off-icon icon-form"></i>
            <span class="link-new">
                {{ 'Orders'| trans }}    
            </span>
        </a>
        <a class="nav-link" id="v-pills-products-tab" title="{{'products'|trans }}" href="{{path('easyadmin',{'action':'list', 'entity':'Product', 'idProvider':provider.id}) }}">
            <i class="s-24 icon-shopping_basket " style="font-size: 20px !important"></i>
            <span class="link-new">
                {{ 'Products'|trans }}
            </span>
        </a>
        {% if is_granted('ROLE_ADMIN') %}
            <a class="nav-link  text-danger action-delete-provider" providerid="{{provider.id}}" id="v-pills-10delete-tab" title="" href="{{path('easyadmin',{'action':'delete', 'entity':'Provider', 'id':provider.id}) }}" target="_self">
                <i class="fa fa-fw fa-trash"></i>
                {{ 'Delete'|trans }}
            </a>

            <a class="nav-link  -primary action-edit " id="v-pills-10edit-tab" title="" href="{{path('easyadmin',{'action':'edit', 'entity':'Provider', 'id':provider.id}) }}" target="_self">
                <i class="fa fa-fw fa-pencil"></i>
                {{ 'Modify'|trans }}
            </a>
            <a class="nav-link "id="v-pills-all-providers-tab"  title="{{ 'list.button.provider'| trans }}" href="{{path('easyadmin',{'entity':'Provider' , 'action': 'list'}) }}">
                {# seteo a mano los iconos #}
                
                {% set title_all = "list.button.provider"|trans(_trans_parameters) %}
                {% set icon_all = 'icon_proveedores' %}
            
                {%- if icon_all is defined %}
                    <i class=" fa-{{icon_all}}_off icon-form"></i>
                {% endif -%}
                <span class="link-new">
                    {{title_all}}
                </span>
            </a>
        {% endif %}
    {% else %}
        {{ parent() }}
    {% endif %}
{% endblock actions_tabs %}

{% block new_action %}
    {# if came from provider shoe create element #}
    {% if  not app.session.get('providerView') %}
        {{ parent() }}
    {% endif %}
{% endblock new_action %}

{% block table_head %}
    {# if came from provider shoe create element #}
    {# {% if  not app.session.get('providerView') %} #}
        {{ parent() }}
    {# {% endif %} #}
{% endblock table_head %}

{% block content %}
    {% if is_granted('ROLE_ADMIN') %}
        <div class="modal fade" id="clipro-param-modal" tabindex="-1" role="dialog" aria-labelledby="invitate-client" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" >
                            {{'Select configuration for client'| trans}}
                        </h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <form action="{{path('select_config_provider')}}" method="POST">
                        <div class="modal-body">
                            <div>
                                <h4></h4>
                                <h3>{{'Select the client configuration for the provider'| trans}}</h3>
                            </div>
                            <br>
                            <div class="form-group">
                                <input type="hidden" name="client_param_id" id="client_param_id" value="">
                                <div class="row">
                                    <select name="provider_param_select" id="provider_param_select">

                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="submit" class="btn btn-primary">{{'Config'| trans}}</button>
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">{{'Close'| trans}}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    {% endif %}
    
    <style>
    .cont-invite .select2-container .select2-selection--single{
        height: 44px;
        padding: 8px 12px;
    }
    .cont-invite .select2-container--default .select2-selection--single .select2-selection__arrow{
        top: 9px;
    }

    .cont-invite .select2-container--default .select2-selection--single{
        border: 1px solid #e1e8ee !important;
    }
    
    .cont-invite .select2-container--default .select2-selection--single .select2-selection__clear{
        display: none !important;
    }

    .bt-edit-phone{
        height: 43px;
        line-height: initial;
    }

    #body_movement .datagrid tr:last-child>td {
        border: 1px solid #e1e8ee;
    }
</style>
    
    {{parent()}}
    {% include "/admin/order_returns/create/createOrder_css.html.twig" %} 
{% endblock %}

{% block body_javascript %}
    {% include "/admin/client/stock_client_js.html.twig" %}
    {{parent()}}
    {% include "security/country_json.html.twig" %}
    <script>
     /* Máscaras ER */
        function mascara(o,f){
            v_obj=o
            v_fun=f
            setTimeout("execmascara()",1)
        }
        function execmascara(){
            v_obj.value=v_fun(v_obj.value)
        }
        function mtel(v){
            v=v.replace(/\D/g,""); //Remove tudo o que não é dígito
            //v=v.replace(/^(\d{2})(\d)/g,"(+$1)$2"); //Coloca parênteses em volta dos dois primeiros dígitos
            //v=v.replace(/(\d)(\d{4})$/,"$1-$2"); //Coloca hífen entre o quarto e o quinto dígitos
            return v;
        }
        function id( el ){
            return document.getElementById( el );
        }
        /**Valida si el usuario tiene integracion ERP activa**/
        {% set providerRabbits = [] %}
        {% if app.user.roles[0] == 'ROLE_PROVIDER' %}
            {% set providerRabbits = app.user.providerRabbits %}
        {% elseif app.user.roles[0] == 'ROLE_SELLER' %}
            {% set providerRabbits = app.user.provider.providerRabbits %}
        {% endif %}

        {% if providerRabbits|length > 0 %}
            {% if app.user.typeSector == 1 %}
                $('.btn-icon-plus').remove();
                $('.nav-link').remove();
            {% endif %}
        {% endif %}
        /**Valida si el usuario tiene integracion ERP activa**/

    //send de items selected
        $(  document).ready(function(){
            $("#invitate-client").click(function () {
                addInviteClient();
            })

            {% if not is_granted('ROLE_ADMIN') %}
                $("#importClients").click(function() {
                    hadleOpenModalHtmlRender(null, `/admin/client/import`);
                    return false;
                });

                $('.btn-icon-plus').click(function(event) {
                    event.preventDefault()
                    hadleOpenModalHtmlRender(null, `/admin/client/newClientProvider`);
                });

                $('.global-actions .nav-link').click(function(event) {
                    event.preventDefault()
                    hadleOpenModalHtmlRender(null, `/admin/client/newClientProvider`);
                });

                $('.action-edit_provider_client').click(function(event) {
                    event.preventDefault()
                    const padre = $(this).parent().parent();
                    hadleOpenModalHtmlRender(padre.data('id'), `/admin/client/newClientProvider?client=${padre.data('id')}`);
                });
            {% endif %}

            $('.resendInvitation').click(function(event) {
                event.preventDefault()
                const padre = $(this).parent().parent();
                hadleOpenModalHtmlRender(padre.data('id'), `/admin/client/reSendInvitation/${padre.data('id')}`);
            });
                        
        });
        {% if is_granted('ROLE_ADMIN') %}
            
            $('.action-edit_provider_client').click(function(event) {
                event.preventDefault()
                cleanProviders();
                client_id = $(this).attr('href').split("&id=")[1];
                $('#client_param_id').val(client_id)
                $.post( "{{ path('json_providers_clients') }}", { client_id: client_id })
                    .done(( providers ) => {
                        providers.forEach((provider) => {
                            $('#provider_param_select').append(
                                "<option value="+provider.id +">"+ provider.text+"</option>"
                            )
                        })
                    });
                $('#clipro-param-modal').modal()
            });
            function cleanProviders() {
                $('#provider_param_select')
                .find('option')
                .remove()
                .end() 
            }
        {% endif %}
  
        function addInviteClient(){
            const html = `<div>
                <div class="content-header p-0">
                    <div class="d-flex flex-row justify-content-between align-content-center w-100">
                        <div class="content-header-title">
                            <h1 class="title">   </h1>
                            <h3>{{'Invitate Client'| trans}}</h3>
                        </div>
                    </div>
                </div>
                <form action="{{path('send_invitation_client')}}" method="POST">
                    <div class="form-group p-0 cont-invite">
                        <div class="row">
                            {% if app.user.roles[0] == 'ROLE_PROVIDER' %}
                                <input type="hidden" value="{{app.user.id}}" name="provider_id">
                            {% elseif app.user.roles[0] == 'ROLE_SELLER'  %}
                                <input type="hidden" value="{{app.user.provider.id}}" name="provider_id">
                            {% endif %}
                            {# {% if app.user.roles[0] == 'ROLE_PROVIDER' %}
                                <input type="hidden" value="{{app.session.get('providerView').id}}" name="provider_id">
                            {% endif %} #}
                            <div class="col-12">
                                <div class="form-group field-text p-0" style="display: initial;">
                                    <label class="text-uppercase required" style="text-align: inherit; flex: auto;">{{'provider_ea.form.email'|trans()}} </label>
                                    <input type="text" required="required" class="form-control" id="email_send" name="email_send">
                                </div>
                            </div>
                            <div class="col-12 mb-3">
                                <div class="form-group field-text p-0" style="display: initial;">  
                                    <label class="text-uppercase" style="text-align: inherit;">{{'provider_ea.form.phone'|trans()}} </label>                       
                                    <div class='row' id='phone-inv' style="margin: 0;">   
                                        <div class="col-5 pr-0 pl-0">      
                                            <select name="inputCodePhone" id="inputCodePhone" class="form-control" data-widget="select2" style="width: 100%; height: 45px !important;">
                                                <option selected value=''> {% trans %}Country{% endtrans %} (+00)</option>
                                            </select>          
                                        </div>                    
                                        <div class="col-7 pr-0">                 
                                            <input type="text" id="phone_send" name="phone_send" class="form-control" value="">
                                        </div>                                       
                                    </div> 
                                </div> 
                            </div>
                            {% if app.user.roles[0] == 'ROLE_PROVIDER' or app.user.roles[0] == 'ROLE_SELLER' %}
                                <div class="col-12">
                                    <div class="form-group field-text p-0"> 
                                        <label class="text-uppercase" style="text-align: inherit;">{{'Catalogs'|trans}}</label>
                                        <select name="catalogue" id="catalogue" class="form-control">
                                            <option selected value='0'> -- {{'inviteClienteCatalogue'|trans}} -- </option>
                                        </select>
                                    </div>
                                </div>
                            {% endif %}

                            <div class="col-12 mt-2">
                                <button type="submit" class="btn btn-primary mr-2">{{'Send Invitation'| trans}}</button>
                                <button type="button" class="btn btn-secondary" onclick="btnCancelar()">
                                    {{'Calendar.Cancel'|trans()}}
                                </button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>`

            hadleOpenModalHtmlStatic(html)
            $("#inputCodePhone").select2({
                data: countryJson,
                placeholder: "{{'Country' | trans}} (+00)",
                allowClear: true
            })

            id('phone_send').onkeyup = function(){
                mascara( this, mtel );
            }

            $('#catalogue').select2({
                ajax: {
                    delay: 250,
                    url: 'catalogue/pagination',
                    dataType: 'json',
                    data: function (params) {
                        var query = {
                            sea: params.term,
                            lim: 15,
                            pos: 0,
                            select2: true
                        }
                        return query;
                    },
                    processResults: function (data) {
                        return {
                            results: data.data
                        };
                    }
                }
            });
        }

        function viewMontoMinimi(){
            hadleOpenModalHtmlRender(null, '/admin/addMinAmountOrder')
        }

        function handleShowComissionBlanceClient(id){
            console.log(id)
            hadleOpenModalHtmlRender(null, `/admin/saleClient/showComissionBalnce/${id}`);
        }
    </script>
{% endblock %}