{% 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="overflow-x: initial">
    <div class="title">
        <h2>
   {%if entity.id is defined and entity.id is not null%} 
                {{'cabecalho.alterar.tabelapreco'|trans}}
        {%else%}  
                {{'cabecalho.incluir.tabelapreco'|trans}}
        {%endif%}
        </h2>
    </div>    

{{ form_errors(form) }}

       
<form id="formulario-tabelapreco" class="{% if  not includeLayout %}ajax {%endif%} form-horizontal" action="{%if entity.id is defined and entity.id is not null %} {{ path('tabelapreco_update', { 'id': entity.id }) }} {%else%} {{ path('tabelapreco_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="span4">
            <div class="control-group">
                {{ form_label(form.codEstado) }}
                <div class="controls">
                    {{ form_widget(form.codEstado,{ 'attr': {'class': 'cemporcento'} }) }}
                <span class="help-inline">{{ form_errors(form.codEstado) }}</span>
                </div>
            </div> 
        </div>
        <div class="span4">
            <div class="control-group">
                {{ form_label(form.codMunicipio) }}
                <div class="controls">
                    {{ form_widget(form.codMunicipio,{ 'attr': {'class': 'cemporcento'} }) }}
                <span class="help-inline">{{ form_errors(form.codMunicipio) }}</span>
                </div>
            </div>    
        </div>
        <div class="span4">
            <div class="control-group">
                {{ form_label(form.codLocalidade) }}
                <div class="controls">
                    {{ form_widget(form.codLocalidade,{ 'attr': {'class': 'cemporcento'} }) }}
                <span class="help-inline">{{ form_errors(form.codLocalidade) }}</span>
                </div>
            </div>  
        </div>
    </div>
    <div class="row-fluid">
        <div class="control-group span4">
            {{ form_label(form.codLocalDescarga) }}
            <div class="controls">
                {{ form_widget(form.codLocalDescarga,{ 'attr': {'class': 'cemporcento'} }) }}
              <span class="help-inline">{{ form_errors(form.codLocalDescarga) }}</span>
            </div>
        </div>
        <div class="control-group span4">
            {{ form_label(form.datInicio) }}
            <div class="controls">
                {{ form_widget(form.datInicio,{ 'attr': {'class': 'input-xlarge'} }) }}
            </div>
            <span class="help-inline">{{ form_errors(form.datInicio) }}</span>
        </div>
        <div class="control-group span4">
            {{ form_label(form.datFim) }}
            <div class="controls">
                {{ form_widget(form.datFim,{ 'attr': {'class': 'input-xlarge'} }) }}
            </div>
            <span class="help-inline">{{ form_errors(form.datFim) }}</span>
        </div>
    </div>
    <div class="row-fluid">
        <div class="control-group span4">
        </div>
        <div class="control-group span8">
            <div class="alert " role="alert">
                {{ "entidade.tabelapreco.intervaloDatasMensagem"|trans|raw }}
            </div>
        </div>
    </div>
    <div class="row-fluid">
        <div class="control-group span12">
            <fieldset>
                <legend>Preços do pescado</legend>
                <div id="precopescados-fields-list" data-prototype="{% filter escape %}{% include 'propesqBundle:TabelaPreco:precosPescado.html.twig' with {'formPrecoPescado': form.precosPescados.get('prototype')} %}{% endfilter %}">
                    {% for precosPescadosField in form.precosPescados %}
                        {% include 'propesqBundle:TabelaPreco:precosPescado.html.twig' with {'formPrecoPescado': precosPescadosField, 'id' : loop.index0} %}
                    {% endfor %}
                </div>


                <a href="#" id="add-another-precopescados">Novo preco de pescado</a>
            </fieldset>
        </div>
    </div>
                
    {% if not isEdit %}      
        {{ form_widget(form.numSegundosDigitacao) }}
    {% endif %}
            
</fieldset>
    <div class="div-actions">
        <button type="submit" accesskey="s" 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('tabelapreco') }}" title="{{'acao.cancelar'|trans}}">{{'acao.cancelar'|trans}}</a>
    </div>
