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

{{ form_errors(form) }}

       
<form id="formulario-aparelhopesca" class="{% if  not includeLayout %}ajax {%endif%} form-horizontal" action="{%if entity.id is defined and entity.id is not null %} {{ path('aparelhopesca_update', { 'id': entity.id, 'tipo': tipo }) }} {%else%} {{ path('aparelhopesca_create', {'tipo': tipo}) }} {%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 %}



        {% if tipo == "nivel2" %}
            <div class="row-fluid">
                <div class="control-group span6">
                    {{ form_label(form.codAparelhoNivel1) }}
                    <div class="controls">
                        {{ form_widget(form.codAparelhoNivel1,{ 'attr': {'class': ''} }) }}
                        <span class="help-inline">{{ form_errors(form.codAparelhoNivel1) }}</span>
                    </div>
                </div>
            </div>
            <div class="row-fluid">
                <div class="control-group span6">
                    {{ form_label(form.codAparelhoPescaNomeReferencia) }}
                    <div class="controls">
                        {{ form_widget(form.codAparelhoPescaNomeReferencia,{ 'attr': {'class': ''} }) }}
                        <span class="help-inline">{{ form_errors(form.codAparelhoPescaNomeReferencia) }}</span>
                    </div>
                </div>
            </div>

        {% elseif tipo == "nivel3" %}
            <div class="row-fluid">
                <div class="control-group span6">
                    {{ form_label(form.codAparelhoNivelAcima) }}
                    <div class="controls">
                        {{ form_widget(form.codAparelhoNivelAcima,{ 'attr': {'class': ''} }) }}
                        <span class="help-inline">{{ form_errors(form.codAparelhoNivelAcima) }}</span>
                    </div>
                </div>
            </div>
        {% endif %}
        <div class="row-fluid">
        {#<div class="control-group span6">
            {{ form_label(form.codAparelhoPMAP) }}
            <div class="controls">
                {{ form_widget(form.codAparelhoPMAP,{ 'attr': {'class': ''} }) }}
                <span class="help-inline">{{ form_errors(form.codAparelhoPMAP) }}</span>
            </div>
        </div>#}
            </div>
        <div class="row-fluid">
            <div class="control-group span6">
                {{ form_label(form.txtNome) }}
                <div class="controls">
                    {{ form_widget(form.txtNome,{ 'attr': {'class': 'cemporcento'} }) }}
                    <span class="help-inline">{{ form_errors(form.txtNome) }}</span>
                </div>
            </div>
        </div>

        <div class="row-fluid">
            <div class="control-group span6">
                <label for="{{ form.isHabilitado.vars.id }}" class=" control-label">
                    {{ form_widget(form.isHabilitado,{ 'attr': {'class': ''} }) }}
                    <span class="help-inline">{{ form_errors(form.isHabilitado) }}</span>
                    {{ ('entidade.aparelhopesca.isHabilitado' | trans) }}</label>
            </div>
        </div>

        {%  if form.indsTipoPesca is defined %}
            <div class="row-fluid">
                <div class="control-group span6">
                    {{ form_label(form.indsTipoPesca) }}
                    {% if isShow %}
                        {% for index, tipoPesca in indTipoPescaList %}

                            {%  set selected = false %}
                            {% if index in entity.indsTipoPesca   %}
                                {%  set selected = true %}
                            {% endif %}

                            <label class="checkbox"><input  {{ (selected)?'checked="checked"':'' }} type="checkbox" disabled="disabled"  class=" wf2_notBlank wf2_defaultValue">{{ tipoPesca }}
                            </label>
                        {% endfor %}
                    {% else %}
                        <div class="controls">
                            {{ form_widget(form.indsTipoPesca,{ 'attr': {'class': 'input-xlarge'} }) }}
                            <span class="help-inline">{{ form_errors(form.indsTipoPesca) }}</span>
                        </div>
                    {% endif %}
                </div>
            </div>
        {% endif %}
        <div class="row-fluid">
            <div class="control-group span6">
                {{ form_label(form.txtObservacao) }}
                <div class="controls">
                    {{ form_widget(form.txtObservacao,{ 'attr': {'class': 'input-xlarge', 'style' : 'width: 100%; height: 60px;'} }) }}
                    <span class="help-inline">{{ form_errors(form.txtObservacao) }}</span>
                </div>
            </div>
        </div>

  </fieldset>
    <div class="div-actions">
        <button type="submit" class="btn btn-primary">{{'acao.salvar'|trans}}</button>
        <a class=""{% if not includeLayout %} onclick="$(this).parents('.modal').find('.close').click(); return false;" {% endif %} href="{{ path('aparelhopesca') }}" title="{{'acao.cancelar'|trans}}">{{'acao.cancelar'|trans}}</a>
    </div>
</form>
</div>
<script>
    //colocar funcoes javascript referente ao formulário aqui
    $(document).ready(function () {
        //$('form#formulario-aparelhopesca').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");
        });
    });
</script>
{% endblock %}