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

{% block title 'Editar Orden Garbarino'|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;">
                    <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 }}"/>

                <form action="{{ path('app_orden_update_garbarino',{'ordenid':ord.ordenid}) }}" method="get">
                    <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="form-group">
                                                    <label class="cfj-label-order">Comuna/Provincia: </label>
                                                    <input type="text" class="form-control cfj-inputs-shadow" disabled
                                                           placeholder="Comuna/Provincia" 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 }} "/>
                                                    </select>
                                                </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">Peso</label>
                                                    <input type="text" class="form-control cfj-inputs-shadow"
                                                            disabled placeholder="Peso"
                                                            value="{{ p.weight | number_format(2, '.', ',') }} "/>
                                                </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>
                                        {% 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>
                                    </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' %}
                            <div class="panel cfj-panel panel-primary">
                                <div class="panel-heading" style="text-align:center;">
                                    ENVÍOS
                                </div>
                                <div class="panel-body">
                                    <table class="table table-hover table-sm table-bordered">
                                        <tbody>
                                            {% for p in products %}
                                            <tr>
                                                <td class="text-left">
                                                    {{ p.name }}
                                                </td>
                                                <td class="text-right">
                                                    {% if p.tracking_id != null %}
                                                        <a href="{{ path('app_orden_print_garbarino', {"empresamarketplaceid":empresamarketplaceid,"trackingid":p.tracking_id}) }}" target="_blank">
                                                            <button type="button" class="btn btn-primary btn-sm"><i class="fa fa-file"></i></button>
                                                        </a>
                                                    {% else %}
                                                        <button type="button" class="btn btn-primary btn-sm" disabled><i class="fa fa-file"></i></button>
                                                    {% endif %}
                                                </td>
                                            </tr>
                                            {% endfor %}
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <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">
                                                <input type="text" disabled class="form-control" value="{{ord.nombre}}">
                                            </div>
                                        </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;">{{ (totaltransact + 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 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());
                    }
                });
            });
        </script>
    {% endblock %}