</form>
</div>
<script>
    var arrayCategoriaPescado = [];

    {%  if isEdit %}
    {% for preco in precos -%}
        arrayCategoriaPescado.push({{ preco.codEspecieCategoriaPescado.id }});
    {%- endfor %}
    {% endif %}

    function updatePrecosPescadoList(combo, idDeleted){
        if(idDeleted){
            var pos = arrayCategoriaPescado.indexOf(parseInt(idDeleted, 10));
            arrayCategoriaPescado.splice(pos, 1);
        }else{
            var lastId = (combo.getLastSelectedObject() == null)?'':parseInt(combo.getLastSelectedObject().id);
            var newId = parseInt(combo.getSelectedObject().id);
            if(newId != lastId) {
                if (newId && $.inArray(newId, arrayCategoriaPescado) <= -1) {
                    arrayCategoriaPescado.push(newId);
                } else {
                    combo.setSelectedByValue('', false);
                    $("#" + combo.idContainer).setError("Você já adicionou um preço para esta categoria de pescado.");
                }

                if (lastId && $.inArray(lastId, arrayCategoriaPescado) > -1) {
                    var pos = arrayCategoriaPescado.indexOf(parseInt(lastId, 10));
                    arrayCategoriaPescado.splice(pos, 1);
                }
            }
        }
    }

    $(document).ready(function(){
        $('.alert-error').css('margin-top', '0px');
        var $datInicio = $("#{{form.datInicio.vars.id}}");
        var $datFim = $("#{{form.datFim.vars.id}}");

        tempoInicial = new Date().getTime();

        function validaData(){
             if(!!!$datInicio.val() ){
                $datInicio.setError('Campo obrigatório.');
                return false;
            }else{
                $datInicio.setError(false);
            }

            if(!!!$datFim.val()){
                $datFim.setError('Campo obrigatório.');
                return false;
            }else{
                $datFim.setError(false);
            }

            var datInicio = $datInicio.val().split('/');
            var datFim = $datFim.val().split('/');

            datInicio = parseInt(datInicio[2] + datInicio[1] + datInicio[0], 10);
            datFim = parseInt(datFim[2] + datFim[1] + datFim[0], 10);

            if( datInicio > datFim){
                $datFim.setError('A data final deve ser maior que a data inicial.');
                return false;
            }else{
                $datFim.setError(false);
                return true
            }

        }



        function validaCollection(){
            var idPescados = [];
            var pescadosIguais = false;

            $('.especie_categoria_pescado').find('input[type="hidden"]').each(function(key, value) {
                if($.inArray($(this).val(), idPescados) !== -1){
                    $(this).parent().parent().setError('Você já adicionou um preço para esta categoria de pescado');
                    pescadosIguais = true;
                }
                idPescados[key] = $(this).val();
            });

            if(pescadosIguais){
                return false;
            }
            return true;
        }
        //$('form#formulario-tabelapreco').preventDoubleSubmission();
        $(document).on('DOMNodeInserted', function(e) {
            if( e.target.className == 'alert alert-error') {
                setTimeout(function() {
                    $('button[type="submit"]').removeAttr("disabled");
                }, 100);

            }
        });
        $('form').on('submit', function(){
            //$('form#formulario-tabelapreco').data('submitted', true);
            $('button[type="submit"]').attr("disabled", "disabled");
            {% if not isEdit %}
                //Tempo de digitação
                var tempoDigitacao = (new Date().getTime() - tempoInicial) / 1000;
                $('#{{ form.numSegundosDigitacao.get('id') }}').val(parseInt(tempoDigitacao, 10));
            {% endif %}

            //Verifica precos
            var count =  $('.precoPescado-container').length;
            var precosValidos = true;

            for (var i = 0; i < count; i++) {
                var s = $('.precoPescado-container').get(i).id.match(/[\d]+$/);
                if(!validaPrecos('#entidade_tabelapreco_precosPescados_'+s+'_numPrecoMinimo', '#entidade_tabelapreco_precosPescados_'+s+'_numPrecoMaximo')){
                    precosValidos = false;
                }
            }
            if(!precosValidos){
                //$('form#formulario-tabelapreco').data('submitted', false);
                $('button[type="submit"]').removeAttr("disabled");
                return precosValidos;
            }

            if(!validaData() {#&& validaPreco()#} || !validaCollection()){
                //$('form#formulario-tabelapreco').data('submitted', false);
                $('button[type="submit"]').removeAttr("disabled");
                //return false;
            }

        });
        $datFim.change(validaData);

        {{form.codEstado.get('id')}}.setOnChangeFunction(updateMunicipioList);
        {{form.codMunicipio.get('id')}}.setOnChangeFunction(updateLocalidadeList);
        {{form.codLocalidade.get('id')}}.setOnChangeFunction(updateLocalDescargaList);



        {% if entity.id is not null %}

            {{form.codLocalidade.get('id')}}.setNoFocusOnFirst(true);
            {{form.codLocalDescarga.get('id')}}.setNoFocusOnFirst(true);
            updateMunicipioList({{form.codEstado.get('id')}},true);
        {% else %}
            updateMunicipioList({{form.codEstado.get('id')}},true);
            updateLocalidadeList({{form.codMunicipio.get('id')}},true);
            updateLocalDescargaList({{form.codLocalidade.get('id')}},true);
        {% endif%}

        if($('.especie_categoria_pescado').length == 0){
            $('#add-another-precopescados').click();
        }


    });


    function validaPrecos(seletorPrecoInicial, seletorPrecoFinal){
        var replace = new Array('.', ',', 'R$ ');
        var by = new Array('', '.', '');

        var $precoMin = $(seletorPrecoInicial);
        var $precoMax = $(seletorPrecoFinal);

        var precoMin = $precoMin.val();
        var precoMax = $precoMax.val();

        for (var i=0; i<replace.length; i++) {
            precoMin = precoMin.replace(replace[i], by[i]);
            precoMax = precoMax.replace(replace[i], by[i]);
        }

        precoMin = parseFloat(precoMin);
        precoMax = parseFloat(precoMax);

        if( precoMin > precoMax){
            $precoMax.setError('O preço máximo deve ser maior ou igual que o preço mínimo.');
            return false;
        }else{
            $precoMax.setError(false);
            return true
        }
    }

    var precosPescado = new Prototype.Class({
        'count'       :{{ form.precosPescados|length }},
        'list'        : '#precopescados-fields-list',
        'addButton'   : '#add-another-precopescados',
        'removeButton': '#remover-preco-pescado',
        'container'   : '.precoPescado-container',
        'onDelete'    : updatePrecosPescadoList,
        'isEdit'       : '{{ isEdit }}',
        'isAlwaysVisible'       :true,

     });
    
    function updateMunicipioList(combo, first){
        var obj = combo.getSelectedObject();
           {{form.codMunicipio.get('id')}}.setSelectedByValue('');
           if(obj != undefined){
               {{form.codMunicipio.get('id')}}.setUrl('{{path('municipio_json')}}?codEstado='+obj.id); 
               {{form.codMunicipio.get('id')}}.setLoading(true);
               {{form.codMunicipio.get('id')}}.updateList('{{form.codMunicipio.get('value')}}', function(){
                   {{form.codMunicipio.get('id')}}.setLoading(false,first, true);
               }); 
               {{form.codMunicipio.get('id')}}.setCaption('{{'combobox.municipio'|trans}}');
           }else{
               {{form.codMunicipio.get('id')}}.setCaption('{{'combobox.estado'|trans}}');
               {{form.codMunicipio.get('id')}}.updateList([]);
           }        
    }
    
    function updateLocalidadeList(combo){
        var obj = combo.getSelectedObject();
           {{form.codLocalidade.get('id')}}.setSelectedByValue('');
           if(obj != undefined){
               {{form.codLocalidade.get('id')}}.setUrl('{{path('localidade_json')}}?codMunicipio='+obj.id); 
               {{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}}');
           }else{
               {{form.codLocalidade.get('id')}}.setCaption('{{'combobox.municipio'|trans}}');
               {{form.codLocalidade.get('id')}}.updateList([]);
           }        
    }
    
    function updateLocalDescargaList(combo, first){
          var obj = combo.getSelectedObject();
             {{form.codLocalDescarga.get('id')}}.setSelectedByValue('');
             if(obj != undefined){
                 {{form.codLocalDescarga.get('id')}}.setUrl('{{path('localdescarga_json')}}?codLocalidade='+obj.id); 
                 {{form.codLocalDescarga.get('id')}}.setLoading(true);
                 {{form.codLocalDescarga.get('id')}}.updateList('{{form.codLocalDescarga.get('value')}}', function(){
                     {{form.codLocalDescarga.get('id')}}.setLoading(false,false, true);
                 }); 
                 {{form.codLocalDescarga.get('id')}}.setCaption('{{'combobox.localdescarga'|trans}}');
             }else{
                 {{form.codLocalDescarga.get('id')}}.setCaption('{{'combobox.localidade'|trans}}');
                 {{form.codLocalDescarga.get('id')}}.updateList([]);
             }        
      }
</script>
{% endblock %}