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

{% block searchform_container %}{% endblock %}

{% block actionheader %}
{% endblock %}

{% block body %}

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

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

        <div class="box-header">

            <!-- tools box -->
            &nbsp;&nbsp;
            <div class="btn-group">
                <a href="{{ path('transportista_index') }}" class="btn btn-app">
                    <i class="glyphicon glyphicon-list-alt"></i>
                    Listado
                </a>
                {% if entity.id %}
                    <a href="{{ path('transportista_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="¿Estás seguro de eliminar el transportista?">
                        <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-9 clearfix">
                        {% if form.vars.value.identification  == "9999999999999" %}
                            {{ form_row(form.name , {'attr': {'readonly': 'true'}}) }}
                        {% else %}
                            {{ form_row(form.name) }}
                        {% endif %}

                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3 clearfix">

                            {{ form_row(form.tipoDocumento) }}

                    </div>

                    <div class="col-md-3 clearfix">

                            {{ form_row(form.identification) }}

                    </div>
                    <div class="col-md-3 clearfix">

                            {{ form_row(form.placa) }}

                    </div>
                </div>
                <div class="row">
                    {#
                    <div class="col-md-6 clearfix">
                      {{ form_row(form.contact_person) }}
                    </div>
                    #}
                    <div class="col-md-6 clearfix">
                        <div class="form-group">
                            {{ form_label(form.email) }}
                            <div class="input-group">
                                <span class="input-group-addon"><span
                                            class="glyphicon glyphicon-envelope"></span></span>
                                {{ form_widget(form.email) }}
                            </div>
                            {{ form_errors(form.email) }}
                        </div>
                    </div>
                    <div class="col-md-3 clearfix">
                        {{ form_row(form.telefono) }}
                    </div>

                </div>

                <div class="row">
                    <div class="col-md-9 clearfix">
                        {{ form_row(form.address) }}
                    </div>
                    {#
                    <div class="col-md-6 clearfix">
                      {{ form_row(form.shipping_address) }}
                    </div>
                    #}
                </div>

                {{ form_rest(form) }}
            </article>
        </div>

    </div>
    {{ form_end(form) }}



{% endblock %}

{% block javascripts %}
    <script>
        function tipodocumento(sender) {

            let maxlenght = 20;
            if (sender.value === '05') {
                maxlenght = 10;
            } else if (sender.value === '04') {
                maxlenght = 13;
            }
            document.getElementById("transportista_identification").maxLength = maxlenght;
        }
    </script>
{% endblock %}