{% extends 'base.html.twig' %}

{% block title %}
    WONDER-Origen
{% endblock %}
{% block titulo %}
    GESTIÓN DE ORIGEN DE SALIDAS
{% endblock %}
{% block bread %}
    <li class="active">Nuevo Origen de Salida</li>
{% endblock %}

{% block body %}
    <style>
        body {background-image: url({{ asset('recursos/imagenes/sistema/fondo_lateral.png')}});
            background-repeat: no-repeat;
            /*background-size: 200px;*/
            background-size: cover;
        }

        .col-sm-2 {
            max-width: 100%;
        }
    </style>

    {#{{ form_start(form) }}#}
    {{ form_start(form, { 'attr': {'novalidate':'novalidate', 'class': 'form-material form-horizontal'} }) }}
    <div class="row">
        <div class="col-sm-8">
            <div class="white-box">
                <h3 class="box-title">DATOS DEL ORIGEN</h3>

                <div class="row">
                    <div class="form-group col-sm-8">
                        {{ form_label(form.descripcion) }}
                        {{ form_widget(form.descripcion) }}
                        <span class="text-danger">{{ form_errors(form.descripcion) }}</span>
                    </div>
                    <div class="form-group col-sm-2"></div>
                    <div class="form-group col-sm-4">
                        {{ form_label(form.abreviacion) }}
                        {{ form_widget(form.abreviacion) }}
                        <span class="text-danger">{{ form_errors(form.abreviacion) }}</span>
                    </div>

                    <div class="form-group col-sm-2"></div>
                    <div class="col-md-5">
                        {{ form_label(form.estado) }}
                        {{ form_widget(form.estado) }}
                        <span class="text-danger">{{ form_errors(form.estado) }}</span>
                    </div>
                </div>

                <button type="submit" class="btn btn-info waves-effect waves-light m-r-10">Guardar</button>
                <a class="btn btn-inverse waves-effect waves-light" href="{{ path('torigen_index') }}">Cancelar</a>
            </div>
        </div><!-- /. columna1 -->


    </div>

    {{ form_end(form) }}

{% endblock %}