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

{% block title 'Orden ' ~ order[0]['reference_order'] ~ ' - ' ~ 'Fravega' %}

{% block content %}

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

        thead, tbody {
            width: 100%;
        }

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

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

    <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 data in order %}
                <input type="hidden" id="orderId" value="{{ data.id }}"/>
                <input type="hidden" id="referenceOrder" value="{{ 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">
                                            {% include 'AppBundle:OrdenesFravega:form_blocks/shipping_address.html.twig' %}
                                        </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">
                                            {% include 'AppBundle:OrdenesFravega:form_blocks/billing_address.html.twig' %}
                                        </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">
                                            {% include 'AppBundle:OrdenesFravega:form_blocks/products.html.twig' %}
                                        </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">
                                            {% include 'AppBundle:OrdenesFravega:form_blocks/shipping_details.html.twig' %}
                                        </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">
                                            {% include 'AppBundle:OrdenesFravega:form_blocks/payment.html.twig' %}
                                        </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">
                                        {% include 'AppBundle:OrdenesFravega:form_blocks/order_details.html.twig' %}
                                    </div>
                                        {% include 'AppBundle:Ordenes:edit/components/order_color_component.html.twig' %}
                                </div>
                            </div>

                            {% include 'AppBundle:Ordenes:invoice_upload.html.twig' %}

                            {% include 'AppBundle:Logistics:envios.html.twig' with {'ord': {'shippingNumber': data.shipping_info[0]['tracking_number']}} %}
                            <form action="{{ path ('app_order_update_fravega', { 'orderId' : data.id } ) }}" 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 orden</label>
                                            <div class="form-group">

                                                <select 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>

                                                {% 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 %}

                                                <hr>

                                                <input type="text" class="form-control" value="{{ data.invoice.number }}"
                                                        id="invoicenumber" name="invoicenumber" placeholder="N° Factura"
                                                        />

                                            </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>

                            {{ 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;">{{ data.products_subtotal | 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;">{{ data.shipping_subtotal | 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;">{{ (data.products_subtotal + data.shipping_subtotal) | number_format(2, '.', ',') }}</b>
                                                </div>
                                            </div>
                                        </div>
                                        <div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            {% endfor %}
        </div>
    </div>

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

{% endblock %}

{% block javascripts3rd %}
    <script>
        $(document).ready(function () {

            $('form').on('submit', function (e) {
                $(this).submit();
            });

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


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


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