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

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

	{% block stylesheets3rd %}
        <link href="{{ asset('bundles/app/dist/easyautocomplete/easy-autocomplete.min.css') }}" rel="stylesheet"/>
        <link rel="Stylesheet" type="text/css" href="{{ asset('bundles/app/dist/croppie/demo/prism.css') }}"/>
        <link rel="Stylesheet" type="text/css" href="{{ asset('bundles/app/dist/croppie/dist/sweetalert.css') }}"/>
        <link rel="Stylesheet" type="text/css" href="{{ asset('bundles/app/dist/croppie/croppie.css') }}"/>
        <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;">
                    {% if order_incident is empty %}
                        <button class="btn btn-danger" id="openIncidentModalButton"><i class="fa fa-flag"></i> Incidencia</button>
                    {% endif %}
                    <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
                                    <button id = "editClientData">
                                        <span class="glyphicon glyphicon-pencil"></span>
                                    </button>
                                    <input type="hidden" id="referenceOrder" value="{{ ord.referenceorden }}"/>
                                    <input type="hidden" id="clientId" value="{{ ord.cliente_id }}"/>
                                    <input type="hidden" id="mkpConn" value="{{ empresamarketplaceid }}"/>
                                </div>
                                <div class="panel-body">
                                    <div class="row" id="datos-cliente-container">
                                        <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                                            <div class="form-group">
                                                <label class="cfj-label-order">Nombre:</label>
                                                <input 
                                                    type="text" 
                                                    class="form-control cfj-inputs-shadow datos-cliente"
                                                    id="inputNombre"
                                                    placeholder="Nombre"
                                                    value="{{ ord.nombrecliente }}"
                                                    disabled
                                                    >
                                            </div>
                                        </div>
                                        <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
                                            <div class="form-group">
                                                <label class="cfj-label-order">Apellido:</label>
                                                <input 
                                                    type="text" 
                                                    class="form-control cfj-inputs-shadow datos-cliente"
                                                    id="inputApellido"
                                                    placeholder="Nombre"
                                                    value="{{ ord.apellidocliente }}"
                                                    disabled
                                                    >
                                            </div>
                                        </div>
                                       <div class="col-xs-8 col-sm-8 col-md-8 col-lg-8">
                                            <div class="form-group">
                                                <label class="cfj-label-order">Dirección:</label>
                                                <input 
                                                    type="text" 
                                                    class="form-control cfj-inputs-shadow datos-cliente"
                                                    id="inputDireccion"
                                                    placeholder="Dirección"
                                                    value="{{ ord.direccioncliente }}"
                                                    disabled
                                                    >
                                            </div>
                                        </div>
                                        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
                                            <div class="form-group">
                                                <label class="cfj-label-order">Altura:</label>
                                                <input 
                                                    type="text" 
                                                    class="form-control cfj-inputs-shadow datos-cliente"
                                                    id="inputAltura"
                                                    placeholder="Altura"
                                                    value="{{ ord.numbercliente }}"
                                                    disabled
                                                    >
                                            </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 datos-cliente" 
                                                    id="inputLocalidad"
                                                    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 datos-cliente" 
                                                    id="inputProvincia"
                                                    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 datos-cliente" 
                                                    id="inputComuna"
                                                    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 datos-cliente" 
                                                    id="inputCodigoPostal"
                                                    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
                                                    id="inputTelefono"
                                                    class="form-control cfj-inputs-shadow datos-cliente"
                                                    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" 
                                                    id="inputDni"
                                                    disabled 
                                                    class="form-control cfj-inputs-shadow datos-cliente"
                                                    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 creación envío: </label>
                                                    <input type="text" class="form-control cfj-inputs-shadow"
                                                            disabled placeholder="Fecha"
                                                            value="{{ ord.creation_date_shipping is null ? "" : ord.creation_date_shipping | 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">Demora en días de la entrega</label>
                                                    <input type="text" class="form-control cfj-inputs-shadow"
                                                            disabled placeholder="Demora en días de la entrega"
                                                            value="{{ delivery_days_delay }} "/>
                                                </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">Nombre del Servicio Carrier</label>
                                                    <input type="text" class="form-control cfj-inputs-shadow"
                                                            disabled placeholder="Nombre del Servicio Carrier"
                                                            value="{{ delivery_service_name }} "/>
                                                </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">Costo del Servicio Carrier</label>
                                                    <input type="text" class="form-control cfj-inputs-shadow"
                                                            disabled placeholder="Costo del Servicio Carrier"
                                                            value="${{ delivery_cost }} "/>
                                                </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>
                                {% for payment in payments%}
                                <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">Monto: </label>
                                                    <input type="text" class="form-control cfj-inputs-shadow"
                                                            disabled placeholder="Monto"
                                                            value="{{ payment.payment_amount }}"/>
                                                </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">Método de Pago: </label>
                                                <input type="text" class="form-control cfj-inputs-shadow" disabled
                                                        placeholder="Método de Pago"
                                                        value="{{ payment.gateway }}"/>
                                            </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="{{ payement.interest  / 100 }}%"/>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <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">N° de comercio</label>
                                                    <input type="text" class="form-control cfj-inputs-shadow"
                                                            disabled placeholder="N° de comercio"
                                                            value="{{ payment.commerce_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">Recargo financiero nominal</label>
                                                    <input type="text" class="form-control cfj-inputs-shadow"
                                                            disabled placeholder="Interés nominal"
                                                            value="{{ payment.nominal_interest}}"/>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <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">N° de cupón</label>
                                                    <input type="text" class="form-control cfj-inputs-shadow"
                                                            disabled placeholder="N° de cupón"
                                                            value="{{ payment.coupon_number}}"/>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                {% endfor %} 
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
                        {% if order_incident is not empty %}
                            {% include 'AppBundle:Ordenes:incident_box.html.twig' %}
                        {% endif %}
                        <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') }} "/>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                {% include 'AppBundle:Ordenes:edit/components/order_color_component.html.twig' %}
                            </div>
                        </div>
                        {% include 'AppBundle:Ordenes:invoice_upload.html.twig' with {'nro_factura' : nro_factura} %}
                        <form action="{{ path('app_orden_update_prestashop',{'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">Estado de la órden </label>
                                        <div class="form-group">
                                            <input type="hidden" id="orderId" value="{{ ord.id }}"/>
                                            <select id="selectOrderStatus" 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 }}"> {{ current_global_status.name }} >> {{ status.name }}</option>
                                                    {%  endif %}
                                                {% endfor %}
                                            </select>
                                            <div hidden id="loadingLabel" class="cfj-label-order">Cargando...</div>
                                            <div hidden id="successLabel" style="color:green" class="cfj-label-order">Cambios realizados con éxito</div>
                                            <div hidden id="errorLabel" style="color:red" class="cfj-label-order">Error</div>
                                            {% 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>
                                        <hr class="cfj-hr-atributes">
                                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"
                                            style="margin-bottom: 10px;">
                                            <div class="form-group">
                                                <div class="col-lg-8 col-md-8 col-xs-12">
                                                    <label class="cfj-label-order">Cobrado marketplace</label>
                                                    <i data-toggle='tooltip' class='fa fa-question-circle cfj-info'
                                                        data-placement='top'
                                                        title='El canal ya cobró esta venta'></i>
                                                </div>
                                                <div class="col-lg-4 col-md-4 col-xs-12" align="">
                                                    <div class="form-group onoffswitch mkt_collected">
                                                        <input type="checkbox" id="chkmkt_collected"
                                                            name="chkmkt_collected"
                                                            class="onoffswitch-checkbox" value="1"
                                                            {% if mkt_collected==1 %}
                                                            checked="checked"
                                                            {% endif %}/>
                                                        <label class="onoffswitch-label" for="myonoffswitch">
                                                            <span class="onoffswitch-inner yesorno"></span>
                                                            <span class="onoffswitch-switch"></span>
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"
                                                style="margin-bottom: 10px;">
                                            <div class="form-group">
                                                <div class="col-lg-8 col-md-8 col-xs-12">
                                                    <label class="cfj-label-order">Pagado al proveedor</label>
                                                    <i data-toggle='tooltip' class='fa fa-question-circle cfj-info'
                                                        data-placement='top'
                                                        title='Los productos de esta venta ya se pagaron al proovedor'></i>
                                                </div>
                                                <div class="col-lg-4 col-md-4 col-xs-12" align="">
                                                    <div class="form-group onoffswitch paid_provider">
                                                    <input type="checkbox" id="chkpaid_provider"
                                                            name="chkpaid_provider"
                                                            class="onoffswitch-checkbox" value="1"
                                                            {% if paid_provider==1 %}
                                                            checked="checked"
                                                            {% endif %}/>
                                                        <label class="onoffswitch-label" for="myonoffswitch">
                                                            <span class="onoffswitch-inner yesorno"></span>
                                                            <span class="onoffswitch-switch"></span>
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <button class="btn btn-primary btn-flat cfj-save-button" type="submit"><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>
                                    {% if costo > 0 %}
                                    <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">Costo por la órden: </label>
                                                <b style="float: right;">{{ costo | number_format(2, '.', ',') }}</b>
                                            </div>
                                        </div>
                                    </div>
                                    {% endif %}
                                    <div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    {% include 'AppBundle:Ordenes:comments_box.html.twig' with {'ordenId': ord.id} %}
                    {% include 'AppBundle:Ordenes:incidents_box_modal.html.twig' with {'incidents': incidents_types, 'orderId': ord.id} %}
                </div>
            </form>
            {% endfor %}
        </div><!-- /.box-body -->
        <div class="box-footer">
        </div><!-- box-footer -->
        </form>
        </div><!-- /.box -->
        </div>
    {% endblock %}
	{% block javascripts3rd %}
        {% javascripts
            '@AppBundle/Resources/public/js/Ordenes/clientHelper.js'
            '@AppBundle/Resources/public/js/Ordenes/orderStatusHelper.js'
            '@AppBundle/Resources/public/js/Ordenes/incidentHelper.js'
        %}
            <script src="{{ asset_url }}"></script>
        {% endjavascripts %}
        <script src="{{ asset('bundles/app/dist/easyautocomplete/jquery.easy-autocomplete.min.js') }}" type="text/javascript"></script>
        <script src="{{ asset('bundles/app/plugins/datepicker/locales/bootstrap-datepicker.es.js') }}" type="text/javascript"></script>
        <script src="{{ asset('bundles/app/dist/croppie/demo/prism.js') }}" type="text/javascript"></script>
        <script src="{{ asset('bundles/app/dist/croppie/dist/sweetalert.min.js') }}" type="text/javascript"></script>
        <script src="{{ asset('bundles/app/dist/croppie/croppie.js') }}" type="text/javascript"></script>
        <script>
            $(document).ready(function () {
                $('form').on('submit', function (e) {
                    $(this).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());
                    }
                });
                
                $('.mkt_collected').on('click', function () {
                var input = $(this).children("input");
                var check = input.prop('checked');
                if (!check) {
                    input.prop('checked', true);
                } else {
                    input.prop('checked', false);
                }
                });
                
                $('.paid_provider').on('click', function () {
                    var input = $(this).children("input");
                    var check = input.prop('checked');
                    if (!check) {
                        input.prop('checked', true);
                    } else {
                        input.prop('checked', false);
                    }
                });
            });
        </script>
    {% endblock %}