{% 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('transporte_settings')}) }}

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

                <div class="row">
                    <div class="col-md-3">
                        {{ form_row(form.ptoemisionsocio) }}
                    </div>
                    <div class="col-md-3">
                        {{ form_row(form.rucsocio) }}
                    </div>
                    <div class="col-md-3">
                        {{ form_row(form.tpcontribuyentesocio) }}
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-9">
                        {{ form_row(form.nombresocio) }}
                    </div>
                </div>
                <br>

                <table id="invoice-like-items" class="table table-condensed table-striped align-middle">
                    <thead>
                    <tr>
                        <th></th>
                        <th>Placa</th>
                    </tr>
                    </thead>
                    <tbody data-prototype="{{ include('Config/placa.html.twig', { 'form': form.placas.vars.prototype })|e }}">
                    {% for item in form.placas %}
                        {{ include('Config/placa.html.twig', { 'form': item, 'entity': item.vars.value}) }}
                    {% endfor %}

                    {# TODO: Action buttons: add/remove items, taxes, sort... #}
                    </tbody>
                </table>

                <div class="row totals">
                    <div class="col-md-6">

                        <button type="button" id="invoice-like-add-item" class="btn-sm btn-primary"><span
                                    class="glyphicon glyphicon-plus glyphicon-white"></span>&nbsp;Agregar Placa
                        </button>

                        <script type="text/javascript">
                            $('#invoice-like-add-item').on('click', function (event) {
                                event.preventDefault();
                                var collectionHolder = $('#invoice-like-items tbody');
                                var prototype = collectionHolder.attr('data-prototype');
                                form = prototype.replace(/__name__/g, collectionHolder.children().length);
                                collectionHolder.append(form);

                            });

                        </script>


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

            {{ form_widget(form) }}

            {{ form_end(form) }}

        </div>
    </div>
    </div>

    <script type="text/javascript">

        $(document).ready(function () {


        });


    </script>

{% endblock %}