{% extends "AppBundle::Ordenes/edit/edit_order_base.html.twig" %}

{% block title 'Editar Orden Clicnea'|trans %}

    {% block stylesheets3rd %}
        <style>
            table {
                font-size: 10px;
                width: 100%;
            }

            thead, tbody {
                width: 100%;
            }

            tbody tr {
                width: 100%;
                height: 30px;
            }

            td {
                width: 33%;
                text-align: center;
            }
        </style>
    {% endblock %}

	{% block content %}
        <div class="box">
            <div class="box-header">
                <div class="box-tools" style="top: -15px;">
                    <a class="btn cfj-deg" target="_blank" href="{{ path('app_write_order_remittance', {'orderId' : orden[0].id }) }}"><i
                                class="fa fa-download"></i> {% trans %}Descargar Remito{% endtrans %} </a>
                    <a class="btn cfj-deg" href="{{ path('app_orden') }}"><i
                                class="fa fa-arrow-left text-white"></i> {% trans %}Regresar{% endtrans %} </a>
                </div>
            </div><!-- /.box-header -->
            <div class="box-body">
                {% for ord in orden %}
                <input type="hidden" id="orden_id" value="{{ ord.id }}"/>
                <input type="hidden" id="referenceOrder" value="{{ ord.referenceorden }}"/>

                    <div class="row">
                        <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">
                            <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                                <div class="panel cfj-panel panel-success">
                                    <div class="panel-heading" style="text-align:center;">
                                        Datos Cliente
                                    </div>
                                    <div class="panel-body">
                                        <div class="row">
                                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                                <div class="form-group">
                                                    <label class="cfj-label-order">Nombre y Apellidos: </label>
                                                    <input type="text" class="form-control cfj-inputs-shadow" disabled
                                                           placeholder="Nombre y Apellidos"
                                                           value="{{ ord.nombrecliente }} {{ ord.apellidocliente }}"/>
                                                </div>
                                            </div>
                                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                                <div class="form-group">
                                                    <label class="cfj-label-order">Dirección: </label>
                                                    <input type="text" class="form-control cfj-inputs-shadow" disabled
                                                           placeholder="Dirección"
                                                           value="{{ ord.direccioncliente }} {{ ord.numbercliente }}"/>
                                                </div>
                                            </div>
                                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                                <div class="form-group">
                                                    <label class="cfj-label-order">Localidad: </label>
                                                    <input type="text" class="form-control cfj-inputs-shadow" disabled
                                                           placeholder="Localidad" value="{{ ord.localidadcliente }}"/>
                                                </div>
                                            </div>
                                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                                <div class="form-group">
                                                    <label class="cfj-label-order">Provincia: </label>
                                                    <input type="text" class="form-control cfj-inputs-shadow" disabled
                                                           placeholder="Provincia" value="{{ ord.provinciacliente }}"/>
                                                </div>
                                            </div>
                                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                                <div class="form-group">
                                                    <label class="cfj-label-order">Comuna/Partido: </label>
                                                    <input type="text" class="form-control cfj-inputs-shadow" disabled
                                                           placeholder="Comuna/Partido" value="{{ ord.comunacliente }}"/>
                                                </div>
                                            </div>
                                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                                <div class="form-group">
                                                    <label class="cfj-label-order">Código Postal: </label>
                                                    <input type="text" class="form-control cfj-inputs-shadow" disabled
                                                           placeholder="Dirección" value="{{ ord.postcodecliente }}"/>
                                                </div>
                                            </div>
                                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                                <div class="form-group">
                                                    <label class="cfj-label-order">Teléfono: </label>
                                                    <input type="text" disabled class="form-control cfj-inputs-shadow"
                                                           placeholder="Telefono" value="{{ ord.telefonocliente }}"/>
                                                </div>
                                            </div>
                                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                                <div class="form-group">
                                                    <label class="cfj-label-order">DNI/CUIT: </label>
                                                    <input type="text" disabled class="form-control cfj-inputs-shadow"
                                                           placeholder="DNI/CUIT" value="{{ ord.dnicliente }}"/>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                                <div class="panel cfj-panel panel-success">
                                    <div class="panel-heading" style="text-align:center;">
                                        Datos Facturación
                                    </div>
                                    <div class="panel-body">
                                        <div class="row">
                                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                                <div class="form-group">
                                                    <label class="cfj-label-order">Nombre y Apellidos: </label>
                                                    <input type="text" class="form-control cfj-inputs-shadow" disabled
                                                           placeholder="Nombre y Apellidos"
                                                           value="{{ ord.nombrefactura }}  {{ ord.apellidofactura }}"/>
                                                </div>
                                            </div>
                                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                                <div class="form-group">
                                                    <label class="cfj-label-order">Dirección: </label>
                                                    <input type="text" class="form-control cfj-inputs-shadow" disabled
                                                           placeholder="Dirección"
                                                           value="{{ ord.direccionf }} {{ ord.numberfactura }}"/>
                                                </div>
                                            </div>
                                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                                <div class="form-group">
                                                    <label class="cfj-label-order">Localidad: </label>
                                                    <input type="text" class="form-control cfj-inputs-shadow" disabled
                                                           placeholder="Localidad" value="{{ ord.localidadfactura }} "/>
                                                </div>
                                            </div>
                                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                                <div class="form-group">
                                                    <label class="cfj-label-order">Provincia: </label>
                                                    <input type="text" class="form-control cfj-inputs-shadow" disabled
                                                           placeholder="Provincia" value="{{ ord.provinciafactura }} "/>
                                                </div>
                                            </div>
                                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                                <div class="form-group">
                                                    <label class="cfj-label-order">Comuna/Partido: </label>
                                                    <input type="text" class="form-control cfj-inputs-shadow" disabled
                                                           placeholder="Comuna/Partido" value="{{ ord.comunafactura }} "/>
                                                </div>
                                            </div>
                                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                                <div class="form-group">
                                                    <label class="cfj-label-order">Código Postal: </label>
                                                    <input type="text" class="form-control cfj-inputs-shadow" disabled
                                                           placeholder="Dirección" value="{{ ord.postcodef }} "/>
                                                </div>
                                            </div>
                                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                                <div class="form-group">
                                                    <label class="cfj-label-order">Teléfono: </label>
                                                    <input type="text" class="form-control cfj-inputs-shadow" disabled
                                                           placeholder="Teléfono" value="{{ ord.telefonofactura }}"/>
                                                </div>
                                            </div>
                                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                                <div class="form-group">
                                                    <label class="cfj-label-order">DNI/CUIT: </label>
                                                    <input type="text" class="form-control cfj-inputs-shadow" disabled
                                                           placeholder="DNI/CUIT" value=" {{ ord.dnifactura }} "/>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                <div class="panel cfj-panel panel-success">
                                    <div class="panel-heading" style="text-align:center;">
                                        Detalles del Pedido
                                    </div>
                                    <div class="panel-body">
                                        {% if golden_rules_as_discount %}
                                        <div class="row">
                                            <div class="col-12 text-center">
                                                <p style="background-color: #333; color: #fff;" class="p-2 m-2">
                                                    <b>Golden Rules como ítems de descuento en órdenes está activado.</b> Se mostrará como descuento la diferencia de precio generada por golden rules aplicables.
                                                </p>
                                            </div>
                                        </div>
                                        {% endif %}
                                         <div class="row">
                                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                                {% if products is empty %}
                                                Producto/s inexistente/s en su cuenta de Fulljaus
                                            {% else %}
                                                <table class="table">
                                                    <thead>
                                                    <tr>
                                                        <th scope="col"></th>
                                                        <th scope="col">SKU</th>
                                                        <th scope="col">Titulo</th>
                                                        <th scope="col">Precio Unitario</th>
                                                        <th scope="col">Cantidad</th>
                                                        <th scope="col">Subtotal</th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>

                                                    {% set totalproducts = 0 %}
                                                    {% for p in products %}
                                                        {% set subtotal = (p.unit_price_with_taxes * p.quantity) %}
                                                        {% set totalproducts = totalproducts + subtotal %}
                                                        {% set isCombo = p.productsCombo|length %}

                                                        {% set editRoute = ""%}
                                                        {% if p.isCombo == false and p.isParent == false %}
                                                            {% set editRoute = path('ProductViewsController_simpleProductEditView', { 'id': p.productId  }) %}
                                                        {% endif %}
                                                        {% if p.isCombo %}
                                                            {% set editRoute = path('ProductViewsController_comboProductEditView', { 'id': p.productId }) %}
                                                        {% endif %}
                                                        {% if p.isParent %}
                                                            {% set editRoute = path('ProductViewsController_variantProductEditView', { 'id': p.productId  }) %}
                                                        {% endif %}
                                                        
                                                        <tr {% if isCombo %}data-toggle="collapse" data-target="#collapse-combodata-{{ loop.index }}" aria-expanded="true"{% endif %}>
                                                            <th scope="row"><img src="{{ p.thumbnail }}"
                                                                                    class="cfj-table-product-image">
                                                            </th>
                                                            <td><a class="btn btn-xs" href="{{ editRoute }}" target="_blank">{{ p.sku }}</a></td>
                                                            <td>{% if isCombo %}<i class="fa fa-cubes" aria-hidden="true" style="float: left;"></i> {% endif %}{{ p.name }}</td>
                                                            <td>{{ p.unit_price_with_taxes | number_format(2, '.', ',') }}</td>
                                                            <td>{{ p.quantity }}</td>
                                                            <td>{{ subtotal|number_format(2, '.', ',') }}{% if isCombo %} <i class="fa fa-chevron-down" aria-hidden="true" style="float: right;"></i>{% endif %}</td>
                                                        </tr>

                                                        {% if isCombo %}
                                                            {% include "AppBundle:Ordenes:edit/combo_product_billing.html.twig" with {'combo': p, 'index': loop.index, 'colspan': 6} %}
                                                        {% endif %}

                                                    {% endfor %}

                                                    {% if discounts is not empty %}
                                                        {% for d in discounts %}
                                                            <tr>
                                                                <th scope="row">-</th>
                                                                <td>{{ d.sku_associated }}</td>
                                                                <td>{{ d.name }}</td>
                                                                <td>{{ d.unit_price_with_taxes | number_format(2, '.', ',') }}</td>
                                                                <td>1</td>
                                                                <td>{{ d.unit_price_with_taxes | number_format(2, '.', ',') }}</td>
                                                            </tr>
                                                        {% endfor %}
                                                    {% endif %}
                                                    </tbody>
                                                </table>
                                            {% endif %}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                <div class="panel cfj-panel panel-success">
                                    <div class="panel-heading" style="text-align:center;">
                                        Detalles del Envío
                                    </div>
                                    <div class="panel-body">
                                        <div class="row">
                                            {% for p in products %}
                                                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                                                    <div class="form-group">
                                                        <label class="cfj-label-order">Fecha Inclusión: </label>
                                                        <input type="text" class="form-control cfj-inputs-shadow"
                                                               disabled placeholder="Fecha"
                                                               value="{{ ord.dateadd | date('d-m-Y') }}"/>
                                                    </div>
                                                </div>
                                                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                                                    <div class="form-group">
                                                        <label class="cfj-label-order">Transportista</label>
                                                        <input type="text" class="form-control cfj-inputs-shadow"
                                                               disabled placeholder="Transportista"
                                                               value="{{ ord.nombrecarrier }} "/>
                                                    </div>
                                                </div>
                                                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                                                    <div class="form-group">
                                                        <div class="form-group">
                                                            <label class="cfj-label-order">Envio: </label>
                                                            <input type="text" class="form-control cfj-inputs-shadow"
                                                                   disabled placeholder="Peso"
                                                                   value="{{ ord.totalshipping | number_format(2, '.', ',') }} "/>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                                                    <div class="form-group">
                                                        <label class="cfj-label-order">Nro. de Seguimiento</label>
                                                        <input type="text" class="form-control cfj-inputs-shadow"
                                                               disabled placeholder="Nro. de Seguimiento"
                                                               value="{{ ord.tracking_number }}"/>
                                                    </div>
                                                </div>
                                            {% endfor %}
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                <div class="panel cfj-panel panel-success">
                                    <div class="panel-heading" style="text-align:center;">
                                        Detalles del Pago
                                    </div>
                                    <div class="panel-body">
                                        <div class="row">
                                            <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                                                <div class="form-group">
                                                    <div class="form-group">
                                                        <label class="cfj-label-order">Nro. Carrito: </label>
                                                        <input type="text" class="form-control cfj-inputs-shadow"
                                                               disabled placeholder="Nro. Carrito"
                                                               value="{{ ord.referenceorden }}"/>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                                                <div class="form-group">
                                                    <div class="form-group">
                                                        <label class="cfj-label-order">Nro. de Factura: </label>
                                                        <input type="text" class="form-control cfj-inputs-shadow"
                                                               disabled placeholder="Nro. de Factura"
                                                               value="{{ ord.invoice_number }}"/>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                                                <div class="form-group">
                                                    <div class="form-group">
                                                        <label class="cfj-label-order">Interés: </label>
                                                        <input type="text" class="form-control cfj-inputs-shadow"
                                                               disabled placeholder="Interés"
                                                               value="{{ ord.interest / 100 }}%"/>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
                            <div class="panel cfj-panel panel-danger">
                                <div class="panel-heading" style="text-align:center;">
                                    Datos de la Orden
                                </div>
                                <div class="panel-body">
                                    <div class="row">
                                        <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                                            <div class="form-group">
                                                <div class="form-group">
                                                    <label class="cfj-label-order">ID de la Orden: </label>
                                                    <input type="text" class="form-control cfj-inputs-shadow" disabled
                                                           placeholder="ID de la Orden" value="{{ ord.ordenid }} "/>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                                            <div class="form-group">
                                                <div class="form-group">
                                                    <label class="cfj-label-order">Nro. Carrito: </label>
                                                    <input type="text" class="form-control cfj-inputs-shadow" disabled
                                                           placeholder="Nro. Carrito"
                                                           value="{{ ord.referenceorden }} "/ >
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                            <div class="form-group">
                                                <div class="form-group">
                                                    <label class="cfj-label-order">Fecha: </label>
                                                    <input type="text" class="form-control cfj-inputs-shadow" disabled
                                                           placeholder="Fecha"
                                                           value="{{ ord.dateadd|date('Y-m-d H:i') }} "/>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    {% include 'AppBundle:Ordenes:edit/components/order_color_component.html.twig' %}
                                </div>
                            </div>

                            {% include 'AppBundle:Ordenes:invoice_upload.html.twig' %}
                            <form action="{{ path('app_orden_update_clicnea',{'orderId':ord.ordenid}) }}" method="get">
                            <div class="panel cfj-panel panel-primary">
                                <div class="panel-heading" style="text-align:center;">
                                    MODIFICAR
                                </div>
                                <div class="panel-body">
                                    <div class="row">
                                        <div class="col-xs-12 col-sm-12 col-md-12">
                                            <label class="cfj-label-order">Status de la Orden </label>
                                            <div class="form-group">
                                                <select id="selectGlobalStatus" name="selectGlobalStatus" required="required" class="form-control cfj-inputs-shadow">
                                                    <option value="{{ current_global_status.id }}" selected disabled> {{ current_global_status.name }}</option>
                                                    {% for status in global_status %}
                                                        {%  if status.id != current_global_status.id %}
                                                        <option value="{{ status.id }}" data-code="{{ status.code }}"> {{ current_global_status.name }} >> {{ status.name }}</option>
                                                        {%  endif %}
                                                    {% endfor %}
                                                </select>

                                                {% if manual_transitions_allowed == 0 %}
                                                    <p style="font-size:0.9em;background-color:#f8d7da;">
                                                        Este estado no permite transiciones manuales.
                                                        <br>
                                                        Se espera información del marketplace para realizar el cambio de estado.
                                                    </p>
                                                {% endif %}
                                            </div>
                                            <button class="btn btn-primary btn-flat cfj-save-button" type="button" id="changeStatusButton"><i
                                                    class="fa fa-save"></i>{% trans %}&nbsp;Guardar{% endtrans %}
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            {{ render(controller('AppBundle\\Controller\\CarrierController::showCarrierPanel', { 'orderId': ord.id })) }}

                            <div class="panel cfj-panel panel-primary">
                                <div class="panel-heading" style="text-align:center;">
                                    TOTALES
                                </div>
                                <div class="panel-body">
                                    <div class="row">
                                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                            <div class="form-group">
                                                <div class="form-group">
                                                   <label class="cfj-label-order">Productos</label>
                                                <b style="float: right;">{{ totalproducts | number_format(2, '.', ',') }}</b>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                            <div class="form-group">
                                                <div class="form-group">
                                                    <label class="cfj-label-order">Envío: </label>
                                                    <b style="float: right;">{{ ord.totalshipping | number_format(2, '.', ',') }}</b>
                                                </div>
                                            </div>
                                        </div>

                                        {% if ord.totaltransact == null %}
                                            {% set totaltransact = 0 %}
                                        {% else %}
                                            {% set totaltransact = totalproducts + ord.totalshipping %}
                                        {% endif %}

                                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                            <div class="form-group">
                                                <div class="form-group">
                                                    <label class="cfj-label-order">Subtotal pesos: </label>
                                                    <b style="float: right;">
                                                        {{ totaltransact | number_format(2, '.', ',') }}
                                                    </b>
                                                </div>
                                            </div>
                                        </div>
                                        {% set totalDiscount = 0 %}
                                        {% if discounts is not empty %}
                                            <hr class="cfj-hr-atributes">

                                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                                <div class="form-group">
                                                    <div class="form-group">
                                                        <label class="cfj-label-order">Descuentos: </label>
                                                        {% for d in discounts %}
                                                            {% set totalDiscount = totalDiscount + d.unit_price_with_taxes %}
                                                        {% endfor %}
                                                        <b style="float: right;">{{ totalDiscount | number_format(2, '.', ',') }}</b>
                                                    </div>
                                                </div>
                                            </div>
                                        {% endif %}
                                        <hr class="cfj-hr-atributes">
                                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                            <div class="form-group">
                                                <div class="form-group">
                                                    <label class="cfj-label-order">Total Pagado: </label>
                                                    <b style="float: right;">{{ (ord.totalpaid + totalDiscount ) | number_format(2,'.',',') }}</b>
                                                </div>
                                            </div>
                                        </div>
                                        <div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
            {% endfor %}
        </div><!-- /.box-body -->
        <div class="box-footer">
        </div><!-- box-footer -->
        </form>
        </div><!-- /.box -->
        </div>
    {% endblock %}

