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

{{ form_errors(form) }}

       
<form id="formulario-agentemonitor" class="{% if  not includeLayout %}ajax {%endif%} form-horizontal" action="{%if entity.id is defined and entity.id is not null %} {{ path('agentemonitor_update', { 'id': entity.id }) }} {%else%} {{ path('agentemonitor_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="control-group">
            {{ form_label(form.indTipo) }}
            <div class="controls">
                {{ form_widget(form.indTipo,{ 'attr': {'class': 'input-xlarge focus'} }) }}
              <span class="help-inline">{{ form_errors(form.indTipo) }}</span>
            </div>
        </div>
        <div class="row-fluid">      
            <div class="control-group span4">
                {{ form_label(form.datIngresso) }}
                <div class="controls">
                    {{ form_widget(form.datIngresso,{ 'attr': {'class': 'input-xlarge'} }) }}
                  <span class="help-inline">{{ form_errors(form.datIngresso) }}</span>
                </div>
            </div>
        </div>
        <div class="row-fluid">            
            <div class="control-group span4">
                {{ form_label(form.datDesligamento) }}
                <div class="controls">
                    {{ form_widget(form.datDesligamento,{ 'attr': {'class': 'input-xlarge'} }) }}
                  <span class="help-inline">{{ form_errors(form.datDesligamento) }}</span>
                </div>
            </div>
        </div>    
        
        <div class="row-fluid">     
            <div class="control-group span4">
                {{ form_label(form.codPessoa) }}
                <div class="controls">
                    {{ form_widget(form.codPessoa,{ 'attr': {'class': 'input-xlarge'} }) }}
                </div>
            </div>
        </div>
            
      
         </fieldset>   
        <fieldset id="1" style="float: left; margin: 10px; padding-top: -10px; display:none"> <legend>Local de descarga de atuação do agente</legend>
         <div class="row-fluid show-grid">    
            <div class="span6">
                <div class="control-group">
                    {{ form_label(form.locaisDescarga) }}
                    <div class="controls">
        <div id="locaisDescarga-fields-list" style="display: block;" data-prototype="{% filter escape %}{% include 'propesqBundle:AgenteMonitorPontoDescarga:new.html.twig' with {'formLocalDescarga': form.locaisDescarga.get('prototype') } %}{% endfilter %}">
            {% for localDescargaField in form.locaisDescarga %}
                {% include 'propesqBundle:AgenteMonitorPontoDescarga:new.html.twig' with {'formLocalDescarga': localDescargaField, 'id' : loop.index0} %}
            {% endfor %}
        </div>
        <a href="#" id="add-another-locaisDescarga">Novo Local de Descarga</a>
                    </div>
                </div>
            </div>
        </div>
        </fieldset>
        <fieldset id="2" style="float: left; margin: 10px; padding-top: -10px; display:none"> <legend><span class="changeNamePlural"></span> supervisionados</legend>
         <div class="row-fluid show-grid">    
            <div class="span6">
                <div class="control-group">
                    {{ form_label(form.agentes, null, { 'attr': {'class': 'changeName'} }) }}
                    <div class="controls">
        <div id="agentes-fields-list" style="display: block;" data-prototype="{% filter escape %}{% include 'propesqBundle:AgenteMonitorSupervisao:agente.html.twig' with {'formAgentes': form.agentes.get('prototype') } %}{% endfilter %}">
            {% for agenteField in form.agentes %}
                {% include 'propesqBundle:AgenteMonitorSupervisao:agente.html.twig' with {'formAgentes': agenteField, 'id' : loop.index0} %}
            {% endfor %}
        </div>
        <a href="#" id="add-another-agentes">Novo <span class="changeName"></span></a>
                    </div>
                </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('agentemonitor') }}" title="{{'acao.cancelar'|trans}}">{{'acao.cancelar'|trans}}</a>
    </div>
