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

        
{{ form_errors(form) }}

       
<form id="formulario-solicitacao" class="{% if  not includeLayout %}ajax {%endif%} form-horizontal" action="{%if entity.id is defined and entity.id is not null%} {{ path('solicitacao_update', { 'id': entity.id }) }} {%else%} {{ path('solicitacao_create') }} {%endif%}" method="post" {{ form_enctype(form) }}>
    <fieldset style="float: left; margin: 10px; width: 95%">
        <legend>Dados da Solicitação</legend>
        
        {{ form_widget(form._token) }}
        
        {% if not includeLayout %}
            <input type='hidden' name='noLayout' value='true'>
        {% endif %}
                        
        <div class="control-group">
            {{ form_label(form.txtNomeSolicitante) }}
            <div class="controls">
                {{ form_widget(form.txtNomeSolicitante,{ 'attr': {'class': 'input-xlarge focus'} }) }}
              <span class="help-inline">{{ form_errors(form.txtNomeSolicitante) }}</span>
            </div>
        </div>
                        
        <div class="control-group">
            {{ form_label(form.datSolicitacao) }}
            <div class="controls">
                {{ form_widget(form.datSolicitacao,{ 'attr': {'class': 'input-date'} }) }}
              <span class="help-inline">{{ form_errors(form.datSolicitacao) }}</span>
            </div>
        </div>
                        
        <div class="control-group">
            {{ form_label(form.txtEmailSolicitante) }}
            <div class="controls">
                {{ form_widget(form.txtEmailSolicitante,{ 'attr': {'class': 'input-xlarge'} }) }}
              <span class="help-inline">{{ form_errors(form.txtEmailSolicitante) }}</span>
            </div>
        </div>
                        
        <div class="control-group">
            {{ form_label(form.txtTelefoneSolicitante) }}
            <div class="controls">
                {{ form_widget(form.txtTelefoneSolicitante,{ 'attr': {'class': 'input-xlarge'} }) }}
              <span class="help-inline">{{ form_errors(form.txtTelefoneSolicitante) }}</span>
            </div>
        </div>
                        
        <div class="control-group">
            {{ form_label(form.txtDescricao) }}
            <div class="controls">
                {{ form_widget(form.txtDescricao,{ 'attr': {'class': 'span10'} }) }}
              <span class="help-inline">{{ form_errors(form.txtDescricao) }}</span>
            </div>
        </div>
                        
        <div class="control-group">
            {{ form_label(form.blbDocumentoSolicitacao) }}
            <div class="controls">
                {{ form_widget(form.blbDocumentoSolicitacao,{ 'attr': {'class': 'input-xlarge'} }) }}

            </div>
            <div class="help-inline help-documentoSolicitacao">{{ form_errors(form.blbDocumentoSolicitacao) }}</div>
        </div>
            
        <fieldset style="width: 95%">  
            <legend>Dados da Resposta</legend>
            <div class="control-group">
                {{ form_label(form.txtResponsavelResposta1) }}
                <div class="controls">
                    {{ form_widget(form.txtResponsavelResposta1,{ 'attr': {'class': 'input-xlarge'} }) }}
                <span class="help-inline">{{ form_errors(form.txtResponsavelResposta1) }}</span>
                </div>
            </div>

            <div class="control-group">
                {{ form_label(form.txtResponsavelResposta2) }}
                <div class="controls">
                    {{ form_widget(form.txtResponsavelResposta2,{ 'attr': {'class': 'input-xlarge'} }) }}
                <span class="help-inline">{{ form_errors(form.txtResponsavelResposta2) }}</span>
                </div>
            </div>

            <div class="control-group">
                {{ form_label(form.datResposta) }}
                <div class="controls">
                    {{ form_widget(form.datResposta,{ 'attr': {'class': 'input-date'} }) }}
                <span class="help-inline">{{ form_errors(form.datResposta) }}</span>
                </div>
            </div>

            <div class="control-group">
                {{ form_label(form.blbDocumentoResposta) }}
                <div class="controls">
                    {{ form_widget(form.blbDocumentoResposta,{ 'attr': {'class': 'input-xlarge'} }) }}
                </div>
                <div class="help-inline help-documentoResposta">{{ form_errors(form.blbDocumentoResposta) }}</div>
            </div>
            </fieldset>
        </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('solicitacao') }}" title="{{'acao.cancelar'|trans}}">{{'acao.cancelar'|trans}}</a>
    </div>
</form>
</div>
<script>


    $(document).ready(function(){
        $('form#formulario-solicitacao').preventDoubleSubmission();
        $('form').submit(function(){
            $('form#formulario-solicitacao').data('submitted', true);
            var upload_max_size = {{ upload_max_filesize }};
            var $documentoSolicitacao = $('#{{ form.blbDocumentoSolicitacao.vars.id }}');
            var $documentoResposta = $('#{{ form.blbDocumentoResposta.vars.id }}');
            var valido = true;

            if(!validarFileSize($documentoResposta, upload_max_size)){
                valido = false;
            }

            if(!validarFileSize($documentoSolicitacao, upload_max_size)){
                valido = false;
            }

            if(!valido){
                $('form#formulario-solicitacao').data('submitted', false);
            }

            return valido;

        });
    });

    function validarFileSize(campo, maximo) {

        if (campo[0].files && campo[0].files[0]) {


            var size = campo[0].files[0].size;

            if (size > maximo) {
                campo.setError("Tamanho do arquivo maior que o permitido.");
                return false;
            }else{
                campo.setError(false);
            }
        }
        return true;
    }
</script>
{% endblock %}