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

{% block header_container %}
    <div class="row p-t-b-10">
        <div class="col-12" style="padding-left: 40px;">
            <h3 class="font-weight-bold">
                {# <span class="s-24 icon-shopping_cart"> #}
                </span>{% trans %}grouo_orders.grouped_order{% endtrans %} #{{orderGroup.id}}</span>
            </h3>
        </div>
    </div>
    <div class="row nav-action-tab">
        <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 active" title="{% trans %}detail{% endtrans %}" href="#">
                    <i class="fa fa-fw fa-eye"></i>
                    {% trans %}detail{% endtrans %}
                </a>
            </li>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      
            <li>
                <a class="nav-link " id="v-pills-86-tab" title="{% trans %}Back to list{% endtrans %}" href="/admin/?entity=OrderGroup&action=list&menuIndex=13&submenuIndex=-1" target="_self">
                    {% trans %}Back to list{% endtrans %}
                </a>
            </li>
        </ul>    
    </div>
{% endblock %}

{% block wrapper %}
    <div class="card r-0 shadow my-3">
        <section class="content-header ">
            <div class="d-flex flex-row justify-content-between align-content-center w-100">
                <div class="content-header-title">
                    <h1 class="title">   </h1>
                    <h3>{% trans %}grouo_orders.title_show_group_order{% endtrans %}</h3>
                </div>

            </div>
        </section>
        <div class="card-body">
            <div class="row info-client">
                <div class="col-md-4">
                    {{'Orders'|trans()}}
                    <button type="button" class="btn-list-actions" onclick='handledAddPedido()'>
                        <a class="rol-user">{{'add'| trans}}</a>
                    </button>
                    <button type="button" class="btn-list-actions" onclick='handledQuitarPedido()'>
                        <a class="rol-user">{{'CreateOrderClient.delete'| trans}}</a>
                    </button>
                
                    <br>
                    <strong class="card-title label-black">
                        {{ include('admin/orders/group/column_orders.html.twig', { 'value': orderGroup.ordersArray }) }}
                    </strong>
                </div>
                <div class="col-md-4">
                    {{'Clients'|trans()}}
                    <br>
                    {% for key, client in orderGroup.clientArray %}
                        <p class='mb-0 '><strong class="card-title label-black">{{client.companyName}}</strong></p>
                    {% endfor %}
                </div>
                <div class="col-md-2">
                    {{'grouo_orders.products_total'|trans()}}
                    <br><br>
                    <strong class="card-title label-black">{{orderGroup.productArray|length}}</strong>
                </div>
                <div class="col-md-2">
                    {{'grouo_orders.address_total'|trans()}}
                    <br><br>
                    <strong class="card-title label-black" style="text-transform: capitalize;">{{orderGroup.deliveryAddressArray|length}}</strong>
                </div>
            </div>
        </div>
    </div>

    {% include "admin/orders/group/list_address.html.twig" %} 

    

    <div class="modal alerta-message fade" id="modal_group_orders" tabindex="-1" role="dialog" aria-labelledby="invitate-client" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            
        </div>
    </div>

</div>

    {% include "admin/orders/group/list_products.html.twig" %} 
    {% include "/admin/catalogue/catalogo_css.html.twig" %} 
    <style>
        .hiddenRow {
            padding: 0 !important;
        }
    </style>
{% endblock %}

{% block body_javascript %}
    
    {% include "admin/orders/group/order_group_js.html.twig" %} 
    {{parent()}}
{% endblock %}