{% extends app.request.isXmlHttpRequest ? '@QbaBitCore/ajax.html.twig' : QbaBitLayoutToExtend('@QbaBitTemplate/adminlte/layout.html.twig', 'backend') %}
{% set modTitle = tb_name | trans({}, tb_domain) %}
  {% set tit = 'show_X' | trans({'%name%': modTitle }, 'qbabitcore') %}
{% set paramsUrl = {'slugSelected': app.request.get('slugSelected')} %}

{% block innerTitle %} {{ tit }} {% endblock %}
{% block update %}
    <style>
        .show-row
        {
            margin: 0;
            margin-top: 15px;
            padding-bottom: 15px;
            border-bottom: 1px solid #f4f4f4;
        }
    </style>

<section class="invoice">
    <!-- title row -->
    <div class="row">
        <div class="col-xs-12">
            <h2 class="page-header">
               {{ tit }}
                <small class="pull-right">{{ entity.createdOn|date("d/m/Y h:m:s") }}</small>
            </h2>
        </div>
        <!-- /.col -->
    </div>
    <!-- info row -->
    <div class="row invoice-info">
        <div class="col-sm-4 invoice-col">
            {{ 'usuario' | trans({}, 'inmobiliaria') }}
            <address>
                <strong>{{ entity.userid.fullname }}</strong><br>
                {{ entity.userid.direccion }}<br>
                {{ 'telMovil' | trans({}, 'seguridad') }}: {{ entity.userid.telMovil }}<br>
                {{ 'telFijo' | trans({}, 'seguridad') }}: {{ entity.userid.telFijo }}<br>
                {{ 'email' | trans({}, 'seguridad') }}: {{ entity.userid.email }}
            </address>
        </div>
        <!-- /.col -->
        <div class="col-sm-4 invoice-col">

        </div>
        <!-- /.col -->
        <div class="col-sm-4 invoice-col">
            <b>{{ 'orderNumber' | trans({}, 'inmobiliaria') }} #{{ entity.orderNumber }}</b><br>
            <br>
            <b>{{ 'orderType' | trans({}, 'inmobiliaria') }}: </b>{{ entity.orderType | trans({}, 'payment_method')}}<br>
            {% if entity.getOrderPlan  %}
            <b>{{ 'Plan' | trans({}, 'inmobiliaria') }}: </b>{{ entity.getOrderPlan.name | trans({}, 'payment_method')}}<br>
            {% endif %}

            {% if  entity.paymentMethod!=null %}
                {% if entity.paymentstate.name!="payed" and entity.PaymentMethod.name=="bank_transfer" %}
                    <button data-type="activate" type="button" data-href="{{ url('admin_payments_activate',{id:entity.id}) }}" class="btn btn-success activate-order" >Activar</button>
                {% endif %}
            {% endif %}
            {% if  entity.OrderStatus!=null %}
                {% if entity.OrderStatus.name!="finished" and  entity.OrderStatus.name!="canceled" %}
                    <button data-type="cancel" type="button" data-href="{{ url('admin_payments_cancel',{id:entity.id}) }}" class="btn btn-danger activate-order" >Cancelar</button>
                {% endif %}
            {% endif %}


        </div>
        <!-- /.col -->
    </div>
    <!-- /.row -->

    <!-- Table row -->
    <div class="row">
        <div class="col-xs-12 table-responsive">
            <table class="table table-striped">
                <thead>
                <tr>
                    <th>{{ 'item_count_pago' | trans({}, 'inmobiliaria') }}</th>
                    <th>{{ 'descripcion_pago_title' | trans({}, 'inmobiliaria') }}</th>
                    <th>{{ 'subtotal' | trans({}, 'inmobiliaria') }}</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>1</td>
                    <td>{{ 'descripcion_pago' | trans({'%name%': ( entity.orderType | trans({}, 'payment_method')  ) }, 'inmobiliaria') }}</td>
                    <td>{{ QbCurrencyFormat(entity.orderTotal) }}</td>
                </tr>

                </tbody>
            </table>
        </div>
        <!-- /.col -->
    </div>
    <!-- /.row -->

    <div class="row">
        <!-- accepted payments column -->
        <div class="col-xs-6">
            <p class="lead">{{ 'paymentMethodType' | trans({}, 'inmobiliaria') }}:</p>
            <img src="../../dist/img/credit/visa.png" alt="Visa">
            {#<img src="../../dist/img/credit/mastercard.png" alt="Mastercard">#}
            {#<img src="../../dist/img/credit/american-express.png" alt="American Express">#}
            {#<img src="../../dist/img/credit/paypal2.png" alt="Paypal">#}

            <p class="text-muted well well-sm no-shadow" style="margin-top: 10px;">
                {{ entity.paymentMethodType }}
            </p>
        </div>
        <!-- /.col -->
        <div class="col-xs-6">
            <p class="lead"></p>

            <div class="table-responsive">
                <table class="table">
                    <tbody><tr>
                        <th style="width:50%">{{ 'subtotal' | trans({}, 'inmobiliaria') }}:</th>
                        <td>{{ QbCurrencyFormat(entity.orderTotal) }}</td>
                    </tr>
                    <tr>

                    </tr>
                    <tr>
                        {#<th>Shipping:</th>#}
                        {#<td>$5.80</td>#}
                    </tr>
                    <tr>
                        <th>{{ 'total' | trans({}, 'inmobiliaria') }}:</th>
                        <td>{{ QbCurrencyFormat(entity.orderTotal) }}</td>
                    </tr>
                    </tbody></table>
            </div>
        </div>
        <!-- /.col -->
    </div>
    <!-- /.row -->

    <!-- this row will not appear when printing -->
    <div class="row no-print">
        <div class="col-xs-12"  style="text-align: center">

            <button id="messages_back" name="messages_back" type="button" class="btn btn-primary">
                <i class="" style="margin-right: 5px"></i>Atrás
            </button>
        </div>
    </div>
</section>


    <script>
        function QbabitJavascriptsCupones() {
            jQuery("#messages_back").on('click', function (e) {

                e.stopPropagation();
                e.preventDefault();
                MKLib.AjaxUpdate("{{ path(url.view, paramsUrl) | raw }}", 'dvupdate', '');
            });
            $(".activate-order").on("click",function(e){
                var id =  $(e.target).parent().parent().attr("id");
                var type = $(e.target).data("type");

                MKLib.blockScreen();
                $.ajax({
                    url: $(e.target).data("href"),
                    type: 'GET',
//                     contentType: "application/json",
//                     dataType: 'json',
//                     data:t,
                    success: function (j, status) {


                        if(j.result==1)
                        {
                            var m = "";
                            if(type=="cancel")
                            {
                                m = "{{ "canceled"|trans({},"payment_method") }}";
                                $("#"+id).find(".orderStatus").html(m);
                            }

                            else
                            {
                                m = "{{ "payed"|trans({},"payment_method") }}";
                                $("#"+id).find(".paymentState").html(m);
                                m = "{{ "finished"|trans({},"payment_method") }}";
                                $("#"+id).find(".orderStatus").html(m);
                            }



                            MKLib.showMsg('alert-success', '{{ "js_datos_guardados" | trans({}, "corerror") }}');
                            $(e.target).hide();
                        }

                        else
                        {
                            MKLib.showMsg('alert-danger', j.msg);
//                             $(e.target).hide();
                            Util.renderErrors(j.error);
                        }

                        MKLib.unlockScreen();
                    },
                    error: function (xhr, status) {
                        MKLib.showMsg('alert-danger',  xhr.responseText  );
                    },
                    complete: function () {
                        return;
                    }
                });
            })
        }

        {% if app.request.isXmlHttpRequest == false %}
        window.addEventListener('load', function () {
            QbabitJavascriptsCupones();
        }, false);
        {% else %}
        jQuery(function () {
            QbabitJavascriptsCupones();
        });
        {% endif %}
    </script>
    </script>
{% endblock %}