{% block javascripts3rd %}
    <script>
        $(document).ready(function () {
            $('#changeStatusButton').on('click', function (e) {
                e.preventDefault();
                const special_transitions = JSON.parse('{{ special_transitions | json_encode | raw }}');
                const form = $('form');
                const transitionSelected = $('#selectGlobalStatus option:selected').attr('data-code');
                const transitionData = special_transitions[transitionSelected];
                if (transitionData) {
                    swal.withForm({
                        title: "Cambio de estado",
                        showCancelButton: true,
                        closeOnConfirm: true,
                        formFields: transitionData.map((inputData) => {
                            return { id: inputData['input_name'], placeholder: inputData['text'], required: true}
                        })
                    }, function (isConfirm) {
                        if (!isConfirm) {
                            return false;
                        }
                        let inputs = this.swalForm
                        for (let [inputName, inputValue] of Object.entries(inputs)) {
                            form.append($(`<input type='hidden' name='${inputName}' id='${inputName}' value="${inputValue}"/>`));
                        }
                        form.submit();
                    });
                } else {
                    form.submit();
                }
            });
            $("#tabla-ajax").on('click', ".onoffswitch-estatus", function (e) {});
            $('.estatusncredit').on('click', function (e) {
                e.preventDefault();
                var input = $(this).children('input[id^="chk"]') //attr('data-id');
                var id = input.attr('data-id')
                if (input.is(':checked')) {
                    input.val('0');
                    input.prop('checked', false);
                    aplicarEstatusCheck(id, input.val());
                } else {
                    input.val('1');
                    input.prop('checked', true);
                    aplicarEstatusCheck(id, input.val());
                }
            });

            $('.estatusfactmarket').on('click', function (e) {
                e.preventDefault();
                var input = $(this).children('input[id^="chk"]') //attr('data-id');
                var id = input.attr('data-id')
                if (input.is(':checked')) {
                    input.val('0');
                    input.prop('checked', false);
                    aplicarEstatusCheck(id, input.val());
                } else {
                    input.val('1');
                    input.prop('checked', true);
                    aplicarEstatusCheck(id, input.val());
                }
            });
        });
    </script>
{% endblock %}