{% extends "propesqBundle::layout.html.twig" %}

{% block stylesheets %}
    <!-- TODO: verificar caminho do arquivo -->
    <link rel="stylesheet" href="{{ asset('bundles/propesq/css/edit.css') }}" type="text/css" media="all" />
{% endblock %}

{% block content %}
    <div id="form-container">

        <div class="title">
            <h2>
                {%if entity.id is defined and entity.id is not null%}
                    {{'cabecalho.alterar.ambienteorigemproducao'|trans}}
                {%else%}
                    {{'cabecalho.incluir.ambienteorigemproducao'|trans}}
                {%endif%}
            </h2>
        </div>

        {{ form_errors(form) }}
        <form id="formulario-ambienteorigemproducao" class="{% if  not includeLayout %}ajax {%endif%} form-horizontal"
            action="{%if entity.id is defined and entity.id is not null%}
            {{ path('ambienteorigemproducao_update', { 'id': entity.id }) }}
            {%else%} {{ path('ambienteorigemproducao_create') }} {%endif%}" method="post" {{ form_enctype(form) }}>

            <fieldset style="float: left; margin: 10px;">

                {{ form_widget(form._token) }}

                {% if not includeLayout %}
                    <input type='hidden' name='noLayout' value='true'>
                {% endif %}

                <div class="row-fluid">
                    <div class="control-group span4">
                        {{ form_label(form.txtNome) }}
                        <div class="controls">
                            {{ form_widget(form.txtNome,{ 'attr': {'class': 'input-xlarge cemporcento focus'} }) }}
                          <span class="help-inline">{{ form_errors(form.txtNome) }}</span>
                        </div>
                    </div>
                </div>

                <div class="row-fluid">
                    <div class="control-group span4">
                        {{ form_label(form.txtDescricao) }}
                        <div class="controls">
                            {{ form_widget(form.txtDescricao,{ 'attr': {'class': 'input-xlarge cemporcento'} }) }}
                            <span class="help-inline">{{ form_errors(form.txtDescricao) }}</span>
                        </div>
                    </div>
                </div>

                <div class="row-fluid">
                    <div class="control-group span4">
                        {{ form_label(form.opcaoPadrao) }}
                        <div class="controls">
                            {{ form_widget(form.opcaoPadrao,{ 'attr': {'class': 'input-xlarge cemporcento focus'} }) }}
                            <span class="help-inline">{{ form_errors(form.opcaoPadrao) }}</span>
                        </div>
                    </div>
                </div>
            </fieldset>

            <div class="div-actions">
                <button type="submit" id="submit" class="btn btn-primary">{{'acao.salvar'|trans}}</button>

                <a {% if not includeLayout %} onclick="$(this).parents('.modal').find('.close').click(); return false;"
                {% endif %} href="{{ path('ambienteorigemproducao') }}" title="{{'acao.cancelar'|trans}}">
                    {{'acao.cancelar'|trans}}
                </a>

            </div>
        </form>
    </div>
{% endblock %}

{% block javascripts %}
    <script>
        //colocar funcoes javascript referente ao formulário aqui
        $(document).ready(function () {
            $(document).on('DOMNodeInserted', function(e) {
                if( e.target.className == 'alert alert-error') {
                    setTimeout(function() {
                        $('button[type="submit"]').removeAttr("disabled");
                    }, 100);
                }
            });
        });
    </script>
{% endblock %}