{% extends '@EasyAdmin/default/show.html.twig' %}
{% block head_stylesheets %}
    {{parent()}}
    <style>
        .select2-container--default .select2-selection--single{
        border: transparent !important;
    }
    </style>
{% 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">
        <div class="global-actions"></div>
        <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 is_granted('ROLE_SUB_PROVIDER') or is_granted('ROLE_SELLER') or is_granted('ROLE_CLIENT_USER') %}
        <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>
            <a class="nav-link nav-item" title="{{ 'orderClientActivity.order_activity'| trans }}" href="#!" onclick='activityOrder()'>
                <span class="link-new">
                    {{ 'orderClientActivity.order_activity'| trans }}    
                </span>
            </a>
        </li>  
    </ul>
</div>
  
{% endblock actions_tabs %}

{% block title_entity %}
    {{parent()}} #{{entity.numberOrderProvider}} {{entity.client.username}}
{% endblock %}

{% block content %}
    
    <div class="content container-fluid animatedParent animateOnce infoClient">
        {% if prev %}
            <div class="arrow-left-prev">
                <a href="{{path('easyadmin',{'id':prev, 'entity':'OrderClient','action':'show'})}}">
                    <i class="fas fa-chevron-left arrow-icon"></i>
                </a>
            </div>

        {% endif %}
        {% if next %}
            <div class="arrow-right-next">
                <a href="{{path('easyadmin',{'id':next, 'entity':'OrderClient','action':'show'})}}">
                    <i class="fas fa-chevron-right arrow-icon"></i>
                </a>
            </div>
        {% endif %}
        <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">
                        {{ include('admin/orders/order_detail.html.twig', { 'entity': entity }) }}       
                    </div>
                    {% if is_granted('ROLE_SELLER') or is_granted('ROLE_CLIENT_USER') %}
                    <div class="tab-pane fade" id="messages" role="tabpanel" aria-labelledby="profile-tab">
                        {{ include('admin/orders/messages.html.twig', { 'entity': entity }) }}
                    </div>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
    {% if is_granted('ROLE_PROVIDER') %}
    <br><br>
    {% endif %}
{% endblock %}
{% block nav_left_size %}
    col-md-4
{% endblock %}
{% block nav_right_size %}
    col-md-8
{% endblock %}
{% block action_left %}
    {% if is_granted('ROLE_CARRIER') or is_granted('ROLE_OPERATION') or is_granted('ROLE_SELLER') %}
        <div class="type-change-order" >
            {% if _entity_config.name == 'OrderClientCarrier' %}
                {% set id_op =  'orderclientcarrier' %}
            {% elseif _entity_config.name == 'OrderClientOperation' %}
                {% set id_op =  'orderclientoperation' %}
            {% elseif _entity_config.name == 'OrderClientSeller' %}
                {% set id_op =  'orderclientseller' %}
            {% elseif _entity_config.name == 'OrderClient' %}
                {% set id_op = 'orderclient' %}
            {% endif %}
            <div class="row">
                <div class="col-6  
                            {# {% if is_granted('ROLE_OPERATION') == false %}
                            offset-md-6
                            {% endif %} #}
                    ">
                    <div class="row">
                        <div class="col-3">
                            <label for="" class="type-change-order-item">{{'order_cliente_ea.show.state' | trans}}</label>
                        </div>
                        <div class="col-1">
                            <div class="dot"></div>
                        </div>
                        <div class="col-7">
                            <select class="type-change-order-item" name="{{id_op}}_state" id="{{id_op}}_state"></select>
                        </div>
                    </div>
                </div>
                {% if is_granted('ROLE_OPERATION') or is_granted('ROLE_SELLER') %}
                <div class="col-6">
                    <div class="row">
                        <div class="col-3">
                            <label class="type-change-order-item" for="">{{'payment_select' | trans}}</label>
                        </div>
                        <div class="col-1">
                            <div class="dot"></div>
                        </div>
                        <div class="col-7">
                            <select class="type-change-order-item" name="{{id_op}}_statePayment" id="{{id_op}}_statePayment"></select>
                        </div>
                    </div>
                </div>
                {% endif %}
            </div>
        </div>
    {% endif %}    
{% endblock %}
{% block body_javascript %}
    {{parent()}}
    {{ include('admin/orders/orderClientShow.js.twig', { 'entity': entity }) }}

    <script>
        function integrarConERP(){
            $('#noIntegrado span').text("{{'Integrando' | trans}}")
            $('#spinner_integracion').removeClass('d-none')
            let ids = []
            ids.push('{{entity.id}}');

            console.log(ids)

            const pedidos = {ids}
            var ajax = $.ajax({
                url: `/orderClient/writeRabbit`,
                type: 'POST',
                data: JSON.stringify(pedidos),
                contentType: "application/json",
            })
            
            ajax.done(function (obj) {
                if(obj.code === 200){
                    location.reload();
                }
                $('#noIntegrado span').text("{{'Integration ERP' | trans}}")
            }).fail(function (jqXHR, textStatus, errorThrown) {
                console.log('fail', jqXHR.responseJSON);
                $('#noIntegrado span').text("{{'not Integration ERP' | trans}}")
            }).always(function () {
                $('#spinner_integracion').addClass('d-none')
            });

        }

        function activityOrder(){
            console.log(`Id del pedido es {{entity.id}}`)

            hadleOpenModalHtmlRender(null, `/admin/orderClient/activity/{{entity.id}}`);
            return false;
        }
    </script>
{% endblock %}