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

{% 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 batch_actions %}
{% endblock batch_actions %}

{% block buttons_top_table %}
    <div class="col-md-5">
        {% if is_granted('ROLE_CARRIER') or is_granted('ROLE_OPERATION') or is_granted('ROLE_SELLER') %}
            <button data-target="#change-state-modal" onclick="checkMin('change-state-modal')" type="button" class="btn btn-outline-primary btn-lg btn-send-invitation mr-2">
                <span class="link-new">
                    {{'changeState'|trans}}
                </span>
            </button>
            {{ include('admin/orders/changeStateBatch.html.twig') }}
        {% endif %}
        {% if not is_granted('ROLE_SUPERADMIN') and (is_granted('ROLE_OPERATION') or is_granted('ROLE_SELLER')) %}
            <button data-target="#group-orders-modal" onclick="checkMin('group-orders-modal')" type="button" class="btn btn-outline-primary btn-lg btn-send-invitation mr-2">
                <span class="link-new">
                    {{'grouo_orders.group_orders'|trans}}
                </span>
            </button>
            {{ include('admin/orders/group/groupOrderBatch.html.twig') }}
        {% endif %}

        {% if not is_granted('ROLE_SUPERADMIN') and is_granted('ROLE_CLIENT_USER') %}
            <button id='crete_order_web' type="button" class="btn btn-outline-primary btn-lg btn-send-invitation">
                <span class="link-new">
                    {{'CreateOrder'|trans}}
                </span>
                <i class="s-24 fas fa-cart-plus"></i>
            </button>
        {% endif %}
        
    
    
    </div>

    {{ include('admin/orders/modal_order_recived.html.twig') }}
{% endblock buttons_top_table %}

