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

                        <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-3 clearfix">
                                        <div class="form-group">
                                            {{ form_row(form.create_date) }}
                                        </div>
                                    </div>
                                </div>
                                <div class="row">

                                    <div class="col-md-2 clearfix">
                                        {{ form_row(form.enabled) }}
                                    </div>
                                    <div class="col-md-3 clearfix">
                                        {{ form_row(form.tipoAmbiente) }}
                                    </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.puedefacturar) }}
                                    </div>
                                    <div class="col-md-3 clearfix">
                                        {{ form_row(form.fecha_caduca) }}
                                    </div>
                                </div>
                                <div class="row">
                                    {{ form_label(form.rutaPago) }}
                                    {% if imgpago is defined and imgpago %}
                                        <img src="{{ imgpago }}" alt="Logo"
                                             title="pago"
                                             height="100">
                                    {% endif %}
                                    {{ form_widget(form.rutaPago) }}

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