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

{% block activeTab %}

    <div class="pad tab-pane active" id="tab_1-2">

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

        <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.rimpe) }}
            </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.envioMailAutomatico) }}
            </div>

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

                </div> #}
        {{ form_widget(form) }}
        <div class="row">
        <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>
        </div>
        {{ form_end(form) }}

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