</form>
</div>
<script>
    var listaAgenteMonitor = new Array(); 
    var isUpdate = false;
        
    $(document).ready(function(){
        
         var startLocalDescarga = false;
         var startAgente = false;
         var startMonitor = false;
        
         var tipos = {"AGENTE"      : "1", 
                      "MONITOR"     : "2", 
                      "COORDENADOR" : "5"};
        
        $choices = $("input[name='{{ form.indTipo.vars.full_name }}']");
        $choices.each(function(i, element){
            if($(element).attr('checked') == "checked"){
                var numTipo = $(this).val();
                var $tipo = $("#"+$(this).val());
                switch(numTipo){
                    case tipos.AGENTE:  
                        $("#"+tipos.AGENTE).show();
                        startLocalDescarga = true;
                        break;
                    case tipos.MONITOR:
                        $("#"+tipos.MONITOR).show().find('.changeName').html('Agente');
                        $('.changeNamePlural').html('Agentes');
                        startAgente = true;
                        getData(1);
                        break;
                    case tipos.COORDENADOR:
                        $("#"+tipos.MONITOR).show().find('.changeName').html('Monitor');
                        $('.changeNamePlural').html('Monitores');
                        startAgente = true;
                        getData(2);
                        break;
                }
            }
        });
        
        var localDescarga = new Prototype.Class({
        'count'       :{{ form.locaisDescarga|length }},
        'list'        : '#locaisDescarga-fields-list',
        'addButton'   : '#add-another-locaisDescarga',
        'removeButton': '#remover-locaisDescarga',
        'container'   : '.locaisDescarga-container',
        'isEdit'       : '{{entity.id}}'
                     });
        var agente = new Prototype.Class({
        'count'       :{{ form.agentes|length }},
        'list'        : '#agentes-fields-list',
        'addButton'   : '#add-another-agentes',
        'removeButton': '#remover-agentes',
        'container'   : '.agentes-container',
        'isEdit'       : '{{entity.id}}'
                     });
        
        function exibeFormulario(formulario){
            for(tipo in tipos){
                $("#"+tipos[tipo]).hide();
            }
            
            localDescarga.removeAll();
            agente.removeAll();
            
            if(formulario){
                $("#"+formulario).show();
            }
        }
        
        $choices.click(function(){
            switch($(this).val()){
                case tipos.AGENTE:
                    exibeFormulario(tipos.AGENTE);
                    break;
                case tipos.MONITOR:
                    $("#"+tipos.MONITOR).show().find('.changeName').html('Agente');
                    $('.changeNamePlural').html('Agentes');
                    exibeFormulario(tipos.MONITOR);
                    getData(1);
                    break;
                case tipos.COORDENADOR:
                    $("#"+tipos.MONITOR).show().find('.changeName').html('Monitor');
                    $('.changeNamePlural').html('Monitores');
                    exibeFormulario(tipos.MONITOR);
                    getData(2);
                    break;
                default:
                    exibeFormulario();
                    break;
            }
        });
        
        function getData(tipo) {
            listaAgenteMonitor = new Array();
             $.ajax({
                type: 'post',
                data: { tipo: tipo},
                url: '{{ path('agentemonitor_lista_agente_monitor')}}',
                dataType: 'json',
                beforeSend: function(){
                    $('#add-another-agentes').hide();
                },
                success: function(result){
                    listaAgenteMonitor = result;
                    var count =  $('.agentes-container').length;
                    
                    for (var i = 0; i < count; i++) {
                        var s = $('.agentes-container').get(i).id.match(/[\d]+$/);
                        var elemento = eval('entidade_agentemonitor_agentes_' + s + '_codAgenteMonitorSupervisionado');
                        elemento.updateList(listaAgenteMonitor);
                    }
                    
                    isUpdate = true;
                    $('#add-another-agentes').show();
                },
                error: function(){
                    $('#add-another-agentes').show();
                }
            });
        }
        //$('form#formulario-agentemonitor').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");
            //$('form#formulario-agentemonitor').data('submitted', true);
            if (eval('{{ form.datDesligamento.vars.id }}').value != undefined && eval('{{ form.datDesligamento.vars.id }}').value != "") {
                if(!testaData('{{ form.datIngresso.vars.id }}', '<', '{{ form.datDesligamento.vars.id }}')){
                    //$('form#formulario-agentemonitor').data('submitted', false);
                    $('button[type="submit"]').removeAttr("disabled", "disabled");
                    return false;
                }
                //return true;
                {#return (testaData('{{ form.datIngresso.vars.id }}', '<', '{{ form.datDesligamento.vars.id }}'))?true:false;#}
            }
        });
    });
    
</script>
{% endblock %}