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

{% block title %}
    WONDER-Camión
{% endblock %}
{% block titulo %}
    GESTIÓN DE CAMIONES
{% endblock %}
{% block bread %}
    <li class="active">Nuevo Camión</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-12">
            <div class="white-box">
                <h3 class="box-title">DATOS DEL CAMIÓN</h3>
                <div class="row">
                    <div class="form-group col-sm-5">
                        {{ form_label(form.placa) }}
                        {{ form_widget(form.placa) }}
                        <span class="text-danger">{{ form_errors(form.placa) }}</span>
                    </div>
                    <div class="form-group col-sm-2"></div>
                    <div class="form-group col-sm-5">
                        {{ form_label(form.chasis) }}
                        {{ form_widget(form.chasis) }}
                        <span class="text-danger">{{ form_errors(form.chasis) }}</span>
                    </div>
                </div>

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

                <div class="row">
                    <div class="col-md-5">
                        <div class="form-group">
                            <label class="control-label col-md-3">{{ form_label(form.foto) }}</label>
                            <div class="col-md-9">
                                <a href="#" data-toggle="tooltip" data-placement="top" title="Solo archivos JPG, PNG">
                                    {{ form_widget(form.foto, { 'attr': { 'data-default-file':asset('recursos/imagenes/camiones/'~ tcamion.foto) }}) }}</a>
                                <span class="text-danger">{{ form_errors(form.foto) }}</span>
                            </div>
                        </div>
                    </div>
                    <div class="form-group col-sm-2"></div>
                    <div class="form-group col-sm-5">
                        {{ form_label(form.idpertenencia) }}
                        {{ form_widget(form.idpertenencia) }}
                        <span class="text-danger">{{ form_errors(form.idpertenencia) }}</span>
                        <br>
                        {{ form_label(form.estado) }}
                        {{ form_widget(form.estado) }}
                        <span class="text-danger">{{ form_errors(form.estado) }}</span>
                    </div>

                </div>


                <br>
                <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('tusuario_index') }}">Cancelar</a>
            </div>

        </div><!-- /. columna1 -->

    </div>

    {{ form_end(form) }}

{% endblock %}