{% 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" />
    <style>
        #form-container{
            overflow-x: visible;
        }
    </style>
{% endblock %}

{% block content %}
<div id="form-container" style="min-width: 1000px">
    <div class="title">
        <h2>
            {%if entity.id is defined and entity.id is not null%} 
                {% set isEdit = true %}
                {{'cabecalho.alterar.especiecategoriapescado'|trans}}    
            {%else%}  
                    {% set isEdit = false %}
                    {{'cabecalho.incluir.especiecategoriapescado'|trans}}
            {%endif%}
        </h2>
    </div>    

{{ form_errors(form) }}
       
<form id="formulario-especiecategoriapescado" class="{% if  not includeLayout %}ajax {%endif%} form-horizontal" action="{%if entity.id is defined and entity.id is not null %} {{ path('especiecategoriapescado_update', { 'id': entity.id }) }} {%else%}  {{ path('especiecategoriapescado_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="span6">
                <div class="control-group">
                    {{ form_label(form.txtNome) }}
                    <div class="controls">
                        {{ form_widget(form.txtNome,{ 'attr': {'class': 'input-xlarge focus cemporcento'} }) }}
                        <span class="help-inline">{{ form_errors(form.txtNome) }}</span>
                    </div>
                </div>
            </div> 
            <div class="span6">
                <div class="control-group">
                    {{ form_label(form.codEspecie) }}
                    <div class="controls">
                        {{ form_widget(form.codEspecie,{ 'attr': {'class': 'input-xlarge cemporcento'} }) }}
                        <span class="help-inline">{{ form_errors(form.codEspecie) }}</span>
                    </div>
                </div>
            </div>
       </div>
       <div class="control-group">
            {{ form_label(form.indGeraAlertaDigitacao) }}
            <div class="controls">
                {{ form_widget(form.indGeraAlertaDigitacao,{ 'attr': {'class': 'input-xlarge'} }) }}
                <span class="help-inline">{{ form_errors(form.indGeraAlertaDigitacao) }}</span>
            </div>
        </div>
        <div class="control-group" id="descricao-alerta-container" style="display: none">
            {{ form_label(form.txtDescricaoAlerta) }}
            <div class="controls">
                {{ form_widget(form.txtDescricaoAlerta,{ 'attr': {'class': 'cemporcento input-xlarge'} }) }}
                <span class="help-inline">{{ form_errors(form.txtDescricaoAlerta) }}</span>
            </div>
        </div>
        <div class="control-group">
            {{ form_label(form.txtObservacao) }}
            <div class="controls">
                {{ form_widget(form.txtObservacao,{ 'attr': {'class': 'cemporcento input-xlarge', 'style':'height:127px'} }) }}
                <span class="help-inline">{{ form_errors(form.txtObservacao) }}</span>
            </div>
        </div>
        <fieldset style="margin-top: 50px;"><legend style="margin-bottom: 15px;">Taxa de conversão de unidade</legend>
            <div id="unidades-fields-list" data-prototype="{% filter escape %}{% include 'propesqBundle:EspecieCategoriaPescadoConversaoUnidade:new.html.twig' with {'formUnidade': form.unidadesConversao.get('prototype')} %}{% endfilter %}">
                {% for unidadeField in form.unidadesConversao %}
                    {% include 'propesqBundle:EspecieCategoriaPescadoConversaoUnidade:new.html.twig' with {'formUnidade': unidadeField, 'id' : loop.index0} %}
                {% endfor %}

            </div>
        </fieldset>

        <a href="#" id="add-another-unidades">Nova Taxa de Conversão de Unidade</a>
    </fieldset>

    <div style="width: 90%; float: left; margin-left: 30px">
        {% if entity.codRespInclusao is not null %}
            <div style="width: 90%; float: left; margin-left: 30px">
                <label style="float: right;font-weight: bold;margin-top: 10px;">Responsável pela
                    inclusão: {{ entity.codRespInclusao.codPessoa.txtNome }}
                    em {{ entity.datInclusao|date('d/m/Y H:i') }}</label>
            </div>
        {% endif %}

        {% if entity.codRespEdicao is not null %}
            <div style="width: 90%; float: left; margin-left: 30px">
                <label style="float: right;font-weight: bold;margin-top: 10px;">Responsável pela última
                    edição: {{ entity.codRespEdicao.codPessoa.txtNome }}
                    em {{ entity.datEdicao|date('d/m/Y H:i') }}</label>
            </div>
        {% endif %}
    </div>

    <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('especiecategoriapescado') }}" title="{{'acao.cancelar'|trans}}">{{'acao.cancelar'|trans}}</a>
    </div>
</form>
</div>
<script>
    
    function setDefault(i){
        
        if(i==0){
            if(!$('[data-id="0"]').find('input[required]').val()){
                $('[data-id="0"]').find('input[required]').val('1,0000');
            }
            var choices = eval('entidade_especiecategoriapescado_unidadesConversao_0_codUnidade.getChildrenList()');
            for(var i in choices){
                if(choices[i].txtNome == "Quilograma"){
                    eval('entidade_especiecategoriapescado_unidadesConversao_0_codUnidade.setSelectedByValue('+choices[i].id+')')
                    eval('entidade_especiecategoriapescado_unidadesConversao_0_codUnidade.setDisabled(true)');
                }
            }
        }
       
    }
    
    var unidadesConversao = new Prototype.Class({
                'count'       : {{ form.unidadesConversao|length }},
                'isEdit'      : '{{ entity.id }}',
                'list'        : '#unidades-fields-list',
                'addButton'   : '#add-another-unidades',
                'removeButton': '#remover-unidades',
                'container'   : '.unidades-container',
                'addOne'      : true,
                'isAlwaysVisible': true,
                'onCreate' : setDefault
             });

    $(document).ready(function(){
        //$('form#formulario-especiecategoriapescado').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");
        });
        var descricaoAlerta;
        
        $("#{{ form.indGeraAlertaDigitacao.vars.id }}").click(function(){
            if($(this).attr('checked')){
                $("#descricao-alerta-container").append(descricaoAlerta).stop(true, true).slideDown(function(){
                    $("#{{ form.txtDescricaoAlerta.vars.id }}").focus();
                });
            }else{
                descricaoAlerta = $("#descricao-alerta-container").stop(true, true).slideUp().children().detach();
            }
        });
        
        if($("#{{ form.indGeraAlertaDigitacao.vars.id }}").attr('checked')) {$("#descricao-alerta-container").show();}
        
        {% if isEdit %}
            //setDefault(0);
        {% endif %}
    });

</script>
{% endblock %}