{% block more_actions %}
    {% if app.user.typeSector == 1 %}
        {% if app.user.roles[0] == 'ROLE_PROVIDER' or app.user.roles[0] == 'ROLE_SELLER'  %}
            {% set providerRabbits = app.user.roles[0] == 'ROLE_PROVIDER' ? app.user.providerRabbits : app.user.provider.providerRabbits %}
            {% if providerRabbits|length > 0 %}
                {% set activeSage = '' %}
                {% for label, rabbit in providerRabbits %}
                    {% set activeSage = rabbit.integration %}
                {% endfor %}
                <button  type="button" onclick="checkIntegration()" class="btn btn-outline-primary btn-lg btn-send-invitation ml-3">
                    <span class="link-new">
                        {{'integrationOrder'|trans}} <span style="text-transform: capitalize;">{{activeSage}}</span>
                    </span>
                    <div class="spinner-border d-none" id="spinner_integration" role="status" style="width: 1.4rem; height: 1.4rem;">
                        <span class="sr-only">Loading...</span>
                    </div>
                </button>
            {% endif %}
        {% endif %}
    {% endif %}
{% endblock more_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" id="v-pills-clients-tab" title="{{ 'Clients'| trans }}" href="{{path('easyadmin',{'entity':'Client', 'action':'list'}) }}">
            <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 %}
        {% if not is_granted('ROLE_CLIENT') and  ( is_granted('ROLE_OPERATION') or is_granted('ROLE_SELLER')) %}
            <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">
                    <div class="global-actions"></div>
                    <li>
                        <a class="nav-link nav-item active" title="{{ 'grouo_orders.my_orders'| trans }}" href="#OrderClient" data-toggle="tab" role="tab" aria-controls="home" aria-selected="true">
                            <span class="link-new">
                                {{ 'grouo_orders.my_orders'| trans }}        
                            </span>
                        </a>
                    </li>
                    <li>
                        <a class="nav-link nav-item" title="{{ 'grouo_orders.grouped_orders'| trans }}" href="{{path('easyadmin',{'entity':'OrderGroup', 'action':'list'}) }}">
                            <span class="link-new">
                                {{ 'grouo_orders.grouped_orders'| trans }}    
                            </span>
                        </a>
                    </li>     
                </ul>
            </div>
        {% endif %}
        {{ parent() }}
    {% endif %}

    <div class="modal" tabindex="-1" role="dialog" id="modalErrorIntegracion">
        <div class="modal-dialog" role="document" style="margin-top: 9rem;">
            <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">{{'culminarIntegracion.algunos_pedidos'|trans}}</h5>
            </div>
            <div class="modal-body" id='modalBodyError'>
                <p>Modal body text goes here.</p>
            </div>
            <div class="modal-footer">
                <a href='/admin/?entity=OrderClient&action=list&menuIndex=8&submenuIndex=0'>
                    <button type="button" class="btn btn-primary">Ok</button>
                </a>
            </div>
            </div>
        </div>
    </div>
{% 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 body_javascript %}
    {{ parent() }}

    <script type="text/javascript">
        {% if is_granted('ROLE_SUPERADMIN')  %}
            $('.action-create_order_web').remove();
        {% endif %}
        let idsOrders = localStorage.getItem('ordersSelect') ? JSON.parse(localStorage.getItem('ordersSelect')) : [];
        $(document).ready(function(){
            $('.dropdown-toggle').dropdown()
            {% if app.user.typeSector != 2 %}
                $('.td-distribuidor').remove();
            {% endif  %}
            {% if is_granted('ROLE_CLIENT_USER')  %}
                $("td").each(function(){
                    if($(this).hasClass("state_order") ){
                        const text = $(this).text().trim()
                        const padre = $(this).parent();
                        if(text != 'Nuevo' && text != 'Nuevo con modificación'){
                            padre.find('.actions .action-create_order_client_web').remove();
                        }

                        if(text != 'Guardado'){
                            padre.find('.actions .action-continue_order_client_web').remove();
                            padre.find('.actions .action-delete').remove();
                        }
                        if(text == 'Guardado'){
                            padre.find('.actions .action-repeat_order_client_web').remove();
                        }
                    }

                    if($(this).hasClass("state_pyment_order") ){
                        const text = $(this).text().trim()
                        const padre = $(this).parent();
                        if(text != "{{'pending'|trans}}"){
                            padre.find('.actions .action-create_order_client_web').remove();
                        }
                    }

                    if($(this).hasClass("state_order") ){
                        const text = $(this).text().trim()
                        const padre = $(this).parent();
                        if(text === "{{'saved'|trans}}"){
                            console.log(text)
                            padre.find('.actions .action-payment').remove();
                        }
                    }
                });

                $(".action-show").click(function() {
                    const padre = $(this).parent().parent();
    
                    openDetailOrder(padre.data('id'));
                    return false;
                });
            {% endif %}

            {% if is_granted('ROLE_EMPLOYEE')  %}
                $("td").each(function(){
                    if($(this).hasClass("state_pyment_order") ){
                        let remove = false;
                        const text = $(this).text().trim()
                        const padre = $(this).parent();
                        if(text != "{{'pending'|trans}}"){ remove = true; }

                        if(text === "{{'stripeConect.commission'|trans}}"){ remove = false; }

                        if(remove){
                            padre.find('.actions .action-create_order_web').remove();
                        }
                    }
                });
            {% endif %}


            $(".form-batch-checkbox").each(function() {
                const id = $(this).val();
                const encontrado = idsOrders.filter(l => (l === id));
                if (encontrado.length) {
                    $(this).prop('checked',true)
                }
            })

            $(".action-record").click(function() {
                /*Ver el hostirial del pedido*/
                const padre = $(this).parent().parent();
                hadleOpenModalHtmlRender(null, `/admin/orderClient/activity/${padre.data('id')}`);
                return false;
            });

            $('.form-batch-checkbox').change(function() {
                if($(this).is(':checked')){
                    idsOrders.push($(this).val());
                }else{
                    idsOrders = idsOrders.filter(l => (l !== $(this).val()));
                }
                localStorage.setItem('ordersSelect', JSON.stringify(idsOrders))
            });

            $(".action-create_order_client_web").click(function() {
                /*Editar Pedido*/
                const padre = $(this).parent().parent();
                if($(padre).find("td.entity div").hasClass('isExternal')){
                    {# $(padre).find("td.entity div").css("background", "cadetblue"); #}
                    handleHacerPedido(padre.data('id'), 1)
                }else{
                    handleAlertEdit(padre.data('id'), "{{'CreateOrderClient.message_for_edit'|trans()}}", 1)
                }
                return false;
            });

            $(".action-continue_order_client_web").click(function() {
                /*Editar Pedido*/
                const padre = $(this).parent().parent();
                if($(padre).find("td.entity div").hasClass('isExternal')){
                    {# $(padre).find("td.entity div").css("background", "cadetblue"); #}
                    handleHacerPedido(padre.data('id'), 1)
                }else{
                    handleAlertEdit(padre.data('id'), "{{'CreateOrderClient.message_for_continue'|trans()}}", 1)
                }
                return false;
            });

            $(".action-repeat_order_client_web").click(function() {
                /*Repetir pedido*/
                const padre = $(this).parent().parent();
                if($(padre).find("td.entity div").hasClass('isExternal')){
                    {# $(padre).find("td.entity div").css("background", "cadetblue"); #}
                    handleHacerPedido(padre.data('id'), 2)
                }else{
                    handleAlertEdit(padre.data('id'), "{{'CreateOrderClient.message_for_repeat'|trans()}}", 2)
                }
                return false;
            });

            $("#crete_order_web").click(function() {
                openLateralOrder();
                return false;
            });
        });


        {# action for delete provider of buttons top w#}
        $('.action-delete-provider').on('click', function(e) {
            e.preventDefault();
            const id = $(this).attr('providerid');

            $('#modal-delete-provider').modal({ backdrop: true, keyboard: true })
                .off('click', '#modal-delete-button-provider')
                .on('click', '#modal-delete-button-provider', function () {
                    let deleteForm = $('#delete-form-provider');
                    deleteForm.attr('action', deleteForm.attr('action').replace('__id__', id));
                    deleteForm.trigger('submit');
                });
        });
        
        {# for the batch option of change state #}
        $(document).on('click', '.deselect-batch-button', function () {
            $(this).closest('.content').find(':checkbox.form-batch-checkbox-all')
                .prop('checked', false).trigger('change');
        });
        $(document).on('change', '.form-batch-checkbox-all', function () {
            $('.form-batch-checkbox').prop('checked', $(this).prop('checked')).trigger('change');
        });

        function checkMin(modal){
            const ids = idsOrders;
            const comparar = modal === 'change-state-modal' ? 0 : 1;
            $(`#${modal} .cont-visible`).addClass('d-none')
            $(`#${modal}`).modal()
            if (ids.length > comparar) {

                {# $('#ids_change_state').val(ids.join(','))
                $("#entity_name").val("{{_entity_config.name}}") #}

                $(`#${modal} [name=ids_change_state]`).val(ids.join(','))
                $(`#${modal} [name=entity_name]`).val("{{_entity_config.name}}")
                $(`#${modal} .cont-formu`).removeClass('d-none')
            } else {
                $(`#${modal} .error-falta-datos`).removeClass('d-none')
            }
        }

        {% if app.user.typeSector == 2  %}
            $('.integration_fields').remove();
        {% endif %}

        {% if app.user.roles[0] == 'ROLE_PROVIDER' %}
            {% if app.user.providerRabbits|length == 0 %}
                $('.integration_fields').remove();
            {% endif %}
        {% endif %}

        {% if app.user.roles[0] == 'ROLE_SELLER' %}
            {% if app.user.provider.providerRabbits|length == 0 %}
                $('.integration_fields').remove();
            {% endif %}
        {% endif %}

        function checkIntegration(){
            if ($(".form-batch-checkbox:checked").length > 0) {
                ids = []
                $(".form-batch-checkbox").each(function() {
                    const id = $(this).val();
                    if ($(this).prop('checked')) {
                        ids.push(id);
                    }
                })
                const pedidos = {ids}
                $(`#spinner_integration`).toggleClass('d-none')
                var ajax = $.ajax({
                    url: `/orderClient/writeRabbit`,
                    type: 'POST',
                    data: JSON.stringify(pedidos),
                    contentType: "application/json",
                })
                
                ajax.done(function (obj) {
                    if(obj.code === 200){
                        if(obj.data.no_integrados.length > 0){
                            let html = '';
                            obj.data.no_integrados.map(k => {
                                html += `<p style="color: #5f6362!important;"> {{'culminarIntegracion.el_pedido'|trans}} ${k.pedido} {{'culminarIntegracion.de'|trans}}: ${k.client} {{'culminarIntegracion.sin_poder_integrar'|trans}} "${k.error}"<p>`;
                            })
                            $('#modalBodyError').html(html)
                            $('#modalErrorIntegracion').modal()
                        }else{
                            localStorage.setItem('ordersSelect', JSON.stringify([]))
                            location.reload();
                        }
                    }

                    console.log(obj)
                }).fail(function (jqXHR, textStatus, errorThrown) {
                    console.log('fail', jqXHR.responseJSON);
                }).always(function () {
                    // console.log('always');
                    $(`#spinner_integration`).toggleClass('d-none')
                });

                
            }else {
                alert("{{ 'Select an item from the list'|trans }}");
            }
        }

        function handleAlertEdit(order, text, type){
            $('html').addClass('overflow-h');
            $('#rsidebarOverlay').addClass('RSBactive');
            $('#rsidebar').addClass('RSBactive');

            const html = `<div>
                <div class="content-header p-0">
                    <h2 class='mt-4 rol-user text-center' style="font-size: 4rem;"><i class="fa fa-exclamation-triangle" aria-hidden="true"></i></h2>
                    <div class="d-flex flex-row justify-content-between align-content-center w-100 mt-2">
                        <div class="content-header-title">
                            <h5>${text}</h5>
                        </div>
                    </div>
                </div>
                <div class="row mt-3">
                    <div class="col-12 text-center">
                        <button type="button" class="btn btn-primary mr-3" id="add_produc" onclick="handleHacerPedido(${order}, ${type})">
                            {{'CreateOrderClient.aceptar'|trans()}}
                        </button>

                        <button type="button" class="btn btn-secondary" onclick="btnCancelar()">
                            {{'CreateOrderClient.cancelar'|trans()}}
                        </button>
                    </div>
                </div>
            </div>`
            $('#rsidebar_container').html(html)
        }

        function handleHacerPedido(order, type){
            $('html').addClass('overflow-h');
            $('#rsidebarOverlay').addClass('RSBactive');
            $('#rsidebar').addClass('RSBactive');

            const html = `<div>
                <div id="cont_lateral">
                    <div class="text-center">
                        <div class="spinner-border" role="status" >
                            <span class="sr-only">Loading...</span>
                        </div>
                    </div>
                </div>
            </div>`
            $('#rsidebar_container').html(html)

            const url = type === 1 ? `/admin/createOrderClientWeb?order=${order}&repeatToBack=1` : `/admin/repeatOrderClientWeb?order=${order}&repeatToBack=1`
            $.get(url, function (response, status) {
                if (status == 'success') {
                    if (response.success == true) {
                        $('#cont_lateral').html(response.body);
                    }
                }
            }); 
        }

        function openDetailOrder(key){
            hadleOpenModalHtmlRender(null, `/admin/viewDetailOrder?pedido=${key}`);
        }

        function openLateralOrder(){
            hadleOpenModalHtmlRender(null, `{{ path('create_order_client_web')|escape('js') }}`);
        }

        function handledPaymentOrderClient(order){
            hadleOpenModalHtmlRender(null, `/admin/paymentStripeOrder/${order}`);
            $("#btn_rsidebar_screen").click();
            $("#btn_rsidebar_screen").addClass('d-none');
        }
    </script>
{% endblock body_javascript %}