{% extends "base.html.twig" %}
{% trans_default_domain 'product' %}

{% block actionheader %}
{% endblock %}
{% block searchform_container %}{% endblock %}

{% block body %}
    {{ form_start(form, {'attr': {'class': 'form-stacked' } }) }}

    <div class="pad box box-warning">

        <div class="box-header">

            <!-- tools box -->
            &nbsp;&nbsp;
            <div class="btn-group">

                <a href="{{ path('product_index') }}" class="btn btn-app">
                    <i class="glyphicon glyphicon-list-alt"></i>
                    Listado
                </a>
                {% if entity.id %}
                <a href="{{ path('product_add') }}" class="btn btn-app">
                    <i class="glyphicon glyphicon-file"></i>
                    Nuevo
                </a>
                {% endif %}
                <button type="submit" class="btn btn-app" name="save" >
                    <i class="glyphicon glyphicon-floppy-disk"></i>{% trans %}form.submit{% endtrans %}
                </button>


                {% if entity.id %}
                    <button type="submit" name="Form-delete" class="btn btn-app" data-confirm="{% trans %}form.submit_delete_confirm{% endtrans %}">
                        <i class="glyphicon glyphicon-trash"></i>{% trans %}form.submit_delete{% endtrans %}
                    </button>
                {% endif %}



            </div>
        </div>


        <div class="box-body">
            <article class="invoice-like">

                {{ form_errors(form) }}

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

                </div>

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

                <td class="taxes form-inline">
                    <div class="row">
                    <div class="col-md-3 clearfix">
                    {{ form_row(form.taxes) }}
                    {{ form_errors(form.taxes) }}
                    <script type="text/javascript">
                        /*$(function(){
                          $('td.taxes select').select2({
                              placeholder: {
                                  id: '1', // the value of the option
                                  text: '12'
                              }
                          });
                        });*/


                        $("select#{{ form.taxes.vars.id }} option[value='']").remove();
                    </script>
                    </div>
                    </div>

                </td>
                {{ form_rest(form) }}

            </article>
        </div>
    </div>
    {{ form_end(form) }}
{% endblock %}