{% 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 %}orderReturns.new_title{% endtrans %}</span>
            </h3>
        </div>
    </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 %}Client data{% endtrans %}</h3>

                    {# <a href="#" onclick='addNewClient();' role="button" aria-expanded="false" class="btn absolute fab-top btn-primary shadow1">
                        {% trans %}New Client{% endtrans %}
                    </a> #}
                </div>

            </div>
        </section>
        <div class="card-body">
            <div class="row info-client">
                <div class="col-md-4 pointer" data-toggle="tooltip" data-placement="bottom" title="{{'orderReturns.message_create_order_return'|trans()}}">
                    {{'provider_ea.show.companyName'|trans()}} <i class="fa fa-exclamation-circle rol-user" aria-hidden="true"></i>
                    <br><br>
                    <select class="sales-provider form-control" required name="cliente" id="cliente" data-placeholder="{{'select an option' | trans}}">
                        <option></option>
                        {% for cliente in listCliente %}
                            <option value="{{cliente.id}}">{{cliente.companyName}}</option>
                        {% endfor %}
                    </select>
                </div>
                <div class="col-md-4">
                    CIF
                    <br><br>
                    <strong class="card-title label-black" id="cif"></strong>
                </div>
                <div class="col-md-4">
                    {{'provider_ea.show.billingAddress'|trans()}}
                    <br><br>
                    <img class="img-message-order" src="{{asset('img/logo-google-maps.png')}}" alt="">
                    <strong class="card-title label-black" id="billingAddress"></strong>
                </div>
            </div>
            <div class="row info-client">
                <div class="col-md-4">
                    {{'provider_ea.show.phone'|trans()}}
                    <br><br>
                    <strong class="card-title label-black" id="phone"></strong>
                </div>
                <div class="col-md-4">
                    {{'provider_ea.show.mobile'|trans()}}
                    <br><br>
                    <strong class="card-title label-black" id="mobile"></strong>
                </div>
                <div class="col-md-4">
                    {{'provider_ea.show.email'|trans()}}
                    <br><br>
                    <strong class="card-title label-black" id="email"></strong>
                </div>
            </div>
            {# <div class="row">
                <div class="col-md-8">
                    {{'provider_ea.show.openHours'|trans()}}
                    <br><br>
                </div>
                <div class="col-md-4">
                    {{'order_cliente_ea.show.address'|trans()}}
                    <br><br>
                    <strong class="card-title label-black" id="cont-addres">
                        <span></spab>
                    </strong>
                </div>
            </div> #}
        </div>
    </div>

    <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 %}orderReturns.return_data{% endtrans %}</h3>
                    {# <a href="#" role="button" aria-expanded="false" onclick="openModal(2)" class="btn absolute fab-top btn-primary shadow1">
                        {% trans %}Products{% endtrans %}
                    </a> #}
                    <a href="#" role="button" aria-expanded="false" onclick="hanldeOpenViewProduct()" class="btn absolute fab-top btn-primary shadow1">
                        {% trans %}Products{% endtrans %}
                        {# <i class="icon icon-plus"></i> #}
                    </a>
                </div>
            </div>
            <div>
                <br>
                <h3 class="card-title label-black">{{ 'product list'|trans }}</h3>
                <div class="table-responsive">
                    <table class="table table-bordered">
                        <thead>
                            <tr>
                                <th scope="col">#</th>
                                <th scope="col">{{ 'product_ea.form.sku'|trans }}</th>
                                <th scope="col">{{ 'product name'|trans|capitalize }}</th>
                                <th scope="col">{{ 'stockClient.stock'|trans|capitalize }}</th>
                                <th scope="col">{{ 'price'|trans|capitalize }}</th>
                                <th scope="col" style="width: 120px;">{{ 'quantity'|trans|capitalize }}</th>
                                <th scope="col">{{ 'amount'|trans|capitalize }}</th>
                                <th scope="col"></th>
                            </tr>
                        </thead>
                        <tbody id="productsSelect">
                            <tr><td scope="col" colspan='8' class='text-center'>{{'orderReturns.message_table'|trans }}</td></tr>
                        </tbody>
                    </table>
                </div>
            </div>

            <div class="mt-3">
                <div class="form-group field-text p-0">                        
                    <textarea id="nota_adicional" name="nota_adicional" class="form-control" placeholder="{{'orderReturns.note_for_client'|trans()}}"></textarea>

                </div>
            </div>

            <div id="cont_alert"></div>

            <div class="my-3">
                <button type="button" class="btn btn-primary" id="create_order" onclick="realizarPedido()">
                    {{'orderReturns.request_a_refund'|trans()}}
                    <div class="spinner-border d-none" id="spinner_create" role="status" >
                        <span class="sr-only">Loading...</span>
                    </div>
                </button>
            </div>
        </section>
    </div>

    {% include "/admin/order_returns/create/createOrder_css.html.twig" %} 
{% endblock %}

{% block body_javascript %}
    
    {% include "/admin/order_returns/create/createOrder_js.html.twig" %}
    {{parent()}}
{% endblock %}