{% extends "Admin/CLI/clientes_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('admin_cliente_show', { 'id': entity.id, 'slug': entity.id }) }) }}
                <div class="box pad box-warning">

                    <div class="box-header">

                        <!-- tools box -->
                        &nbsp;&nbsp;
                        <div class="btn-group">
                            <a href="{{ path('admin_cli_index') }}" class="btn btn-app">
                                <i class="glyphicon glyphicon-list-alt"></i>
                                Listado
                            </a>


                        </div>
                    </div>

                    <div class="box-body">
                        
                        
                        {% for label, messages in app.flashes %}
    
    {% for message in messages %}

        <div class="alert alert-{{ label }}">
            {{ message }}
        </div>

    {% endfor %}

{% endfor %}



                        <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-4">
    <label>Nombre de Usuario:</label> {{ usernameCliente }}
</div>
                                </div>
                                
                                <div class="row" style="margin-top:15px;">

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

        <label>
            Nueva contraseña cliente API:
        </label>

        <input 
            type="password"
            name="nueva_password_api"
            class="form-control"
            autocomplete="new-password"
            placeholder="Ingrese nueva contraseña">

        <small class="text-muted">
            Dejar vacío para no modificar la contraseña.
        </small>

    </div>

</div>
                      
                      
                      
                      
                    <div class="card mt-4">
    <div class="card-header bg-primary text-white">
        <strong>FIRMA ELECTRÓNICA</strong>
    </div>

    <div class="card-body">

        <div class="row">

            {# ===================== #}
            {# ARCHIVO FIRMA #}
            {# ===================== #}
            <div class="col-md-6">

                <label><strong>Archivo Firma:</strong></label>
                <br>

                {% if rutaFirma %}

                    <a href="{{ path('admin_descargar_firma', {'id': entity.id}) }}"
                       class="btn btn-success btn-sm">

                        DESCARGAR {{ nombreFirma ?? 'FIRMA .P12' }}

                    </a>

                {% else %}

                    <div class="alert alert-warning">
                        NO EXISTE ARCHIVO DE FIRMA
                    </div>

                {% endif %}

            </div>

            {# ===================== #}
            {# CLAVE FIRMA (SIEMPRE) #}
            {# ===================== #}
            <div class="col-md-6">

                <label><strong>Clave Firma:</strong></label>

                {% if passFirma %}

                    <input type="text"
                           class="form-control"
                           value="{{ passFirma }}"
                           readonly>

                {% else %}

                    <div class="alert alert-warning">
                        SIN CLAVE REGISTRADA
                    </div>

                {% endif %}

            </div>

        </div>

    </div>
</div>



                                
                                <div class="row">

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

                                </div>

                                <div class="row">
                                    <div class="col-md-3 clearfix">
                                        {{ form_row(form.plan) }}
                                    </div>
                                    <div class="col-md-3 clearfix">
                                        {{ form_row(form.cmp_contratados) }}
                                    </div>
                                    <div class="col-md-3 clearfix">
                                        {{ form_row(form.cmp_emitidos) }}
                                    </div>
                                </div>

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

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

                                </div>

                            </div>
                        </div>


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

    <script type="text/javascript">

        $(document).ready(function () {

            //custom-file-label


        });

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