{% 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" style="padding-bottom: 120px;">
    <div class="title">
        <h2>
        {%if entity.id is defined and entity.id is not null%} 
            {{'cabecalho.alterar.unidadeprodutivadisponibilidade'|trans}}
        {%else%}  
            {{'cabecalho.incluir.unidadeprodutivadisponibilidade'|trans}}
        {%endif%}
        </h2>
    </div>    

{{ form_errors(form) }}

       
<form id="formulario-renda" class="{% if  not includeLayout %}ajax {%endif%} form-horizontal" action="{%if entity.id is defined and entity.id is not null%} {{ path('unidadeprodutivadisponibilidade_update', { 'id': entity.id }) }} {%else%} {{ path('unidadeprodutivadisponibilidade_create') }} {%endif%}" method="post" {{ form_enctype(form) }}>
    <fieldset class="form-body">
        
        {{ form_widget(form._token) }}

        <div class="row">
            <div class="control-group span6">
                {{ form_label(form.codMunicipio) }}
                <div class="controls">
                    {{ form_widget(form.codMunicipio, { 'attr': { 'cydata':'codMunicipio'} }) }}
                    <span class="help-inline">{{ form_errors(form.codMunicipio) }}</span>
                </div>
            </div>
            <div class="control-group span6">
                {{ form_label(form.codLocalidade) }}
                <div class="controls">
                    {{ form_widget(form.codLocalidade, { 'attr': { 'cydata':'codLocalidade'} }) }}
                    <span class="help-inline">{{ form_errors(form.codLocalidade) }}</span>
                </div>
            </div>
        </div>
        
        <div class="row">
            <div class="control-group span6">
                {{ form_label(form.codUnidadeProdutiva) }}
                <div class="controls">
                    {{ form_widget(form.codUnidadeProdutiva, { 'attr': {'cydata':'codUnidadeProdutiva'} }) }}
                    <span class="help-inline">{{ form_errors(form.codUnidadeProdutiva) }}</span>
                </div>
            </div>
            <div class="control-group span6">
                {{ form_label(form.datReferencia) }}
                <div class="controls">
                    {{ form_widget(form.datReferencia, { 'attr': {'class': 'input-xlarge', 'cydata':'datReferencia'} }) }}
                    <span class="help-inline">{{ form_errors(form.datReferencia) }}</span>
                </div>
            </div>
        </div>
        
        {% if not includeLayout %}
            <input type='hidden' name='noLayout' value='true'>
        {% endif %}

         <div class="row">
            <div class="control-group span6">
                {{ form_label(form.aparelhosPesca) }}
                <div class="controls">
                    {% if isShow %}
                        {% if entity.aparelhosPesca|length > 0 %}
                            {% for aparelhoPesca in entity.aparelhosPesca %}
                                {%  if  isShow %}
                                    <script>
                                        $(document).ready(function(){
                                            adicionarEsforco({{ aparelhoPesca.codAparelhoPesca.id }}, {{ aparelhoPesca.id }}, '{{ aparelhoPesca.codAparelhoPesca }}');
                                        });
                                    </script>
                                {% endif %}
                                <div class="marginbottom5" >
                                    <input type="text" readonly class='cemporcento' value='{{ aparelhoPesca.codAparelhoPesca }}'>
                                </div>
                            {% endfor %}
                        {% else %}
                            <div class="marginbottom5" >
                                <input type="text" readonly class='cemporcento' value=''>
                            </div>
                        {% endif %}
                    {% endif %}
                    <div id="aparelhoPesca-fields-list" data-prototype="{% filter escape %}{% include 'propesqBundle:Registro:registro_aparelhoPesca.html.twig' with {'formAparelhoPesca': form.aparelhosPesca.get('prototype')} %}{% endfilter %}" {% if isShow %} style="display:none" {% endif %}>
                    {% for aparelhoPescaField in form.aparelhosPesca %}
                        {% include 'propesqBundle:Registro:registro_aparelhoPesca.html.twig' with {'formAparelhoPesca': aparelhoPescaField, 'id' : loop.index0} %}
                    {% endfor %}
                    </div>
                {% if not isShow %}
                    <a href="#" id="add-another-aparelhoPesca" cydata="btnAddAparelhoPesca">Novo aparelho de pesca</a>
                    <span class="help-inline">{{ form_errors(form.aparelhosPesca) }}</span>
                {% endif %}
                </div>
            </div>

            
        </div>
        
    </fieldset>

    {% if entity.codUsuario is defined %}
        <div style="width: 90%; float: left;">
            <label style="font-weight: bold;margin-top: 10px;">Responsável pela informação: {{ entity.codUsuario.codPessoa }}</label>
        </div>
    {% endif %}

    <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('unidadeprodutivadisponibilidade') }}" 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-renda').preventDoubleSubmission();

        var municipioCombo = window['{{ form.codMunicipio.vars.id }}'];
        var localidadeCombo = window['{{ form.codLocalidade.vars.id }}'];
        var unidadeProdutivaCombo = window['{{ form.codUnidadeProdutiva.vars.id }}'];

        function carregarLocalidades(codMunicipio, selectedLocalidade, selectedUnidade) {
            if (!codMunicipio) {
                localidadeCombo.setChildrenFromArray([]);
                localidadeCombo.setSelectedByValue('');
                carregarUnidadesProdutivas(null, selectedUnidade);
                return;
            }
            var urlLocalidade = '{{ path('localidade_json') }}' + (codMunicipio ? '?codMunicipio=' + codMunicipio + '&isAtivo=1' : '');
            localidadeCombo.setUrl(urlLocalidade);
            localidadeCombo.updateList(function () {
                if (selectedLocalidade) {
                    localidadeCombo.setSelectedByValue(selectedLocalidade, function () {
                        carregarUnidadesProdutivas(selectedLocalidade, selectedUnidade);
                    });
                } else {
                    carregarUnidadesProdutivas(null, selectedUnidade);
                }
            });
        }

        function carregarUnidadesProdutivas(codLocalidade, selectedUnidade) {
            if (!codLocalidade) {
                unidadeProdutivaCombo.setChildrenFromArray([]);
                unidadeProdutivaCombo.setSelectedByValue(selectedUnidade || '');
                unidadeProdutivaCombo.setUrl('');
                return;
            }
            var urlUnidade = '{{ path('unidadeprodutiva_json_unidade_produtiva') }}' + (codLocalidade ? '?codLocalidade=' + codLocalidade : '');
            unidadeProdutivaCombo.setUrl(urlUnidade);
            unidadeProdutivaCombo.updateList(function () {
                if (selectedUnidade) {
                    unidadeProdutivaCombo.setSelectedByValue(selectedUnidade);
                }
            });
        }

        municipioCombo.setOnChangeFunction(function () {
            carregarLocalidades(municipioCombo.getValue(), null, null);
        });

        localidadeCombo.setOnChangeFunction(function () {
            carregarUnidadesProdutivas(localidadeCombo.getValue(), null);
        });

        var municipioSelecionado = municipioCombo.getValue() || '{{ entity.codUnidadeProdutiva and entity.codUnidadeProdutiva.codLocalidade ? entity.codUnidadeProdutiva.codLocalidade.codMunicipio.id : "" }}';
        var localidadeSelecionada = localidadeCombo.getValue() || '{{ entity.codUnidadeProdutiva and entity.codUnidadeProdutiva.codLocalidade ? entity.codUnidadeProdutiva.codLocalidade.id : "" }}';
        var unidadeSelecionada = unidadeProdutivaCombo.getValue() || '{{ entity.codUnidadeProdutiva ? entity.codUnidadeProdutiva.id : "" }}';

        if (municipioSelecionado) {
            carregarLocalidades(municipioSelecionado, localidadeSelecionada, unidadeSelecionada);
        } else {
            carregarUnidadesProdutivas(null, unidadeSelecionada);
        }

        var aparelhosPesca = new Prototype.Class({
                            'count'       :{{ form.aparelhosPesca|length }},
                            'list'        : '#aparelhoPesca-fields-list',
                            'addButton'   : '#add-another-aparelhoPesca',
                            'removeButton': '#remover-aparelhoPesca',
                            'container'   : '.aparelhoPesca-container',
        {% if FF_habilitar_aparelho_pesca_tipo_pesca == 'habilitar' %}'onCreate'    : forceUpdateAparelhoPescaList, {% endif %}
                            'isEdit'       : '{{entity.id}}'
                         });
    });
</script>
{% endblock %}