{% 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" />
    <script src="{{ asset('bundles/propesq/js')}}/ckeditor/ckeditor.js"></script>
{% endblock %}

{% block content %}
<div id="form-container">
    <div class="title">
        <h2>
   {%if entity.id is defined and entity.id is not null%} 
                {{'cabecalho.alterar.interfacepublica'|trans}}
        {%else%}  
                {{'cabecalho.incluir.interfacepublica'|trans}}
        {%endif%}
        </h2>
    </div>    

{{ form_errors(form) }}

       
<form id="formulario-interfacepublica" class="{% if  not includeLayout %}ajax {%endif%} form-horizontal" action="{%if entity.id is defined and entity.id is not null %} {{ path('interfacepublica_update', { 'id': entity.id }) }} {%else%} {{ path('interfacepublica_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 span3">
                {{ form_label(form.datPublicacao) }}
                <div class="controls">
                    {{ form_widget(form.datPublicacao,{ 'attr': {'class': 'focus cemporcento'} }) }}
                    <span class="help-inline">{{ form_errors(form.datPublicacao) }}</span>
                </div>
            </div>
            <div class="control-group span3">
                {{ form_label(form.datDespublicacao) }}
                <div class="controls">
                    {{ form_widget(form.datDespublicacao,{ 'attr': {'class': 'cemporcento'} }) }}
                    <span class="help-inline">{{ form_errors(form.datDespublicacao) }}</span>
                </div>
            </div>
            
        </div>
        <div class="row-fluid">    
            <div class="control-group span12" style="margin-left: 22px;">
                    {{ form_widget(form.txtConteudo,{ 'attr': {'class': 'cemporcento '} }) }}
                    <span class="help-inline">{{ form_errors(form.txtConteudo) }}</span>
            </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('interfacepublica') }}" title="{{'acao.cancelar'|trans}}">{{'acao.cancelar'|trans}}</a>
    </div>
</form>
</div>
<script>
    CKEDITOR.replace( 'entidade_interfacepublica[txtConteudo]', {
            filebrowserUploadUrl: "{{ path('interfacepublica_upload_imagem') }}",
            filebrowserImageWindowWidth: '640',
            filebrowserImageWindowHeight: '480'
    });
    
        
    
    $(document).ready(function(){
        var $datInicio = $("#{{form.datPublicacao.vars.id}}");
        var $datFim = $("#{{form.datDespublicacao.vars.id}}");
        var isValidoDatPublicacao = false;
        
        {%if entity.id is defined and entity.id is not null%} 
            isValidoDatPublicacao = true;
        {%endif%}
        
        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){
                /*Em caso de alteração desta frase, aterar também na classe InterfacePublicaController*/
                $datFim.setError('A data de despublicação deve ser maior que a data de publicação.');
                return false;
            }else{
                $datFim.setError(false);
                return true
            }            
        }     
        
        function validarDataPublicacao() {
            if ($datInicio.val() != '' && $datFim.val() != '') {
                /*Em caso de alteração desta frase, aterar também na classe InterfacePublicaController*/
                var message = 'Por favor informar outras datas para publicação deste registro pois já existe(m) registro(s) cadastrado(s) com datas iguais ou datas entre o intervalo informado.';
                $.ajax({
                    type: 'post',
                    data: { datPublicacao : $datInicio.val(), datDespublicacao : $datFim.val(), id : '{{entity.id}}'},
                    url: '{{ path('interfacepublica_verificar_data_publicacao')}}',
                    dataType: 'json',
                    
                    success: function(result){
                        if (result == '0' || result == undefined) {
                            $("form").setError(false);
                            isValidoDatPublicacao = true;                            
                        } else {
                            $("form").setError(message);
                            isValidoDatPublicacao = false;
                        }
                    },
                    error: function(){
                        $("form").setError(message);
                        isValidoDatPublicacao = false;
                    }
                });
            } else {
                isValidoDatPublicacao = false;
            }
        }
        
        function validaTxtConteudo() {
            if (CKEDITOR.instances["{{form.txtConteudo.vars.id}}"].getData() != '') {
                $("form").setError(false);
                return true;
            }
            /*Em caso de alteração desta frase, aterar também na classe InterfacePublicaController*/
            $("form").setError('O conteúdo para a "Página Inicial da Interface Pública" é obrigatório.');
            return false;
        }
        
        $('form').submit(function(){
            if (validaData() && isValidoDatPublicacao &&  validaTxtConteudo()) {
                return true;                
            }
            
            return false;
        });
        
        $datFim.change(validaData);
        $datFim.change(validarDataPublicacao);
        $datInicio.change(validarDataPublicacao);
    });
    
    
</script>
{% endblock %}