{% 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.especiecomprimento'|trans}}
        {%else%}  
                {{'cabecalho.incluir.especiecomprimento'|trans}}
        {%endif%}
        </h2>
    </div>    

{{ form_errors(form) }}

       
<form id="formulario-especiecomprimento" class="{% if  not includeLayout %}ajax {%endif%} form-horizontal" action="{%if entity.id is defined and entity.id is not null %} {{ path('especiecomprimento_update', { 'id': entity.id }) }} {%else%} {{ path('especiecomprimento_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.codEspecie) }}
                <div class="controls">
                    {{ form_widget(form.codEspecie,{ 'attr': {'class': 'cemporcento'} }) }}
                    <span class="help-inline">{{ form_errors(form.codEspecie) }}</span>
                </div>
            </div>
        </div>
        <div class="row-fluid">
            <div class="control-group span8">
                {{ form_label(form.txtNomeComprimento) }}
                <div class="controls">
                    {{ form_widget(form.txtNomeComprimento,{ 'attr': {'class': 'cemporcento'} }) }}
                    <span class="help-inline">{{ form_errors(form.txtNomeComprimento) }}</span>
                </div>
            </div>
        </div>
    </fieldset>
    <div class=" div-actions">
        <button type="submit" id="addButton" class="btn btn-primary">{{'acao.salvar'|trans}}</button>
        {%if entity.id is null%} 
        <button type="submit" id="addOutroButton" class="btn btn-primary">{{'acao.salvarOutro'|trans}}</button>
        {% endif %}
        <a class=""{% if not includeLayout %} onclick="$(this).parents('.modal').find('.close').click(); return false;" {% endif %} href="{{ path('especiecomprimento') }}" title="{{'acao.cancelar'|trans}}">{{'acao.cancelar'|trans}}</a>
        
        <input type="hidden" name="isAddOutro" id="addOutro">
    </div>
</form>
</div>
<script>
    $(document).ready(function(){
        //$('form#formulario-especiecomprimento').preventDoubleSubmission();
        $(document).on('DOMNodeInserted', function(e) {
            if( e.target.className == 'alert alert-error') {
                setTimeout(function() {
                    $('button[type="submit"]').removeAttr("disabled");
                }, 100);

            }
        });
        $('form').submit(function(){
            $('button[type="submit"]').attr("disabled", "disabled");
        });
        $("#addOutroButton").click(function(){
            $("#addOutro").val('1');
        });
        
        $("#addButton").click(function(){
            $("#addOutro").val('');
        });
        
        var idEspecie = '{{ app.session.getFlash('idEspecie') }}';
        if(idEspecie != ''){
            var combobox = {{ form.codEspecie.vars.id }};
            combobox.setSelectedByValue(idEspecie);
        }
    });
</script>
{% endblock %}