{% extends '@Core/base.html.twig' %}
{% block sectionTitle %}Incidencia {% endblock %}
{% block sectionActions %}

{% endblock %}
{% block breadcrumbLinks %}
    <li><a class="" href="{{ path('sales_menu') }}">Punto de venta</a></li>
    <li><a href="{{ path("incidences_list") }}">Incidencias</a></li>
    {% if incidence.id is null %}
        <li class="active">Nueva incidencia</li>
    {% else %}
        <li class="active">Editar</li>
    {% endif %}
{% endblock %}

{% block content %}

<style>
.button_cc_width_horizontal {
    width: 190px !important;
    margin-top: 10px !important;
    margin-left: -10px;
}
</style>


    <div class="content">


        {% for flash_message in app.session.flashBag.get('success') %}
            <div class="alert alert-success alert-styled-left">
                <span class="text-semibold">{{ flash_message }}</span>
            </div>
        {% endfor %}



        {% if incidence is defined and incidence.id %}

        <div class="panel panel-flat">
            <div class="panel-body">
                    <div class="media">

                        <div class="row">
                            <div class="col-xs-12 col-md-12 col-sm-12 col-lg-12">

                                    <div class="row">

                                        <!-- INFO -->
                                        <div class="col-md-6 col-xs-12">

                                            <!-- ALIAS AND CUSTOMER -->
                                            <div class="col-md-12">

                                                <!-- ALIAS -->
                                                <div class="col-md-6" style="padding-left: 0px !important;">
                                                    <h6 class="panel-title-no-sub">
                                                        COD-Incidencia {{ incidence.getAlias }}
                                                        <div class="">
                                                            <img src="{{ incidence.getWebPathBarcode }}" width="200px" height="50px">
                                                        </div>
                                                    </h6>
                                                </div>

                                                <!-- CUSTOMER -->
                                                <div class="col-md-6">
                                                    <div class="form-group">
                                                        <strong>Cliente</strong><br>
                                                        <div class="media-body">
                                                            <hr>
                                                            <a href="#" class="display-inline-block text-default text-semibold letter-icon-title" id="customer_incidence_name"  name="customer_incidence_name">
                                                                {% if  incidence.customer is not null %}
                                                                    {{ incidence.customer.getName }}
                                                                {% else %}
                                                                    Sin cliente asociado.
                                                                {% endif %}</a>
                                                            <div class="text-muted text-size-small" id="customer_sale_type">{% if incidence.customer.id is defined %} {{ incidence.customer.typeCustomer.description }}{% endif %}</div>

                                                            <hr>
                                                            <a class="text-color3" href="{{ path('customer_edit',{'id':incidence.customer.getId}) }}"><i class="icon-circle-right2"></i> Acceder a la ficha</a>
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>

                                            <!-- TYPE AND STATUS -->
                                            <div class="col-md-12">
                                                <div class="form-group ">
                                                    <span class="label bg-{{ incidence.getTypeIncidenceStatus.color }}">{{ incidence.getTypeIncidenceStatus.description }}</span> <span class="label border-left-info label-striped">{{ incidence.getTypeIncidence.description }}</span>
                                                </div>
                                            </div>


                                            <!-- DATES AND USERS -->
                                            <div class="">
                                                <div class="col-md-6">

                                                    <div class="form-group">
                                                        <div class=" ">Fecha creación</div>
                                                        <div class=" "><strong>{{ incidence.dateCreation | date('d-m-Y \\a \\l\\a\\s H:i:s') }}</strong></div>
                                                    </div>

                                                    <div class="form-group">
                                                        <div class=" ">Fecha resolución
                                                        </div>
                                                        <div class=" "><strong>{%  if incidence.dateCollection  %}{{ incidence.dateCollection | date('d-m-Y \\a \\l\\a\\s H:i:s') }}{% else %} &nbsp;{% endif %}</strong>
                                                        </div>
                                                    </div>

                                                </div>

                                                <div class="col-md-6">

                                                    <div class="form-group">
                                                        <div class=" ">
                                                        <div class=" ">Usuario creación
                                                        </div>
                                                        <div class=""><strong>{% if incidence.userCreation %}{{ incidence.userCreation.name }}{% else %}&nbsp;{% endif %}</strong>
                                                        </div>
                                                        </div>
                                                    </div>

                                                    <div class="form-group">
                                                        <div class=" ">
                                                            <div class=" ">Usuario resolución
                                                            </div>
                                                            <div class=" "><strong>{% if incidence.userCollection %}{{ incidence.userCollection.name }}{% else %}&nbsp;{% endif %}</strong>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>


                                            </div>

                                        </div>

                                        <!-- BUTTONS -->
                                        <div class="col-md-6 col-xs-12">
                                            <div class="text-right">

                                                {% if incidence.incidenceElements | length > 0 %}

                                                        {% if render(controller('CoreBundle:Incidences:checkIfAllReturnsAreClosed', { 'id' : incidence.id })) == 'true' and incidence.typeincidencestatus.id != constant('CoreBundle\\Entity\\TypeIncidenceStatus::ID_STATUS_CLOSED') %}
                                                        <div class="col-xs-3 pull-right button_cc_width_horizontal">
                                                            <button type="button" class="btn bg-green-800 btn-block btn-float btn-float-lg" id="" href="#" onclick="closeIncidence()">
                                                                <i class="icon-checkmark-circle position-left button_label_cc_icon_horizontal"></i>
                                                                <div class="button_label_cc_text">
                                                                    RESOLVER <br> INCIDENCIA
                                                                </div>
                                                            </button>
                                                        </div>
                                                        {% endif %}

                                                        {% if incidence.typeIncidenceStatus.id == constant('CoreBundle\\Entity\\TypeIncidenceStatus::ID_STATUS_OPEN') and incidence.return | length == 0 %}
                                                        <div class="col-xs-3 pull-right button_cc_width_horizontal">
                                                            <button type="button" class="btn bg-orange-600 btn-block btn-float btn-float-lg" id="" href="#" onclick="openGenerateReturnModal()">
                                                                <i class="icon-cart-remove position-left button_label_cc_icon_horizontal"></i>
                                                                <div class="button_label_cc_text">
                                                                    CREAR DEVOLUCION <br> PROVEEDOR
                                                                </div>
                                                            </button>
                                                        </div>
                                                        {% endif %}

                                                        <div class="col-xs-3 pull-right button_cc_width_horizontal">
                                                            <button type="button" class="btn bg-pink-600 btn-block btn-float btn-float-lg" id="" href="#" onclick="printTicketIncidence()">
                                                                <i class="icon-printer position-left button_label_cc_icon_horizontal"></i>
                                                                <div class="button_label_cc_text">
                                                                    IMPRIMIR <br> TICKET INCIDENCIA
                                                                </div>
                                                            </button>
                                                        </div>
                                                {% endif %}

                                            </div>
                                        </div>
                                    </div>

                            </div>
                        </div>
                    </div>

                </div>
            </div>
        {% endif %}


        <div class="panel panel-flat">
            <div class="panel-body">

                <div class="tabbable">
                    <ul class="nav nav-tabs nav-tabs-bottom nav-justified">

                        {% if incidence.id is null %}
                            <li class="active"><a href="#informationTab" data-toggle="tab">Crear una incidencia</a></li>
                        {% else %}
                            <li class=""><a href="#informationTab" data-toggle="tab">Observaciones</a></li>
                        {% endif  %}

                        {% if incidence.id is not null %}
                            <li class="active"><a href="#stockTab" data-toggle="tab">Stock incluido</a></li>
                            {% if incidence.return | length > 0 %}
                                <li><a href="#returnsTab" data-toggle="tab">Devoluciones generadas</a></li>
                            {% endif %}
                        {% endif %}

                    </ul>
                    <div class="tab-content">
                        {% if incidence.id is null %}
                            <div class="tab-pane active" id="informationTab">
                        {% else %}
                            <div class="tab-pane" id="informationTab">
                        {% endif %}
                            {% include 'CoreBundle:Incidence:_incidence_form.html.twig' %}
                        </div>

                        {% if incidence.id is not null %}
                            <div class="tab-pane active" id="stockTab">

                                {% if incidence.typeIncidenceStatus.id == constant('CoreBundle\\Entity\\TypeIncidenceStatus::ID_STATUS_OPEN') %}
                                    <!-- barcode scan -->
                                    <div class="col-md-6">

                                        <div class="input-group form-group" style="width: 100%;margin-bottom: 0px;">
                                            <span class="input-group-addon bg-pink"><i class="icon-search4"></i></span>
                                            <input class="form-control  scan_enter" id="code-scan-incidence" type="text" placeholder="Buscador de códigos de barras">
                                        </div>

                                    </div>
                                {% endif %}

                                <div id="tableStockIncidence">
                                    <form id="formDetail">
                                    <table id="data-table-detail-incidence-stock" class="table" width="100%">
                                        <thead>
                                        <tr style="text-align: center">
                                            <th>Imagen</th>
                                            <th >COD-Stock</th>
                                            <th >Modelo</th>
                                            <th>Color</th>
                                            <th>Estado stock</th>
                                            <th>Localización actual</th>
                                            <th>Talla</th>
                                            <th>Vendido por</th>
                                            <th>Marca</th>
                                            <th>Proveedor</th>
                                            <th>Temporada</th>
                                            <th>Vendido en</th>
                                            <th>Tienda propietaria</th>
                                            {% if incidence.typeincidencestatus.id == 1 %}
                                                <th>Eliminar artículo</th>
                                            {% endif %}
                                            {% if roleRight == true %}
                                                <th>Detalle</th>
                                            {% endif %}
                                        </tr>
                                        </thead>

                                        <tbody>
                                            {% for obj in incidence.incidenceElements %}
                                                <tr>
                                                    <td width="150px">
                                                        <span href="{{ obj.stock.article.getWebPath() }}" data-popup="lightbox" style="padding: 15px">
                                                            <img src="{{obj.stock.article.getWebPath() }}" width="50px;">
                                                        </span>
                                                    </td>
                                                    <td>
                                                    {% if roleRight == true %}
                                                        <a href="{{ path('stock_edit',{'id':obj.stock.getId}) }}">{{ obj.stock.alias }}</a>
                                                    {% else %}
                                                        {{ obj.stock.alias }}
                                                    {% endif %}
                                                    </td>
                                                    <td><a href="{{ path('article',{'id':obj.stock.article.getId}) }}">{{ obj.stock.article.articleModel }}</a></td>
                                                    <td>{{ obj.stock.article.articleColor }}</td>
                                                    <td><span class="label {{ obj.stock.typestatusstock.background }}">{{ obj.stock.typestatusstock.description }}</span></td>
                                                    <td>{{ obj.stock.shop.name }}</td>
                                                    <td>{{ obj.stock.typesize.description }}</td>
                                                    <td>{{ obj.stock.pvpfinal }}</td>
                                                    <td>{{ obj.stock.article.brand }}</td>
                                                    <td>{{ obj.stock.article.dealer }}</td>
                                                    <td>{{ obj.stock.article.season }}</td>
                                                    <td>
                                                    {% if render(controller('CoreBundle:Stock:getLastShopInWhichStockWasSold', { 'stock' : obj.stock.id })) is not null %}
                                                        {{ render(controller('CoreBundle:Stock:getLastShopInWhichStockWasSold', { 'stock' : obj.stock.id })) }}
                                                    {% else %}
                                                        ---
                                                    {% endif %}
                                                    </td>
                                                    <td>{{ obj.stock.shopOwner.name }}</td>
                                                    {% if incidence.typeincidencestatus.id == 1 %}
                                                    <td style="padding: 10px"><a class="btn btn-rounded btn btn-flat text-danger border-danger" href="{{ path("delete_stock_from_incidence", { "incidenceId" : incidence.id,  "stockId" : obj.stock.id }) }}"><i class="icon-trash"></i></a></td>
                                                    {% endif %}
                                                    {% if roleRight == true %}
                                                        <td><a class="btn border-grey-800 text-grey-800 btn-flat btn-rounded btn-icon btn-xs" href="{{ path("stock_edit", { "id" : obj.stock.id }) }}"><i class="icon-arrow-right7"></i></a></td>
                                                    {% endif %}
                                                </tr>
                                            {% endfor %}

                                        </tbody>
                                    </table>
                                </form>

                            </div>
                        {% endif %}
                    </div>

                    {% if incidence.return | length > 0 %}
                        <div class="tab-pane" id="returnsTab">
                            <div class="panel-body">

                            <table id="data-table-transfer" class="table datatable-basic" width="100%">

                                <thead>
                                <tr role="text-align: center">
                                    <th>COD-Devolución</th>
                                    <th>Fecha de creación</th>
                                    <th>Usuario</th>
                                    <th>Proveedor</th>
                                    <th>Stock en devolución</th>
                                    <th>Fecha de envío</th>
                                    <th>Fecha de reparación o abono</th>
                                    <th>Tipo</th>
                                    <th>Estado</th>
                                </tr>

                                </thead>

                                <tbody>

                                {% for item in incidence.return %}

                                    <tr>
                                        <td><a href="{{ path('return_edit', {'id':item.id}) }}">{{ item.alias }}{#</a>#}</td>
                                        <td><span class="hide_dataTable_dates">{{ item.createdAt | date('Y-m-d') }}</span>{{ item.createdAt | date('d/m/Y H:i') }}</td>
                                        <td>{{ item.user.name }}</td>
                                        <td>{{ item.dealer.name }}</td>
                                        <td>{{ item.returnItem | length }}</td>
                                        <td align="center">
                                            {% if item.sentAt is not null %}
                                            {{ item.sentAt | date('d/m/Y G:i') }}</td>
                                            {% else %}
                                            ---
                                            {% endif %}
                                        <td align="center">
                                            {% if item.returnedAt %}
                                            {{ item.returnedAt | date('d/m/Y G:i') }}</td>
                                            {% else %}
                                            ---
                                            {% endif %}
                                        <td>
                                            <span class="label bg-status-border">
                                                {% if item.type is not null %}
                                                    {{ item.type.description }}
                                                {% else %}
                                                    Por definir
                                                {% endif %}
                                            </span>
                                        </td>
                                        <td><span class="label {{ status_return_service.getStatusColor(item.status.id) }}">{{ item.status.description }}</span></td>
                                    </tr>

                                {% endfor %}

                                </tbody>
                            </table>
                        </div>
                    {% endif %}

                </div>


            </div>
        </div>

            </div>
        </div>

        {% if incidence is defined %}

            <!-- Generate transfer modal -->
            <div id="generate_transfer_modal" class="modal fade">
                <div class="modal-dialog modal-xs">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                            <h5 class="modal-title">Generar devolución a proveedor</h5>
                        </div>

                        <div class="modal-body">
                            {% include 'CoreBundle:Return:_selects_for_returns.html.twig' %}
                        </div>

                        <div class="modal-footer">
                            <button type="button" class="btn btn-link" data-dismiss="modal">Cerrar</button>
                            <button type="button" class="btn btn-primary" onclick="generateReturn()">Generar</button>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /generate transfer modal -->
        {% endif %}

    </div>
{% endblock%}



{% block script %}

    <script>

        $( document ).ready(function() {

            $("#code-scan-incidence").focus();

            $('#data-table-detail-incidence-stock').dataTable({
                "bPaginate": false//Dont want paging
            })
        });

        {% if incidence is defined %}

            $("#code-scan-incidence").change(function() {
                doScanBar();
            });

            $('form input').keydown(function (e) {

            if (e.keyCode == 13) {
                doScanBar();
                return false;
            }
        });

            function doScanBar(){
                var valor = $("#code-scan-incidence").val();
                    if (valor) {
                        scanBarCodeIncidence();
                    }
            }

            function scanBarCodeIncidence(){

                //REPLACE WRONG CHARS
                var scanCode = $("#code-scan-incidence").val();
                scanCode=replaceWrongCharsOnScanbar(scanCode);
                $("#code-scan-incidence").val(scanCode);

                var alias = { 'alias' : $("#code-scan-incidence").val().replace('-', '') };
                var incidence = { 'incidence' : '{{ incidence.id }}' };
                var incidenceElements = '{{ incidence.incidenceElements | length }}';

                if(incidenceElements >= 1) {
                    swal('INCIDENCIAS', 'Las incidencias están restringidas a un solo stock por incidencia.', 'warning');
                } else {
                    $.ajax({
                    type: "POST",
                    url: " {{path('ajax_incidence_search_scan')}}",
                    data: {alias: alias, incidence: incidence},
                    success: function(result) {
                        {% if incidence.typeIncidenceStatus.id == 1 %}
                            if(result['isSold']) {
                                if(result['isInIncidence']) {
                                    swal(
                                      'Oops...',
                                      'El stock ya está en una incidencia',
                                      'error'
                                    )
                                    $("#code-scan-incidence").val("");
                                } else {
                                    if(result['stock']) {
                                        postStockToIncidenceScan(result['stock'])
                                    } else {
                                        swal(
                                          'Oops...',
                                          'Este stock no existe en su empresa',
                                          'error'
                                        )
                                        $("#code-scan-incidence").val("");
                                    }

                                }
                            } else {
                                swal(
                                  'Oops...',
                                  'El stock no está en estado vendido',
                                  'error'
                                );
                                $("#code-scan-incidence").val("");
                            }
                        {% else %}
                            if(result['isInIncidence']) {
                                postStockToIncidenceScan(result['stock'])
                            } else {
                                swal(
                                  'Oops...',
                                  'Este stock no está en la inciencia',
                                  'error'
                                )
                                $("#code-scan-incidence").val("");
                            }
                        {% endif %}
                    },
                    error: function(err) {
                        console.log(err.responseText);
                        new PNotify({
                            text: "Error añadiendo a los artículos a la incidencia.",
                            type: "error"
                        });
                    }
                    });
                }

            }

        function postStockToIncidenceScan(stockId){

            var data = { 'stockId' : [] };
            var incidenceId = { 'incidenceId' : '{{ incidence.id }}' };

            data['stockId'].push(stockId);

            $.ajax({
                type: "POST",
                url: " {{path('ajax_addStocks_To_Incidence_by_alias')}}",
                data: {list:data, incidenceId: incidenceId},
                statusCode: {
                    201: function (response) {
                        $("input[name=stockIdDetail][value=" + response["result"] + "]").prop('checked', true);
                        $("#code-scan-incidence").val("");
                    },
                    200: function (result) {
                        swal(
                          'OK!',
                          'Stock introducido satisfactoriamente',
                          'success'
                        );
                        location.reload();
                    },
                    203: function(result) {
                        swal(
                          'Oops...',
                          'Este stock no está en el traspaso',
                          'error'
                        )
                    }
                },
                /*success: function(result) {
                    console.log(result);
                },*/
                error: function(err) {
                    console.log(err.responseText);
                    new PNotify({
                        text: "Error añadiendo a los artículos a la incidencia.",
                        type: "error"
                    });
                }
            });
        }

        //CLOSE INCIDENCE
        function closeIncidence(){
            var incidenceId = '{{ incidence.id }}';

            var sw =  swal({
                    title: "ATENCIÓN",
                    text: "Esta incidencia va a pasar a estado 'RESUELTA'. Recuerde recoger el ticket al cliente. No podrá realizar ningún cambio sobre ella una vez resuelta. ¿Está seguro?",
                    type: "warning",
                    showCancelButton: true,
                    confirmButtonColor: "#EF5350",
                    confirmButtonText: "Si, cerrar",
                    cancelButtonText: "Cancelar",
                    closeOnConfirm: true,
                    closeOnCancel: true
                },
                function (isConfirm) {
                    if(isConfirm){
                        var path = Routing.generate('_ajax_incidence_close', {'id' : incidenceId });

                        $.get(path, function (result) {
                            location.reload();
                        }).fail(function (err) {
                            console.log(err.responseText);
                        });
                    }
                }
            );
        }

        //CHECK DEALERS AND OPEN GENERATE RETURN MODAL
        function openGenerateReturnModal(){
            $('#generate_transfer_modal').modal('toggle');
        }

        //GENERATE RETURN AUTOMATICALLY
        function generateReturn(){
            var type = $('#_listTypes option:selected').val();
            var reason = $('#_listReasons option:selected').val();
            var incidence = '{{ incidence.id }}';

            $.ajax({
                type: "POST",
                url: " {{path('generate_return_from_incidence')}}",
                data: {type: type, reason: reason, incidence: incidence},
                success: function(result) {
                    console.log(result);
                    window.location.href = Routing.generate('incidences_edit', { 'id' : result });
                }, error: function(err) {
                    console.log(err.responseText);
                }
            });
        }

        {% endif %}


        $('#customer_incidence').typeahead({
            highlight: true,
            minLength: 3
        },{
            name: 'articles',
            display: function(value) {
                return value.name
            },
            source: function (query,sync, async) {

                $.get(Routing.generate('_ajax_search_customer', {'text': query}), function (data) {
                    async(data);
                })
            }
        }).bind("typeahead:select",function(e,data){

            $("#customer_incidence").typeahead('val',data.name);
            $("#customer_incidence").attr('disabled',true);
            $("#customer_incidence_name").html(data.justName);
            $("#customer_incidence_type").html(data.type);

            $("#customer_incidence_delete_customer").removeClass("hidden");
            $("#customer_incidence_delete_customer_id").html(data.id);


            {% if incidence.id is not null %}
                var route = Routing.generate('_ajax_assign_customer_2_incidence',{'customerId':data.id, 'incidenceId': '{{ incidence.id }}' });
                $.get(route, function(response){
                    new PNotify({
                        title: 'Perfecto',
                        text: "Cliente asignado a la incidencia.",
                        type: "success"
                    });
                });
                window.location.href = Routing.generate("incidence_edit", { "id" : '{{ incidence.id }}' });
            {% else %}
                $("#incidenceFormBasic_customer").val(data.id);
            {% endif %}


            return false;
        }).bind("typeahead:autocomplete",function(e,data){
            if(e.keyCode === 9) return false;
        });


        function deleteCustomFromIncidence(){

            var customerId= $("#customer_incidence_delete_customer_id").html();


            var route = Routing.generate('_ajax_delete_customer_from_incidence',{'customerId':customerId, 'incidenceId': '{{ incidence.id }}' });
            $.get(route, function(response){

                $("#customer_incidence").attr('disabled',false);

                new PNotify({
                    title: 'Perfecto',
                    text: "Se ha eliminado el cliente de esta incidencia.",
                    type: "success"
                });
            });

            window.location.href = Routing.generate("incidence_edit", { "id" : '{{ incidence.id }}' });

        }


        function printTicketIncidence(){
            var incidenceId = '{{ incidence.id }}';
            var url = Routing.generate('_ajax_generate_ticket_incidence', {'incidenceId' : incidenceId });

            $.get(url, function(result){

                var myWindow = window.open();

                if(!myWindow || myWindow.closed || typeof myWindow.closed=='undefined') {
                    swal(
                        'OPPS!',
                        'Su navegador tiene las ventanas emergentes bloquedas. ' +
                        'Pulse en la i rodeada de un círculo en la barra de navegación de su navegador. ' +
                        'En el desplegable que le saldrá pulse sobre "Confuración del sitio web". ' +
                        'En la nueva ventana que se le abrira busque "Ventanas emergentes y redirecciones". ' +
                        'En el selector a su derecha selecciones "Permitir".',
                        'warning'
                    );
                } else {
                    myWindow.document.open('text/plain');
                    myWindow.document.writeln(result);
                    myWindow.document.close();

                    location.reload();
                }

            }).fail(function(xhr, status, error){
                console.log(xhr.responseText);
            });
        }

    </script>
{% endblock %}