{% extends "propesqBundle:UnidadeProdutiva:new.html.twig" %}

{% block filho %}

<fieldset style="float: left; margin: 10px;"><legend>Dados Gerais</legend>
        <div class="row-fluid">
           <div class="control-group span6">
                {{ form_label(form.txtNomeExibicao) }}
               {% if isShow %}
                   <div class="controls">
                       <span class="form-control input-xlarge cemporcento focus" readonly="true">{{ entity.txtNomeExibicao }}</span>
                   </div>
               {% else %}
                   <div class="controls">
                        {{ form_widget(form.txtNomeExibicao,{ 'attr': {'class': 'input-xlarge cemporcento focus'} }) }}
                        <span class="help-inline">{{ form_errors(form.txtNomeExibicao) }}</span>
                    </div>
               {% endif %}
            </div>
            <div class="control-group span4">
                {{ form_label(form.txtNumeroRegistroGeralPesca) }}
                {% if isShow %}
                    <span class="form-control input-xlarge cemporcento focus" readonly="true">{{ entity.txtNumeroRegistroGeralPesca }}</span>
                {% else %}

                    <div class="controls">
                        {{ form_widget(form.txtNumeroRegistroGeralPesca,{ 'attr': {'class': 'input-xlarge'} }) }}
                        <span class="help-inline">{{ form_errors(form.txtNumeroRegistroGeralPesca) }}</span>
                    </div>
                {% endif %}
            </div>
        </div>

        <div class="row-fluid">
            <div class="control-group span3">
                {{  form_label(form.codMunicipio) }}
                {% if isShow %}
                    <div class="controls">
                        <span class="form-control input-xlarge cemporcento focus" readonly="true">{{ entity.codMunicipio }}</span>
                    </div>
                {% else %}
                    <div class="controls">
                        {{ form_widget(form.codMunicipio,{ 'attr': {'class': 'cemporcento'} }) }}
                        <span class="help-inline">{{ form_errors(form.codMunicipio) }}</span>
                    </div>
                {% endif %}
            </div>
            <div class="control-group span4">
                {{ form_label(form.codLocalidade) }}
                {% if isShow %}
                    <div class="controls">
                        <span class="form-control input-xlarge cemporcento focus" readonly="true">{{ entity.codLocalidade}}</span>
                    </div>
                {% else %}
                    <div class="controls">
                        {{ form_widget(form.codLocalidade,{ 'attr': {'class': 'cemporcento'} }) }}
                        <span class="help-inline">{{ form_errors(form.codLocalidade) }}</span>
                    </div>
                {% endif %}
            </div>
            <div class="control-group span3">
                {{ form_label(form.datInformacaoLocalidade) }}
                {% if isShow %}
                    <div class="controls">
                        <span class="form-control input-xlarge cemporcento focus" readonly="true">{{ entity.datInformacaoLocalidade|formatDate }}</span>
                    </div>
                {% else %}
                    <div class="controls">
                        {{ form_widget(form.datInformacaoLocalidade,{ 'attr': {'class': 'cemporcento'} }) }}
                        <span class="help-inline">{{ form_errors(form.datInformacaoLocalidade) }}</span>
                    </div>
                {% endif %}
            </div>
        </div>

        <div class="row-fluid">
            <div class="control-group span12">
                {{ form_label(form.vinculos) }}
                {% if isShow %}
                    {% if entity.vinculos |length > 0  %}
                    {% for vinculo in entity.vinculos %}
                    <div class="vinculo-container">
                        <div class="row-fluid">
                            <div class="control-group span3">
                                <label  class="control-label">
                                    Tipo do vínculo
                                </label>
                                <span class="form-control input-xlarge cemporcento focus" readonly="true">{{ vinculo.indVinculo.txtNome   }}</span>
                            </div>
                            <div class="control-group span3">
                                <label  class="control-label">
                                    Pessoa física
                                </label>
                                <span class="form-control input-xlarge cemporcento focus" readonly="true">{{ vinculo.codPessoa.txtNome }}</span>
                            </div>
                            <div class="control-group span2">
                                <label class="control-label">
                                    Data de início
                                </label>
                                <span class="form-control input-xlarge cemporcento focus" readonly="true">{{ vinculo.datInicio|formatDate   }}</span>
                            </div>
                            <div class="control-group span2">
                                <label  class="control-label">
                                    Data de fim
                                </label>
                                <span class="form-control input-xlarge cemporcento focus" readonly="true">{{ vinculo.datTermino|formatDate   }}</span>
                            </div>
                        </div>
                    </div>
                {% endfor %}
                        {% else %}
                            {{ 'cabecalho.detalhar.nenhuma_informacao' | trans }}
                        {% endif %}
                {% else %}
                <div class="controls">
                    <div id="vinculo-fields-list" data-prototype="{% filter escape %}{% include 'propesqBundle:UnidadeProdutiva:embarcacao_vinculo.html.twig' with {'formVinculo': form.vinculos.get('prototype')} %}{% endfilter %}">
                        {% for vinculoField in form.vinculos %}
                            {% include 'propesqBundle:UnidadeProdutiva:embarcacao_vinculo.html.twig' with {'formVinculo': vinculoField, 'id' : loop.index0} %}
                        {% endfor %}
                    </div>
                    <a href="#" id="add-another-vinculo">Novo vínculo</a>
                </div>
                {% endif %}
            </div>
        </div>

    {# Motivos de Inatividade Período #}
    {% include 'propesqBundle:UnidadeProdutiva:unidade_produtiva_inatividade.html.twig' with {'form': form, 'entity': entity, 'FF_habilitar_periodo_inatividade_unidade_produtiva': FF_habilitar_periodo_inatividade_unidade_produtiva} %}
    {# Fim motivos de Inatividade Período#}



    <div class="row-fluid">
        <div class="control-group span12">
            {{ form_label(form.indTipoGeometria) }}
            {% if isShow %}
                {% for index, indTipoGeometria in indTipoGeometriaList %}
                    {%  set selected = false %}
                    {% if index == entity.indTipoGeometria   %}
                        {%  set selected = true %}
                    {% endif %}
                    <label class="checkbox"><input  {{ (selected)?'checked="checked"':'' }} type="checkbox" disabled="disabled"  class=" wf2_notBlank wf2_defaultValue">{{ indTipoGeometria }}
                    </label>
                {% endfor %}
            {% else %}
                <div class="controls">
                    {{ form_widget(form.indTipoGeometria,{ 'attr': {'class': 'cemporcento  tipoGeometria'} }) }}
                    <span class="help-inline">{{ form_errors(form.indTipoGeometria) }}</span>
                </div>
            {% endif %}
        </div>
    </div>

    <div class="row-fluid">
        <div class="control-group span6">
            {{ form_label(form.txtObservacao) }}
            {% if isShow %}
                <div class="controls">
                    <textarea readonly class='cemporcento'>{{ entity.txtObservacao }}</textarea>
                </div>
            {% else %}
                <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>
            {% endif %}
        </div>
    </div>

        <div class="row-fluid">
            <div class="control-group span12">

                {% if isShow %}
                <div class="controls">

                    <div id="geometria-fields-list" {% if  entity.indTipoGeometria == 2 %} style="display: none;"  {% endif %} >
                       {{ form_label(form.geometria) }}
                       {% if form.geometria|length > 0  %}
                            {% for pontoField in form.geometria %}
                               <div class="geometria-container" id="geometria-container-{{id}}">
                                   <div class="row-fluid">
                                       <div class="span8 geoponto">
                                           {{ form_widget(pontoField.geoPontoFormato,{ 'isShow': isShow, 'attr': {'class': 'input-xlarge', 'disabled': 'disabled'} }) }}
                                           {{ form_widget(pontoField.geoPonto,{'isShow': isShow, 'value': pontoField.vars.value,'attr': {'class': 'disabledTeste insertaction hasfocus' } }) }}
                                       </div>
                                   </div>
                               </div>
                           {% endfor %}
                           {% else %}
                               {{ 'cabecalho.detalhar.nenhuma_informacao' | trans }}
                        {% endif %}
                    </div>
                    <div id="pontoContainer" class="controls geometria-teste"  {% if  entity.indTipoGeometria == 1 %}  style="display: none;"  {% endif %} >
                        {{ form_label(form.geometriaPonto) }}
                        {% if  form.geometriaPonto.vars.value['lat'] != null %}
                        <div id="geometria-fields-list" >
                            {{ form_widget(form.geometriaPontoFormato,{ 'isShow': isShow, 'attr': {'class': 'input-xlarge', 'disabled': 'disabled'} }) }}
                            {{ form_widget(form.geometriaPonto,{'isShow': isShow, 'value': form.geometriaPonto.vars.value,'attr': {'class': 'disabledTeste insertaction hasfocus' } }) }}
                        </div>
                        {% else %}
                            {{ 'cabecalho.detalhar.nenhuma_informacao' | trans }}
                        {% endif %}
                    </div>

                </div>
                {% else %}
                    <div id="verticeAreaContainer" class="controls geometria-teste "  >
                        {{ form_label(form.geometria) }}
                        <div id="geometria-fields-list" data-prototype="{% filter escape %}{% include 'propesqBundle:UnidadeProdutiva:cercoflutuante_ponto.html.twig' with {'formAreaPonto': form.geometria.get('prototype')} %}{% endfilter %}">
                            {% for pontoField in form.geometria %}
                                {% include 'propesqBundle:UnidadeProdutiva:cercoflutuante_verticie_area.html.twig' with {'formAreaPonto': pontoField, 'id' : loop.index0} %}
                            {% endfor %}
                        </div>
                        <a href="#" id="add-another-geometria">Novo ponto</a>
                        <span class="help-inline" style="float: initial"></span>
                    </div>
                    <div id="pontoContainer" class="controls geometria-teste"  >
                        {{ form_label(form.geometriaPonto) }}
                        <div id="geometria-fields-list" >
                            {{ form_widget(form.geometriaPontoFormato,{ 'attr': {'class': 'input-xlarge'} }) }}
                            {{ form_widget(form.geometriaPonto,{'isShow': isShow, 'value': form.geometriaPonto.vars.value,'attr': {'class': 'disabledTeste insertaction hasfocus' } }) }}
                        </div>
                        <span class="help-inline" style="float: initial"></span>
                    </div>
                {% endif %}
            </div>
        </div>
    </fieldset>
<script>
    var vinculos = new Prototype.Class({
                        'count'       : {{ form.vinculos|length }},
                        'list'        : '#vinculo-fields-list',
                        'addButton'   : '#add-another-vinculo',
                        'removeButton': '#remover-vinculo',
                        'container'   : '.vinculo-container',
                        'isEdit'       : '{{entity.id}}'
                     });   
                     
    var pontos = new Prototype.Class({
                        'count'       : {{ form.geometria|length }},
                        'list'        : '#geometria-fields-list',
                        'addButton'   : '#add-another-geometria',
                        'removeButton': '#remover-geometria',
                        'container'   : '.geometria-container',
                        'isEdit'       : '{{entity.id}}'
                     });




   $(document).ready(function () {
        $("#{{ form.indTipoGeometria.vars.id }}").change(function(){
            switch($(this).find('input:checked').val()){
                case '1':
                    $("#verticeAreaContainer").show();
                    $("#pontoContainer").hide();
                    break;
                case '2':
                    $("#verticeAreaContainer").hide();
                    $("#pontoContainer").show();
                    break;
                default:
                    $("#verticeAreaContainer").hide();
                    $("#pontoContainer").hide();
                    break;
            }
        });
        $("#{{ form.indTipoGeometria.vars.id }}").change();

        {%  if not isShow %}
            {{form.codMunicipio.get('id')}}.setOnChangeFunction(updateLocalidadeList);
            {% if isEdit or isOutro %}
                {{form.codLocalidade.get('id')}}.setNoFocusOnFirst(true);
                updateLocalidadeList({{form.codMunicipio.get('id')}},true);
            {% else %}
                updateLocalidadeList({{form.codMunicipio.get('id')}},true);
            {% endif%}
        {% endif %}
    });

    function updateLocalidadeList(combo, first){
        var obj = combo.getSelectedObject();
        {{form.codLocalidade.get('id')}}.setSelectedByValue('');
        if(obj != undefined){
            var url = '{{path('localidade_json')}}?codMunicipio='+obj.id;
            {% if not isEdit %}
            url+= '&isAtivo=1'
            {% endif %}
            {{form.codLocalidade.get('id')}}.setUrl(url);
            {{form.codLocalidade.get('id')}}.setLoading(true);
            {{form.codLocalidade.get('id')}}.updateList('{{form.codLocalidade.get('value')}}', function(){
                {{form.codLocalidade.get('id')}}.setLoading(false,false, true);
            });
            {{form.codLocalidade.get('id')}}.setCaption('{{'combobox.localidade'|trans}}');
            //Quando municipio selecionado campo localidade te torna obrigatório
            tornarLocalidadeObrigatoria();
        }else{
            tornarLocalidadeOpcional();
            {{form.codLocalidade.get('id')}}.updateList([]);
            {{form.codLocalidade.get('id')}}.setCaption('{{'combobox.municipio'|trans}}');
        }
    }

    function tornarLocalidadeObrigatoria(){
        {{form.codLocalidade.get('id')}}.setRequired(true);
        $('#{{form.codLocalidade.get('id')}}').parents('form#formulario-unidadeprodutiva').find('[type="submit"]').click(function(event){
            if($('#{{form.codLocalidade.get('id')}}').html() != null){
                if(!{{form.codLocalidade.get('id')}}.getSelectedObject() && $('#{{form.codLocalidade.get('id')}}').find('.requiredCombobox').length){
                    $('#{{form.codLocalidade.get('id')}}').setError('Selecione uma opção.');
                    $('#{{form.codLocalidade.get('id')}}').find('.requiredCombobox').trigger('invalid');
                    return true;
                }else{
                    $('#{{form.codLocalidade.get('id')}}').setError(false);
                    return true;
                }
            }
        });
        //validação real na submissão do form
        $('#{{form.codLocalidade.get('id')}}').parents('form#formulario-unidadeprodutiva').submit(function(event){
            if($('#{{form.codLocalidade.get('id')}}').html() != null){
                if(!{{form.codLocalidade.get('id')}}.getSelectedObject() && $('#{{form.codLocalidade.get('id')}}').find('.requiredCombobox').length){
                    $('#{{form.codLocalidade.get('id')}}').setError('Selecione uma opção.');
                    $('#{{form.codLocalidade.get('id')}}').find('.requiredCombobox').trigger('invalid');
                    return false;
                }else{
                    $('#{{form.codLocalidade.get('id')}}').setError(false);
                    return true;
                }
            }
        });
    }
    function tornarLocalidadeOpcional(){
        $('#{{form.codLocalidade.get('id')}}').setError(false);
        {{form.codLocalidade.get('id')}}.setRequired(false);
    }

</script>
{% endblock filho %}