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

{% block title 'Editar Ordenes Mercado Libre'|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') }}"/>
{% 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="referenceOrder" value="{{ ord.referenceorden }}"/>
            <div class="row">
                <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">
                    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                        <div class="panel cfj-panel panel-success">
                            <div class="panel-heading" style="text-align:center;">
                                Datos Cliente
                            </div>
                            <div class="panel-body">
                                <div class="row">
                                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                        <div class="form-group">
                                            <label class="cfj-label-order">Nombre y Apellidos: </label>
                                            <input type="text" class="form-control cfj-inputs-shadow" disabled
                                                    placeholder="Nombre y Apellidos"
                                                    value="{{ ord.nombrecliente }} {{ ord.apellidocliente }}"/>
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                        <div class="form-group">
                                            <label class="cfj-label-order">Código Postal: </label>
                                            <input type="text" class="form-control cfj-inputs-shadow" disabled
                                                    placeholder="Dirección" value=" "/>
                                        </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=""/>
                                        </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=""/>
                                        </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">Email: </label>
                                            <input type="text" class="form-control cfj-inputs-shadow" disabled
                                                    placeholder="Email" value={{ ord.emailcliente }}/>
                                        </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 }} "/>
                                        </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 class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                        <div class="form-group">
                                            <label class="cfj-label-order">Email: </label>
                                            <input type="text" disabled class="form-control cfj-inputs-shadow"
                                                    placeholder="Email" value="{{ ord.emailfactura }}"/>
                                        </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">
                                <div class="row">
                                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                        <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>

                                            {% for p in productos %}
                                                <tr>
                                                    <th scope="row"><img src="{{ p.tumbnail }}"
                                                                            class="cfj-table-product-image"></th>
                                                    <td>{{ p.productoreferencia }}</td>
                                                    <td>{{ p.nombreproducto }}</td>
                                                    <td>{{ p.precio | number_format(2, '.', ',') }}</td>
                                                    <td>{{ p.cantidad }}</td>
                                                    <td>{{ p.precio | number_format(2, '.', ',') * p.cantidad }}</td>
                                                </tr>
                                            {% endfor %}
                                            </tbody>
                                        </table>
                                    </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 productos %}
                                        <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.date_add | 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.productopeso | 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">Orden Referencia: </label>
                                                <input type="text" class="form-control cfj-inputs-shadow" disabled
                                                        placeholder="Orden Referencia"
                                                        value="{{ ord.referenceorden }}"/>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-6 col-md-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="{{ ord.paymentmethod }}"/>
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
                                        <div class="form-group">
                                            <div class="form-group">
                                                <label class="cfj-label-order">Transaction id Pesos</label>
                                                <input type="text" class="form-control cfj-inputs-shadow" disabled
                                                        placeholder="Transaction id Pesos"
                                                        value="{{ ord.transactionidpesos }}"/>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-6 col-md-6">
                                        <div class="form-group">
                                            <label class="cfj-label-order">Tasa de Conversión: </label>
                                            <input type="text" class="form-control cfj-inputs-shadow" disabled
                                                    placeholder="Tasa de Conversión"
                                                    value="{{ ord.conversionrate }}"/>
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-6 col-md-6">
                                        <div class="form-group">
                                            <label class="cfj-label-order">Monto: </label>
                                            <input type="text" class="form-control cfj-inputs-shadow" disabled
                                                    placeholder="Monto"
                                                    value="{{ ord.amount | number_format(2, '.', ',') }} "/>
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-4 col-md-4">
                                        <div class="form-group">
                                            <label class="cfj-label-order">Nro. Tarjeta: </label>
                                            <input type="text" class="form-control cfj-inputs-shadow" disabled
                                                    placeholder="Nro. Tarjeta" value="{{ ord.cardnumber }} "/>
                                        </div>
                                    </div>

                                    <div class="col-xs-12 col-sm-4 col-md-4">
                                        <div class="form-group">
                                            <label class="cfj-label-order">Brand Tarjeta: </label>
                                            <input type="text" class="form-control cfj-inputs-shadow" disabled
                                                    placeholder="Brand Tarjeta" value="{{ ord.cardbrand }}"/>
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-4 col-md-4">
                                        <div class="form-group">
                                            <label class="cfj-label-order">Vencimiento Tarjeta: </label>
                                            <input type="text" class="form-control cfj-inputs-shadow" disabled
                                                    placeholder="Vencimiento Tarjeta"
                                                    value="{{ ord.card_expiration }}"/>
                                        </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">Orden Referencia: </label>
                                            <input type="text" class="form-control cfj-inputs-shadow" disabled
                                                    placeholder="Orden Referencia" 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.date_add | date('Y-m-d H:i') }} "/>
                                        </div>
                                    </div>
                                </div>
                                {% include 'AppBundle:Ordenes:edit/components/order_color_component.html.twig' %}
                            </div>
                        </div>
                    </div>
                    {% include 'AppBundle:Ordenes:invoice_upload.html.twig' %}
                    <form action="{{ path('app_orden_update_meli',{'ordenid':ord.ordenid}) }}" method="get">
                    <div class="panel cfj-panel panel-primary">
                        <div class="panel-heading" style="text-align:center;">
                            ESTATUS
                        </div>
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-xs-12 col-sm-12 col-md-12">
                                    <label class="cfj-label-order">Status de la Orden </label>
                                    <div class="form-group">
                                        <select data-event="savecondicion" data-event="fieldcondicion"
                                                data-id="{{ ord.ordenid }}" name="selectestatus" required="required"
                                                disabled="true" class="form-control cfj-inputs-shadow">
                                            <option value="{{ ord.idestatus }}" selected>{{ ord.nombre }}</option>
                                            {% for  e in estatus %}
                                                <option value="{{ e.id }}">{{ e.nombre }}</option>
                                            {% endfor %}
                                        </select>
                                    </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 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;">{{ ord.totalproductos | 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">Envio: </label>
                                            <b style="float: right;">{{ ord.totalshipping | number_format(2, '.', ',') }}</b>
                                        </div>
                                    </div>
                                </div>
                                <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 | 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();
            });
            //$('#appbundle_producto_publicado').click(function(){
            //alert('ingreso');

            $('.onoffswitch').on('click', function () {
                var input = $('input[id*="publicado"]');


                var check = input.prop('checked');
                if (!check) {
                    input.prop('checked', true);
                    //check = $('#appbundle_children_activo').prop('checked');
                } else {
                    input.prop('checked', false);
                    //check = $('#appbundle_children_activo').prop('checked');
                }
            });


            $('.estatusncredit').on('click', function () {

                var input = $(this).children("input");
                var check = input.prop('checked');
                if (!check) {
                    input.prop('checked', true);
                } else {
                    input.prop('checked', false);
                }
            });


            $('.estatusfactmarket').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 %}