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

{{ form_errors(form) }}

       
<form id="formulario-instrumentojuridico" class="{% if  not includeLayout %}ajax {%endif%} form-horizontal" action="{%if entity.id is defined and entity.id is not null %} {{ path('instrumentojuridico_update', { 'id': entity.id }) }} {%else%} {{ path('instrumentojuridico_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 span12">
                    {{ form_label(form.txtOrgao) }}
                    <div class="controls">
                        {{ form_widget(form.txtOrgao,{ 'attr': {'class': 'focus cemporcento'} }) }}
                        <span class="help-inline">{{ form_errors(form.txtOrgao) }}</span>
                    </div>
                </div>                
            </div>
        
            
            <div class="row-fluid">
                <div class="control-group span3">
                    {{ form_label(form.datInicio) }}
                    <div class="controls">
                        {{ form_widget(form.datInicio,{ 'attr': {'class': 'cemporcento'} }) }}
                        <span class="help-inline">{{ form_errors(form.datInicio) }}</span>
                    </div>
                </div>
                <div class="control-group span3">
                    {{ form_label(form.datTermino) }}
                    <div class="controls">
                        {{ form_widget(form.datTermino,{ 'attr': {'class': 'cemporcento'} }) }}
                        <span class="help-inline">{{ form_errors(form.datTermino) }}</span>
                    </div>
                </div>
            
                <div class="control-group span3">
                    {{ form_label(form.datPublicacao) }}
                    <div class="controls">
                        {{ form_widget(form.datPublicacao,{ 'attr': {'class': 'cemporcento'} }) }}
                        <span class="help-inline">{{ form_errors(form.datPublicacao) }}</span>
                    </div>
                </div>            
            </div>        
            
            <div class="row-fluid">
                <div class="control-group span12">
                    {{ form_label(form.blbDocumento) }}
                    <div class="controls">
                        {{ form_widget(form.blbDocumento,{ 'attr': {'class': 'cemporcento'} }) }}
                        <span class="help-inline">{{ form_errors(form.blbDocumento) }}</span>
                    </div>
                </div>
            </div>        
            
            {%if entity.txtNomeDisco is not null%}
            <div class="row-fluid">
                <div class="control-group span12">                    
                    <div class="controls">
                        <label>Arquivo armazenado para instrumento jurídico: {{entity.txtNomeDisco}}</label>
                    </div>
                </div>
            </div>
            {%endif%}
            
            <div class="row-fluid">
                <div class="control-group span12">
                    {{ form_label(form.txtDescricao) }}
                    <div class="controls">
                        {{ form_widget(form.txtDescricao,{ 'attr': {'class': 'cemporcento', 'rows': '11'} }) }}
                        <span class="help-inline">{{ form_errors(form.txtDescricao) }}</span>
                    </div>
                </div>
            </div>
            
            <fieldset style="float: left; margin: 10px;">
                <legend style="padding-top: 10px">{{ 'entidade.instrumentojuridico.especiesAfetadas'|trans }}</legend>
                <div class="control-group">
                        {{ form_label(form.especies) }}
                    <div class="controls">
                        <div id="especie-fields-list" data-prototype="{% filter escape %}{% include 'propesqBundle:InstrumentoJuridico:instrumentoJuridico_especie.html.twig' with {'formEspecie': form.especies.get('prototype')} %}{% endfilter %}">
                        {% for especieField in form.especies %}
                            {% include 'propesqBundle:InstrumentoJuridico:instrumentoJuridico_especie.html.twig' with {'formEspecie': especieField, 'id' : loop.index0} %}
                        {% endfor %}
                        </div>

                        <a href="#" id="add-another-especie">Nova Espécie</a>
                        <span class="help-inline">{{ form_errors(form.especies) }}</span>
                    </div>
                </div>
            </fieldset>

            
            <fieldset style="float: left; margin: 10px;">    
                <legend style="padding-top: 10px">{{ 'entidade.instrumentojuridico.aparelhosPescaAfetados'|trans }}</legend>
                <div class="control-group">
                    {{ form_label(form.aparelhosPesca) }}
                    <div class="controls">
                        <div id="aparelhoPesca-fields-list" data-prototype="{% filter escape %}{% include 'propesqBundle:InstrumentoJuridico:instrumentoJuridico_aparelhoPesca.html.twig' with {'formAparelhoPesca': form.aparelhosPesca.get('prototype')} %}{% endfilter %}">
                        {% for aparelhoPescaField in form.aparelhosPesca %}
                            {% include 'propesqBundle:InstrumentoJuridico:instrumentoJuridico_aparelhoPesca.html.twig' with {'formAparelhoPesca': aparelhoPescaField, 'id' : loop.index0} %}
                        {% endfor %}
                        </div>

                        <a href="#" id="add-another-aparelhoPesca">Novo Aparelho de Pesca</a>
                        <span class="help-inline">{{ form_errors(form.aparelhosPesca) }}</span>
                    </div>
                </div>
            </fieldset>
            
            <div class="row-fluid">            
                <div class="control-group span12">
                    {{ form_label(form.txtNomeArea) }}
                    <div class="controls">
                        {{ form_widget(form.txtNomeArea,{ 'attr': {'class': 'cemporcento'} }) }}
                        <span class="help-inline">{{ form_errors(form.txtNomeArea) }}</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('instrumentojuridico') }}" title="{{'acao.cancelar'|trans}}">{{'acao.cancelar'|trans}}</a>
    </div>
