{% extends '@Core/base.html.twig' %}
{% block sidebar %}
    {% render controller('CoreBundle:Default:sidebarConfiguration') %}
{% endblock %}


{% block sectionTitle %}Tienda{% endblock %}

{% block breadcrumbLinks %}
    <li><a href="{{ path('groups') }}">Tiendas</a></li>
    {% if elemento %}
    <li class="active">Editar</li>
        {% else %}
            <li class="active">Nuevo</li>
            {% endif %}
{% endblock %}

{% block content %}
    {% form_theme form 'bootstrap_3_horizontal_layout.html.twig' %}

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


        <div class="panel-body">

            <div class="tabbable">
                <ul class="nav nav-tabs nav-tabs-bottom nav-justified">
                    <li class="active"><a href="#bottom-justified-tab1" data-toggle="tab">Información</a></li>
                    {% if elemento %}
                        <li class=""><a href="#bottom-justified-tab2" data-toggle="tab">Configuración</a></li>
                    {% endif %}
                </ul>

                <div class="tab-content">
                    <div class="tab-pane active" id="bottom-justified-tab1">

                        {{ form_start(form) }}
                        {{ form_errors(form) }}

                        {% if elemento %}
                            <div class="media">
                                <div class="media-left">
                                    <a href="#" class="profile-thumb">
                                        {% if elemento.getWebPath() %}
                                            <img src="{{ elemento.getWebPath | imagine_filter('small') }}" alt="">
                                        {% endif %}
                                    </a>
                                </div>

                                <div class="media-body">
                                    <h1>{{ elemento.getName }} <small class="display-block">{{ elemento.getAddress }}, {{ elemento.getZip }} - {{ elemento.getCity }} ({{ elemento.getTypeProvince }})</small></h1>
                                </div>

                            </div>
                            <hr>
                        {% endif %}
                        <div class="form-group">
                            {{ form_widget(form, {'form_type': 'shopFormBasic'}) }}
                        </div>

                        {% if elemento %}
                            {% if elemento.company.group.groupConfiguration.isTrendico %}
                            <div class="panel-footer">

                                <div class="col-md-12">
                                    <div class="col-md-3">
                                        <div class="form-group"><label class="control-label" for="formDate_day">Fecha para informes SELL IN/SELL OUT</label><input type="text" id="formDate_day" name="formDate[day]" placeholder="29/01/2021" class="form-control input-inline datepicker typeahead form-control" data-provide="datepicker" data-date-format="dd-mm-yyyy"></div>
                                    </div>
                                </div>
                                <div class="col-md-12">
                                    <a href="#" onclick="doBrandReportSalesForFTPSellOut()" class="btn-rounded btn bg-pink-300"><i class="icon-download position-left"></i>Descargar fichero SELL OUT Tréndico de esta tienda</a>
                                    <a href="#" onclick="doBrandReportSalesForFTPSellIn()" class="btn-rounded btn bg-purple-300" style="float: left;margin-right: 10px"><i class="icon-download position-left"></i>Descargar fichero SELL IN Tréndico de esta tienda</a>
                                </div>

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

                        <div class="panel-footer">
                            <div class="text-right">
                                <button type="submit" class="btn-rounded btn bg-color3"><i class="icon-download position-left"></i>Guardar</button>
                            </div>
                        </div>

                        <div class="col-md-4" style="margin-top:25px;">

                            {% if elemento is not null %}
                                {% if elemento.getWebPathShop() %}
                                    <h1>Imágen actual de la tienda</h1>
                                    <a href="{{ elemento.getWebPathShop() | imagine_filter('big_prop') }}" data-popup="lightbox">
                                        <img class="img-thumbnail" src="{{ elemento.getWebPathShop() | imagine_filter('medium') }}"/>
                                    </a>
                                {% endif %}
                            {% endif %}

                        </div>

                        {{ form_end(form) }}
                    </div>

                    {% if elemento %}
                        <div class="tab-pane" id="bottom-justified-tab2">

                            <!-- EXCLUDING ELEMENTS FROM TICKET -->
                            <div class="">

                                <div class="col-md-6">
                                    <div class="panel panel-white">
                                        <div class="panel-body">
                                            <h2 class="panel-title">Excluir elementos en tickets punto de venta</h2>

                                            <div class=" col-xs-12">
                                                {% if elemento.avoidPrintLogoOnTicket == true %}
                                                    <input type="checkbox" id="form_avoidPrintLogoOnTicket" name="form[avoidPrintLogoOnTicket]" value="1" checked="checked">
                                                {% else %}
                                                    <input type="checkbox" id="form_avoidPrintLogoOnTicket" name="form[avoidPrintLogoOnTicket]" value="0">
                                                {% endif %}
                                                <label for="text_for_ticket">Excluir logo</label>
                                            </div>
                                            <div class=" col-xs-12">
                                                {% if elemento.avoidPrintAddressOnTicket == true %}
                                                    <input type="checkbox" id="form_avoidPrintAddressOnTicket" name="form[avoidPrintAddressOnTicket]" value="1" checked="checked">
                                                {% else %}
                                                    <input type="checkbox" id="form_avoidPrintAddressOnTicket" name="form[avoidPrintAddressOnTicket]" value="0">
                                                {% endif %}
                                                <label for="text_for_ticket">Excluir dirección empresa</label>
                                            </div>

                                        </div>
                                        <div class="panel-footer">
                                            <div class="text-right">
                                                <a class="btn-rounded btn bg-color3" id="vaoid_elements_ticket"><i class="icon-download position-left" ></i>Guardar</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>



                            <!-- TICKET TEXT -->

                                <div class="col-md-6">
                                    <div class="panel panel-white">
                                        <div class="panel-body">
                                            <h2 class="panel-title">Texto para el Ticket de compra</h2>

                                            <div class=" col-xs-12">
                                                <textarea rows="5" cols="5" class="form-control" id="text_for_ticket" >{% if elemento.textForTicket is not null %}{{ elemento.textForTicket | upper }}{% endif %}</textarea>
                                            </div>

                                        </div>
                                        <div class="panel-footer">
                                            <div class="text-right">
                                                <a class="btn-rounded btn bg-color3" id="text_ticket"><i class="icon-download position-left" ></i>Guardar</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>



                            <!-- TICKET TEXT -->
                                <div class="col-md-6">
                                    <div class="panel panel-white">
                                        <div class="panel-body">
                                            <h2 class="panel-title">Texto para la Tarjeta de Regalo</h2>

                                            <div class=" col-xs-12">
                                                <textarea rows="5" cols="5" class="form-control" id="text_for_gift_card" >{% if elemento.textForGiftCard is not null %}{{ elemento.textForGiftCard | upper }}{% endif %}</textarea>
                                            </div>

                                        </div>
                                        <div class="panel-footer">
                                            <div class="text-right">
                                                <a class="btn-rounded btn bg-color3" id="text_gift_card"><i class="icon-download position-left" ></i>Guardar</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>


                            <!-- TICKET TEXT -->
                                <div class="col-md-6">
                                    <div class="panel panel-white">
                                        <div class="panel-body">
                                            <h2 class="panel-title">Texto para el Ticket de Reserva</h2>

                                            <div class=" col-xs-12">
                                                <textarea rows="5" cols="5" class="form-control" id="text_for_ticket_reserved" >{% if elemento.textForReserved is not null %}{{ elemento.textForReserved | upper }}{% endif %}</textarea>
                                            </div>

                                        </div>
                                        <div class="panel-footer">
                                            <div class="text-right">
                                                <a class="btn-rounded btn bg-color3" id="text_tiket_reserved"><i class="icon-download position-left" ></i>Guardar</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>


                            <div class="col-md-12">
                                {{ form_start(formBasicTickerFooter) }}
                                {{ form_errors(formBasicTickerFooter) }}
                                <div class="panel panel-white">
                                    <div class="panel-body">
                                        <h2 class="panel-title">Imagen para el footer del Ticket</h2>

                                        <div class=" col-xs-6">
                                            <div class="form-group">
                                                {{ form_widget(formBasicTickerFooter, {'form_type': 'shopTicketFooterFormBasic'}) }}
                                                <small>Nota. Tamaño aconsejado 300x300 px en formato jpg o png</small>
                                            </div>
                                        </div>

                                        <div class="text-right col-xs-6">
                                            <div class="form-group">
                                                {% if elemento.getWebTicketFooter() %}
                                                    <img src="{{ elemento.getWebTicketFooter | imagine_filter('medium') }}" alt="">
                                                {% endif %}
                                            </div>
                                        </div>

                                    </div>
                                    <div class="panel-footer">
                                        <div class="text-right">
                                            {% if elemento.getWebTicketFooter() %}
                                                <button type="button" onclick="removeImageFooterForTicket()" class="btn-rounded btn bg-danger"><i class="icon-cancel-circle2 position-left"></i>Borrar imagen</button>
                                            {% endif %}
                                            <button type="submit" class="btn-rounded btn bg-color3"><i class="icon-download position-left"></i>Guardar</button>
                                        </div>
                                    </div>
                                </div>
                                {{ form_end(formBasicTickerFooter) }}
                            </div>

                            <!-- TICKET ITEM -->
                            <div class="col-md-12">
                                <div class="panel panel-white">
                                    <div class="panel-body">
                                        <h2 class="panel-title">Concepto de artículo para Ticket</h2>

                                        <div class=" col-xs-12">
                                            <input type="radio" id="model" name="ticketItem" value="model" {% if elemento.ticketItem == "model" %} checked {% endif %}>
                                            <label for="model">Modelo</label><br>
                                            <input type="radio" id="reference" name="ticketItem" value="reference" {% if elemento.ticketItem == "reference" %} checked {% endif %}>
                                            <label for="reference">Referencia</label><br>
                                            <input type="radio" id="label" name="ticketItem" value="label" {% if elemento.ticketItem == "label" %} checked {% endif %}>
                                            <label for="label">Descripción de etiqueta</label>
                                        </div>

                                    </div>
                                    <div class="panel-footer">
                                        <div class="text-right">
                                            <a class="btn-rounded btn bg-color3" id="item_tiket_option"><i class="icon-download position-left" ></i>Guardar</a>
                                        </div>
                                    </div>
                                </div>
                            </div>

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


                                <div class="row">
                                    <div class="col-xs-6">
                                        <h4>Dimensiones de impresoras de ticket</h4>
                                    </div>

                                    <div class="col-xs-6">
                                        <button type="button" class="btn btn-flat text-color3 border-color3 btn-rounded pull-right" onclick="newTicketPrinter()">
                                            <i class="icon-plus3 position-left"></i>
                                            Nueva dimension de etiquetaje para impresora de Ticket
                                        </button>
                                    </div>

                                    <div class="col-md-12">
                                        <!-- Basic datatable -->
                                        <table class="table datatable-basic">
                                            <thead>
                                            <tr>
                                                <th width="10%">Por defecto</th>
                                                <th width="40%">Nombre</th>
                                                <th width="45%">Ancho de Ticket</th>
                                                <th width="5%"></th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            {% for ticketPrinter in ticketPrinters %}
                                                <tr>
                                                    <td>
                                                        {% if elemento.defaultTicketPrinter %}
                                                            {% if elemento.defaultTicketPrinter.id == ticketPrinter.id %}
                                                                <input  type="radio" name="defaultTicketPrinter" id='defaultTicketPrinter' value="{{ ticketPrinter.id }}" checked>
                                                            {% else %}
                                                                <input type="radio" name="defaultTicketPrinter" id='defaultTicketPrinter' value="{{ ticketPrinter.id }}">
                                                            {% endif %}
                                                        {% else %}
                                                            <input type="radio" name="defaultTicketPrinter" id='defaultTicketPrinter' value="{{ ticketPrinter.id }}">
                                                        {% endif %}
                                                    </td>
                                                    <td>{{ ticketPrinter.name }}</td>
                                                    <td>{{ ticketPrinter.ticketWidth }}</td>
                                                    <td>
                                                        <a id="edit_ticket_printer" data-ticket="{{ ticketPrinter.id }}"><i class="glyphicon glyphicon-edit"></i></a>
                                                        <a id="remove_ticket_printer" data-ticket="{{ ticketPrinter.id }}"><i class="glyphicon glyphicon-trash text-danger"></i></a>
                                                    </td>
                                                </tr>
                                            {% endfor %}
                                            </tbody>
                                        </table>
                                        <!-- /basic datatable -->
                                    </div>
                                </div>

                            </div>

                        </div>

                    {% endif %}

                </div>

            </div>

        </div>

    </div>
    </div>

    <div class="modal fade" id="new_ticket_printer_modal" tabindex="-1" role="dialog" aria-labelledby="myModalPrinter">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h5 class="modal-title">Configuración dimensiones de etiquetaje para impresora de ticket</h5>
                </div>

                <div class="modal-body" id="newFormTicketPrinter">

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


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


