{% 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" />
	<style>

		.alert-error ul{
			list-style: none;
		}
	</style>
{% endblock %}

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

{{ form_errors(form) }}

       
<form id="formulario-blocoestatistico" class="{% if  not includeLayout %}ajax {%endif%} form-horizontal" action="{%if entity.id is defined and entity.id is not null %} {{ path('blocoestatistico_update', { 'id': entity.id }) }} {%else%} {{ path('blocoestatistico_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 %}



		<!-- Refatoracao  bloco estatístico -->
			<div class="row-fluid">
				<div class="span12">
					<div class="row-fluid">
						<div class="control-group span6">
							{{ form_label(form.indTamanhoMalha) }}
							<div class="controls">
								{{ form_widget(form.indTamanhoMalha,{ 'attr': {'class': 'input-xlarge'} }) }}
								<span class="help-inline">{{ form_errors(form.indTamanhoMalha) }}</span>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- End Refatoracao bloco estatístico -->



        <div id="bloco_dados" class="row-fluid" style="display:none;">
            <div class="span12">
                <div class="row-fluid">
                    <div class="control-group span6">
                        {{ form_label(form.txtNome) }}
                        <div class="controls">
                            {{ form_widget(form.txtNome,{ 'attr': {'class': 'cemporcento focus', 'style' : 'text-transform: uppercase'} }) }}
                          <span class="help-inline">{{ form_errors(form.txtNome) }}</span>
                        </div>
                    </div>
                    <div class="control-group span6">
                        <div class="span2" style="margin-top: 27px;">
							<input type="button" id="abrirMapa" class="btn" value="Mapa">
						</div>
                    </div>
                </div>
                <div class="row-fluid">
                    <div class="control-group span6">
                        {{ form_label(form.numProfundidadeInicial) }}
                        <div class="controls">
                            {{ form_widget(form.numProfundidadeInicial,{ 'attr': {'class': 'cemporcento'} }) }}
                          <span class="help-inline">{{ form_errors(form.numProfundidadeInicial) }}</span>
                        </div>
                    </div>
                    <div class="control-group span6">
                        {{ form_label(form.numProfundidadeFinal) }}
                        <div class="controls">
                            {{ form_widget(form.numProfundidadeFinal,{ 'attr': {'class': 'cemporcento'} }) }}
                          <span class="help-inline">{{ form_errors(form.numProfundidadeFinal) }}</span>
                        </div>
                    </div>
                </div>
                <div class="row-fluid">
                    <div class="control-group span6">
                        {{ form_label(form.numProfundidadeMedia) }}
                        <div class="controls">
                            {{ form_widget(form.numProfundidadeMedia,{ 'attr': {'class': 'cemporcento'} }) }}
                          <span class="help-inline">{{ form_errors(form.numProfundidadeMedia) }}</span>
                        </div>
                    </div>
                    <div class="control-group span6">
                        {{ form_label(form.numProfundidadeMediana) }}
                        <div class="controls">
                            {{ form_widget(form.numProfundidadeMediana,{ 'attr': {'class': 'cemporcento'} }) }}
                          <span class="help-inline">{{ form_errors(form.numProfundidadeMediana) }}</span>
                        </div>
                    </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('blocoestatistico') }}" title="{{'acao.cancelar'|trans}}">{{'acao.cancelar'|trans}}</a>
    </div>
</form>
</div>
<script>
        $('#{{ form.txtNome.vars.id }}').attr('readonly', true);

























		var arrayBlocos = new Array();

        $(document).ready(function(){
            $('form#formulario-blocoestatistico').preventDoubleSubmission();
            $tamanhoMalha = $('input[name="{{ form.indTamanhoMalha.vars.full_name }}"]');

			{%if entity.id is defined and entity.id is not null %}
				arrayBlocos.push('{{ entity.txtNome }}');
			{% endif %}






            
            $tamanhoMalha.change(function(){
				if(!!$tamanhoMalha.filter(":checked").val()){
					$("#bloco_dados").show();
				}
                $('#{{ form.txtNome.vars.id }}').val("");
				arrayBlocos = new Array();
            });




				if(!!$tamanhoMalha.filter(":checked").val()){
					$("#bloco_dados").show();
				}


        });
</script>
{% endblock %}


{% block webgis %}
	{% if not isShow %}
		{% include 'propesqBundle:BlocoEstatistico/GeoInformacao:ferramenta.html.twig' with {} %}
	{% endif %}
{% endblock %}