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


{% block title 'Editar Orden Megatone'|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' : order.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>

            <div class="box-body">

                <input type="hidden" id="orden_id" value="{{ order.id }}"/>               
                <input type="hidden" id="referenceOrder" value="{{ order.reference_order }}"/>

                    <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">
                                    {# Datos Cliente #}
                                    {% include 'AppBundle:OrdenesMegatone:customer_data.html.twig' with {'shipping_address': order.shipping_address, 'impactado' : impactado, 'referenceorder' : order.reference_order, 'clienteId' : order.billing_address.id,  'marketplaceConnection' : order.companyMarketplaceId } %}
                                </div>
                            </div>

                            <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                                <div class="panel cfj-panel panel-success">
                                    {# Datos Facturación #}
                                    {% include 'AppBundle:OrdenesMegatone:billing_data.html.twig' with {'billing_address': order.billing_address } %}
                                </div>
                            </div>

                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                <div class="panel cfj-panel panel-success">
                                    {# Detalles del Pedido #}
                                    {% include 'AppBundle:OrdenesMegatone:order_detail_data.html.twig' with {'products': products, 'discounts': discounts } %}
                                </div>
                            </div>

                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                <div class="panel cfj-panel panel-success">
                                    {# Detalles del Envío #}
                                    {% include 'AppBundle:OrdenesMegatone:shipping_data.html.twig' with {'creation_date_shipping': order.creation_date_shipping,  'shipping_info': order.shipping_info, 'shipping_subtotal': order.shipping_subtotal, 'products': order.products} %}
                                </div>
                            </div>

                            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                                <div class="panel cfj-panel panel-success">
                                    {# Datos Cliente #}
                                    {% include 'AppBundle:OrdenesMegatone:payment_data.html.twig' with {'payments': order.payments, 'reference_order': order.reference_order } %}
                                </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">
                                {# Datos Cliente #}
                                {% include 'AppBundle:OrdenesMegatone:order_data.html.twig' with {'order': order } %}
                            </div>
                                                                  
                            {% include 'AppBundle:Ordenes:invoice_upload.html.twig' with { 'nro_factura' : nro_factura} %}
                
                            <div class="panel cfj-panel panel-primary">
                                {# Datos Cliente #}
                                {% include 'AppBundle:OrdenesMegatone:dispatch_data.html.twig' with {'dispatch': order} %}
                            </div>

                            <div class="panel cfj-panel panel-primary">
                                {# Datos Cliente #}
                                {% include 'AppBundle:OrdenesMegatone:change_status.html.twig' with {'order': order } %}
                            </div>

                            {{ render(controller('AppBundle\\Controller\\CarrierController::showCarrierPanel', { 'orderId': order.id })) }}

                            <div class="panel cfj-panel panel-primary">
                                {# Datos Cliente #}
                                {% include 'AppBundle:OrdenesMegatone:total_data.html.twig' with {'order': order, 'products': products, 'discounts': discounts } %}
                            </div>

                        </div>

                    </div>
                {% include 'AppBundle:Ordenes:comments_box.html.twig' with {'ordenId': order.id} %}
                {% include 'AppBundle:Ordenes:incidents_box_modal.html.twig' with {'incidents': incidents_types, 'orderId': order.id} %}
            </div>

        </div>

        <div class="box-footer">
        </div>

        <div class="modal" id="factura" tabindex="-1" role="dialog">
            <div class="modal-dialog" role="document">
                <form action="{{path('app_orden_update_megatone',{'orderId':order.reference_order})}}" method="post" enctype="multipart/form-data">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title">Subir Factura</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                                <div class="form-group">
                                    <label for="formControlFile">Seleccione un archivo</label>
                                    <input type="file" class="form-control-file" id="formControlFile" name="formControlFile">
                                </div>
                                <input type="hidden" name="reference_order" value="{{order.reference_order}}">
                                <input type="hidden" name="status_change" id="status_change">
                        </div>
                        <div class="modal-footer">
                            <button type="submit" class="btn btn-primary">Aceptar</button>
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        
    {% endblock %}

	{% block javascripts3rd %}
        {% javascripts
            '@AppBundle/Resources/public/js/Ordenes/incidentHelper.js'
        %}
            <script src="{{ asset_url }}"></script>
        {% endjavascripts %}
        <script>
            $(document).ready(function () {
                cambiarEstado();
                $("#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);
                    }
                });
            });
            function cambiarEstado(){                
                $('#status_change').val($('#new_status').val());
                if($('#new_status option:selected').text()=="Facturado" || $('#new_status option:selected').text()=="Cancelado"){
                    $('#btn-obleas').show();
                    $('#btn-factura').show();
                }else{
                    $('#btn-obleas').hide();
                    $('#btn-factura').hide();
                }
            }
        </script>
    {% endblock %}