{% endblock%}

{% block script %}
    <script>
        {% if elemento %}

            $('#vaoid_elements_ticket').click(function () {
                var form_avoidPrintLogoOnTicket = $('#form_avoidPrintLogoOnTicket').val();
                var form_avoidPrintAddressOnTicket = $('#form_avoidPrintAddressOnTicket').val();

                if($('#form_avoidPrintLogoOnTicket').prop("checked") == true){
                    form_avoidPrintLogoOnTicket = 1;
                }else{
                    form_avoidPrintLogoOnTicket = 0;
                }
                if($('#form_avoidPrintAddressOnTicket').prop("checked") == true){
                    form_avoidPrintAddressOnTicket = 1;
                }else{
                    form_avoidPrintAddressOnTicket = 0;
                }

                {% if elemento is not null %}
                var shop = '{{ elemento.id }}';
                {% endif %}

                var url = Routing.generate('save_void_elements_ticket', {'form_avoidPrintLogoOnTicket' : form_avoidPrintLogoOnTicket, 'form_avoidPrintAddressOnTicket' : form_avoidPrintAddressOnTicket, 'shopId' : shop});

                $.get(url, function (result) {
                    window.location.href = '{{ path('shops') }}';
                }).fail(function (data) {
                    console.log(data.responseText);
                })
            });

            $('#text_ticket').click(function () {
                var text = $('#text_for_ticket').val();
                {% if elemento is not null %}
                    var shop = '{{ elemento.id }}';
                {% endif %}

                var url = Routing.generate('save_text_ticket', {'text' : text, 'shopId' : shop});

                $.get(url, function (result) {
                    window.location.href = '{{ path('shops') }}';
                }).fail(function (data) {
                    console.log(data.responseText);
                })
            });

            $('#text_gift_card').click(function () {
                var text = $('#text_for_gift_card').val();
                {% if elemento is not null %}
                var shop = '{{ elemento.id }}';
                {% endif %}

                var url = Routing.generate('save_text_gift_card', {'text' : text, 'shopId' : shop});

                $.get(url, function (result) {
                    window.location.href = '{{ path('shops') }}';
                }).fail(function (data) {
                    console.log(data.responseText);
                })
            });

            $('#text_tiket_reserved').click(function () {
                var text = $('#text_for_ticket_reserved').val();
                {% if elemento is not null %}
                var shop = '{{ elemento.id }}';
                {% endif %}

                var url = Routing.generate('save_text_ticket_reserved', {'text' : text, 'shopId' : shop});

                $.get(url, function (result) {
                    window.location.href = '{{ path('shops') }}';
                }).fail(function (data) {
                    console.log(data.responseText);
                })
            });

        $('#item_tiket_option').click(function () {
            var text = $('input[name=ticketItem]:checked').val()
            {% if elemento is not null %}
            var shop = '{{ elemento.id }}';
            {% endif %}

            if (typeof text === "undefined"){
             return;
            }

            var url = Routing.generate('save_item_ticket', {'text' : text, 'shopId' : shop});

            $.get(url, function (result) {
                window.location.href = '{{ path('shops') }}';
            }).fail(function (data) {
                console.log(data.responseText);
            })
        });



        {% endif %}

        function newTicketPrinter() {
            var ticketPrinter = $(this).attr('id');

            openModalTicketPrinter(ticketPrinter);
        }

        $('#defaultTicketPrinter').click(function () {
            var defaultTicketPrinter = $(this).val();
            {% if elemento is not null %}
            var shop = '{{ elemento.id }}';
            {% endif %}

            var route = Routing.generate('_ajax_set_default_ticket_printer', {'defaultTicketPrinter' : defaultTicketPrinter, 'shop' : shop });

            $.post(route, function (result) {
                if(defaultTicketPrinter === result){
                    new PNotify({
                        text: "Impresora de ticket por defecto modificada"
                    });
                } else {
                    new PNotify({
                        text: "Impresora de ticket por defecto no modificada"
                    });
                }
            }).fail(function (error) {
                console.log(error.responseText);
                new PNotify({
                    text: "Error al modificar la impresora de ticket por defecto"
                });
            });
        });

        $('#edit_ticket_printer').click(function() {
            var ticketPrinter = $('#edit_ticket_printer').data('ticket');

            openModalTicketPrinter(ticketPrinter);
        });

        function openModalTicketPrinter(ticketPrinter) {
            var route = Routing.generate('_ajax_ticket_printer', {'ticketPrinterId' : ticketPrinter });

            $.post(route, function(result) {
                $('#new_ticket_printer_modal').modal("show");
                $("#newFormTicketPrinter").html(result);
            }).fail(function(error) {
                console.log(error.responseText);
            });
        }

        $('#remove_ticket_printer').click(function(){
            var ticketPrinter = $('#edit_ticket_printer').data('ticket');
            var shopId = '{{ shopId }}';

            var route = Routing.generate('_ajax_remove_ticket_printer', {'ticketPrinterId' : ticketPrinter, 'shopId' : shopId });

            $.post(route, function(result) {
                if(ticketPrinter === result){
                    new PNotify({
                        text: "Impresora de ticket por defecto modificada"
                    });
                } else {
                    new PNotify({
                        text: "Impresora de ticket por defecto no modificada"
                    });
                }
            }).fail(function(error) {
                console.log(error.responseText);
                new PNotify({
                    text: "Error al modificar la impresora de ticket por defecto"
                });
            });
        });


        // GENERATING CSV SELL OUT
        function doBrandReportSalesForFTPSellOut() {

            var shop = '{{ shopId }}';
            var day = $("#formDate_day").val();
            showLoader();

            $.ajax({
                type: "POST",
                url: " {{path('generate_CSV_for_brand_trendico_sales_for_ftp_sell_out')}}",
                data: {shop: shop, day:day},
                success: function (result){
                    var blob=new Blob([result]);
                    var link=document.createElement('a');
                    link.href=window.URL.createObjectURL(blob);
                    link.download="{{ fileTrendico }}";
                    link.click();

                    hideLoader();
                },
                error: function(err) {
                    hideLoader();
                    console.log(err.responseText);
                    new PNotify({
                        text: "Error generando CSV para Informe SELL OUT FTP de esta tienda para Trendico.",
                        type: "error"
                    });
                }
            });

        };


        // GENERATING CSV SELL IN
        function doBrandReportSalesForFTPSellIn() {

            var shop = '{{ shopId }}';
            var day = $("#formDate_day").val();
            showLoader();

            $.ajax({
                type: "POST",
                url: " {{path('generate_CSV_for_brand_trendico_sales_for_ftp_sell_in')}}",
                data: {shop: shop, day:day},
                success: function (result){
                    var blob=new Blob([result]);
                    var link=document.createElement('a');
                    link.href=window.URL.createObjectURL(blob);
                    link.download="{{ fileTrendico }}";
                    link.click();

                    hideLoader();
                },
                error: function(err) {
                    hideLoader();
                    console.log(err.responseText);
                    new PNotify({
                        text: "Error generando CSV para Informe SELL IN FTP de esta tienda para Trendico.",
                        type: "error"
                    });
                }
            });

        };

        function removeImageFooterForTicket(){
            {% if elemento is not null %}
            var shop = '{{ elemento.id }}';
            {% endif %}

            var url = Routing.generate('remove_image_footer_ticket', {'shopId' : shop});

            $.get(url, function (result) {
                new PNotify({
                    text: "Imagen del footer del ticket eliminada correctamente.",
                    type: "success"
                });
                window.location.href = '{{ path('shops') }}';
            }).fail(function (data) {
                console.log(data.responseText);
                new PNotify({
                    text: "Error eliminando la imagen del footer.",
                    type: "error"
                });
            })
        }
    </script>
{% endblock %}