</form>
</div>
<script>
    var aparelhosPesca = new Prototype.Class({
                        'count'       :{{ form.aparelhosPesca|length }},
                        'list'        : '#aparelhoPesca-fields-list',
                        'addButton'   : '#add-another-aparelhoPesca',
                        'removeButton': '#remover-aparelhoPesca',
                        'container'   : '.aparelhoPesca-container',
                        'isEdit'       : '{{entity.id}}',
                        'onDelete'    : removerAparelho
                     });
                     
    var especies = new Prototype.Class({
                        'count'       :{{ form.especies|length }},
                        'list'        : '#especie-fields-list',
                        'addButton'   : '#add-another-especie',
                        'removeButton': '#remover-especie',
                        'container'   : '.especie-container',
                        'isEdit'      : '{{entity.id}}',
                        'isAlwaysVisible': true,
                        'addOne': true,
                        'onDelete'     : removerEspecieAfetada
                     });
                     
    var arrayAparelhosPesca = new Array(); 

    var arrayEspeciesAfetadas = new Array();


    function removerAparelho (el, idRemovida) {
        index = arrayAparelhosPesca.indexOf(idRemovida);
        if (index > -1) {
            arrayAparelhosPesca.splice(index, 1);
        }       
    }

    function removerEspecieAfetada(el, idRemovida) {
        index = arrayEspeciesAfetadas.indexOf(idRemovida);
        if (index > -1) {
            arrayEspeciesAfetadas.splice(index, 1);
        }
    }



    $(document).ready(function(){

        var $datInicio = $("#{{form.datInicio.vars.id}}");
        var $datFim = $("#{{form.datTermino.vars.id}}");

        function validaData(){
            
            var datInicio = $datInicio.val().split('/');
            datInicio = parseInt(datInicio[2] + datInicio[1] + datInicio[0], 10);
            
            var datFim = $datFim.val().split('/');
            datFim = parseInt(datFim[2] + datFim[1] + datFim[0], 10);
                        
            if( datInicio > datFim || datInicio == datFim){
                $datFim.setError('A data final deve ser maior que a data inicial.');
                $datFim.scrollTo();
                return false;
            }else{
                $datFim.setError(false);
                return true
            }
            
        }


        $(document).on('DOMNodeInserted', function(e) {
            if( e.target.className == 'alert alert-error') {
                setTimeout(function() {
                    $('button[type="submit"]').removeAttr("disabled");
                }, 100);

            }
        });

        //$('form#formulario-instrumentojuridico').preventDoubleSubmission();
        $('form').submit(function(){
            $('button[type="submit"]').attr("disabled", "disabled");
            //$('form#formulario-instrumentojuridico').data('submitted', true);
            if(!validaData()){
                $('button[type="submit"]').removeAttr("disabled");
                //$('form#formulario-instrumentojuridico').data('submitted', false);
                //return false;
            }
//            return (validaData())?true:false;
        });
        $datFim.change(validaData);
    });        


</script>
{% endblock %}