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

{% block activeTab %}

    <div class="pad tab-pane active" id="tab_1-2">
        <div class="row">
            <div class="col-md-12">

                {{ form_start(form, {'action': path('electro_settings')}) }}

                <div class="row">
                    <div class="col-md-3">
                        {{ form_row(form.contribuyenteEspecial) }}
                    </div>
                    <div class="col-md-3">
                        {{ form_row(form.llevaContabilidad) }}
                    </div>
                    <div class="col-md-3">
                        {{ form_row(form.agenteRet) }}
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        {{ form_row(form.rimpeLabel) }}
                    </div>
                </div>
                <br>
                <div class="row">
                    <div class="col-md-6">
                        {{ form_label(form.rutaFirma) }}
                        {% if settings.firma is defined and settings.firma %}
                            <img src="{{ settings.firma }}" alt="Logo"
                                 title="{% trans %}form.current_logo{% endtrans %}"
                                 height="100">
                        {% endif %}
                        {{ form_widget(form.rutaFirma) }}
                    </div>
                </div>
                <br>
                <div class="row">
                    <div class="col-md-3">
                        {{ form_row(form.passFirma) }}
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-3">
                        {{ form_row(form.tipoAmbiente) }}
                    </div>

                </div>
                <div class="row">
                    <div class="col-md-3">
                        {{ form_row(form.envioAutomatico) }}
                    </div>

                </div>
                {{ form_widget(form) }}
                <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() {

            $("#electro_settings_rutaFirma").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 () {
                $("#electro_settings_rutaFirma").trigger('click');
            })

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

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

        });


    </script>

{% endblock %}