{% extends "Config/settings_menu.html.twig" %}
{% trans_default_domain 'config' %}


{% block activeTab %}
    <div class="pad tab-pane active" id="tab_1-1">
        <div class="row">
            <div class="col-md-12 clearfix">
                {{ form_start(form, {'action': path('global_settings')}) }}
                <div class="row">
                    <div class="col-md-12 clearfix">
                        <div class="row">
                            <div class="col-md-8 clearfix">
                                <div class="form-group">
                                    {{ form_row(form.razonSocial) }}
                                </div>
                            </div>
                            <div class="col-md-4 clearfix">
                                <div class="form-group">
                                    {{ form_row(form.ruc) }}
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-8 clearfix">
                                {{ form_row(form.nombreComercial) }}
                            </div>
                            <div class="col-md-4 clearfix">
                                {{ form_row(form.telefono) }}
                            </div>
                        </div>
                        <div class="row">

                            <div class="col-md-6 clearfix">
                                {{ form_row(form.email) }}
                            </div>
                            <div class="col-md-6 clearfix">
                                {{ form_row(form.url) }}
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12 clearfix">
                                {{ form_row(form.direccionMatriz) }}
                            </div>

                        </div>
                        <div class="row">
                            <div class="col-md-12 clearfix">
                                {{ form_row(form.dirEstablecimiento) }}
                            </div>

                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12 clearfix">
                        {{ form_label(form.rutaLogo) }}
                        {% if settings.logo is defined and settings.logo %}
                            <img src="{{ settings.logo }}" alt="Logo"
                                 title="{% trans %}form.current_logo{% endtrans %}"
                                 height="100">
                        {% endif %}
                        {{ form_widget(form.rutaLogo) }}
                    </div>
                </div>


                <div class="row">
                    <div class="col-md-12 clearfix">
                        <h3>{{ form_label(form.taxes) }}</h3>
                        <div class="form-inline">
                            {{ form_errors(form.taxes) }}
                            {{ form_widget(form.taxes) }}
                        </div>
                    </div>
                </div>

                {% for serie in form.series %}
                    <div class="row">
                        <div class="col-md-12 clearfix">
                            <h3>{{ form_label(form.series) }}</h3>

                            <div class="form-inline">
                                <fieldset class="form-group">
                                    <div class="form-group">
                                        {{ form_label(serie.name) }}
                                        {{ form_widget(serie.name) }}
                                    </div>
                                    <div class="form-group">
                                        {{ form_label(serie.value) }}
                                        {{ form_widget(serie.value) }}
                                    </div>
                                    <div class="form-group">
                                        {{ form_label(serie.enabled) }}
                                        {{ form_widget(serie.enabled) }}
                                    </div>
                                </fieldset>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-12 clearfix">
                            <h3>
                                <legend class="col-form-label required">Inicio Numeración</legend>
                            </h3>
                            <div class="col-md-3 clearfix">
                                <div class="form-group">
                                    {{ form_label(serie.iniFactura) }}
                                    <div class="input-group">
                                        {{ form_widget(serie.iniFactura) }}
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3 clearfix">
                                <div class="form-group">
                                    {{ form_label(serie.iniCredito) }}
                                    <div class="input-group">
                                        {{ form_widget(serie.iniCredito) }}
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3 clearfix">
                                <div class="form-group">
                                    {{ form_label(serie.iniRetencion) }}
                                    <div class="input-group">
                                        {{ form_widget(serie.iniRetencion) }}
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3 clearfix">
                                <div class="form-group">
                                    {{ form_label(serie.iniDebito) }}
                                    <div class="input-group">
                                        {{ form_widget(serie.iniDebito) }}
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3 clearfix">
                                <div class="form-group">
                                    {{ form_label(serie.iniGuia) }}
                                    <div class="input-group">
                                        {{ form_widget(serie.iniGuia) }}
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3 clearfix">
                                <div class="form-group">
                                    {{ form_label(serie.iniLiquidacion) }}
                                    <div class="input-group">
                                        {{ form_widget(serie.iniLiquidacion) }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                {% endfor %}

                <div class="row">
                    <div class="col-md-12 clearfix">
                        <h3>
                            <legend class="col-form-label required">Parametros</legend>
                        </h3>
                        <div class="col-md-3 clearfix">
                            <div class="form-group">
                                {{ form_label(form.decPunit) }}
                                <div class="input-group">
                                    {{ form_widget(form.decPunit) }}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                {{ form_errors(form.series) }}

                <div class="form-actions col-md-12">
                    <button type="submit" class="btn btn-primary">
                        <span class="fa fa-save"></span>&nbsp;
                        {% trans %}form.save{% endtrans %}
                    </button>

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

    <script type="text/javascript">

        $(document).ready(function () {

            //custom-file-label


            $("#global_settings_rutaLogo").attr("class", "custom_input_logo");
            $(".custom-file").attr("class", "custom-file custom_div_logo");
            //$(".custom-file-label").attr("class","customform-control");
            //$(".custom-file-label").text('hola');
            $(".custom-file").append("<span id=\"logo_val\" class=\"span_logo_val\"></span>" +
                "                                <span id=\"logo_button\" class=\"span_logo_button\">Seleccionar</span>");

            $('#logo_button').click(function () {
                $("#global_settings_rutaLogo").trigger('click');
            })

            $("#global_settings_rutaLogo").change(function () {
                $('#logo_val').text(this.value.replace(/C:\\fakepath\\/i, ''))
                $('.customform-control').hide();
            })

            $('#logo_val').text('{{ settings.rutaLogo }}')

        });

        {# AÑADE BOTON AÑADIR  NUEVA SERIE
        $('#global_settings_taxes, #global_settings_series').each(function () {
            var $collection = $(this);
            // Add links.
            var $addLink = $('<a href="#"><span class="glyphicon glyphicon-plus"></span> {% trans %}form.add{% endtrans %}</a>');
            $addLink.insertAfter($collection);
            $addLink.on('click', function (event) {
                event.preventDefault();
                var prototype = $collection.data('prototype');
                var $form = $(prototype.replace(/__name__/g, $collection.children().length));
                addRemoveLink($form);
                $collection.append($form);
            });
            // Remove links.
            $collection.find('>div').each(function () {
                addRemoveLink($(this));
            });
        });
        #}

        {# TODO SE LIMITA A DOS TIPOS DE IMPUESTO
        $('#global_settings_taxes').each(function () {
            var $collection = $(this);
            // Add links.
            var $addLink = $('<a href="#"><span class="glyphicon glyphicon-plus"></span> {% trans %}form.add{% endtrans %}</a>');
            $addLink.insertAfter($collection);
            $addLink.on('click', function (event) {
                event.preventDefault();
                var prototype = $collection.data('prototype');
                var $form = $(prototype.replace(/__name__/g, $collection.children().length));
                addRemoveLink($form);
                $collection.append($form);
            });
            // Remove links.
            $collection.find('>div').each(function () {
                addRemoveLink($(this));
            });
        });

        function addRemoveLink($el) {
            var $removeLink = $('<a href="#" class="btn"><span class="glyphicon glyphicon-trash"></span></a>');
            $removeLink.prependTo($el.find('>div'));
            $removeLink.on('click', function (event) {
                event.preventDefault();
                $(this).parent().remove();
            });
        }
        #}
    </script>

{% endblock %}