{% import  "propesqBundle:Form:function.html.twig" as function %}
    {% block stylesheets %}
        <!-- TODO: verificar caminho do arquivo -->
        <link rel="stylesheet" href="{{ asset('bundles/propesq/css/edit.css') }}" type="text/css" media="all"/>
        <style>
            #form-container {
                overflow: visible;
            }
        </style>
    {% endblock %}
{% block content %}

    <div class="title">
        <h2>
            <legend>
            Localizar Indexador taxonômico PMAP
            </legend>
        </h2>
    </div>


    <fieldset class="fieldset_fields" style=" margin: 10px;">
        <div class="row-fluid">
            <div class="control-group span2">
                <div class="controls">
                    {{ form_label(form.id) }}
                    {{ form_widget(form.id,{ 'attr': {'class': 'cemporcento searchPmap', 'maxlength':6} }) }}
                    <span class="help-inline">{{ form_errors(form.id) }}</span>
                </div>
            </div>
            <div class="control-group span2">
                <div class="controls">
                    {{ form_label(form.txtAlphaid) }}
                    {{ form_widget(form.txtAlphaid,{ 'attr': {'class': 'cemporcento searchPmap'} }) }}
                    <span class="help-inline">{{ form_errors(form.txtAlphaid) }}</span>
                </div>
            </div>
            <div class="control-group span2">
                <div class="controls">
                    {{ form_label(form.txtTsn) }}
                    {{ form_widget(form.txtTsn,{ 'attr': {'class': 'cemporcento searchPmap'} }) }}
                    <span class="help-inline">{{ form_errors(form.txtTsn) }}</span>
                </div>
            </div>
        </div>
        <div class="row-fluid">
            <div class="control-group span3">
                <div class="controls">
                    {{ form_label(form.txtNomeCientifico) }}
                    {{ form_widget(form.txtNomeCientifico,{ 'attr': {'class': 'cemporcento searchPmap'} }) }}
                    <span class="help-inline">{{ form_errors(form.txtNomeCientifico) }}</span>
                </div>
            </div>
            <div class="control-group span3">
                <div class="controls">
                    {{ form_label(form.txtNomeReferenciaPmap) }}
                    {{ form_widget(form.txtNomeReferenciaPmap,{ 'attr': {'class': 'cemporcento searchPmap'} }) }}
                    <span class="help-inline">{{ form_errors(form.txtNomeReferenciaPmap) }}</span>
                </div>
            </div>
            <div class="control-group span3">
                <div class="controls">
                    {{ form_label(form.txtNivelTaxonomico) }}
                    {{ form_widget(form.txtNivelTaxonomico,{ 'attr': {'class': 'cemporcento searchPmap'} }) }}
                    <span class="help-inline">{{ form_errors(form.txtNivelTaxonomico) }}</span>
                </div>
            </div>
            <div class="control-group span3">
                <div class="controls">
                    {{ form_label(form.txtAutor) }}
                    {{ form_widget(form.txtAutor,{ 'attr': {'class': 'cemporcento searchPmap'} }) }}
                    <span class="help-inline">{{ form_errors(form.txtAutor) }}</span>
                </div>
            </div>
        </div>
        <div class="row-fluid">
            <div class="control-group span3">
                <div class="controls">
                    {{ form_label(form.txtGenero) }}
                    {{ form_widget(form.txtGenero,{ 'attr': {'class': 'cemporcento searchPmap'} }) }}
                    <span class="help-inline">{{ form_errors(form.txtGenero) }}</span>
                </div>
            </div>
            <div class="control-group span3">
                <div class="controls">
                    {{ form_label(form.txtFamilia) }}
                    {{ form_widget(form.txtFamilia,{ 'attr': {'class': 'cemporcento searchPmap'} }) }}
                    <span class="help-inline">{{ form_errors(form.txtFamilia) }}</span>
                </div>
            </div>
            <div class="control-group span3">
                <div class="controls">
                    {{ form_label(form.txtOrdem) }}
                    {{ form_widget(form.txtOrdem,{ 'attr': {'class': 'cemporcento searchPmap'} }) }}
                    <span class="help-inline">{{ form_errors(form.txtOrdem) }}</span>
                </div>
            </div>
            <div class="control-group span3">
                <div class="controls">
                    {{ form_label(form.txtClasse) }}
                    {{ form_widget(form.txtClasse,{ 'attr': {'class': 'cemporcento searchPmap'} }) }}
                    <span class="help-inline">{{ form_errors(form.txtClasse) }}</span>
                </div>
            </div>
        </div>
        <div class="row-fluid">
        <div class="control-group span12" style="margin-top: 23px;">
            <div class="controls">
                <a class="btn btn-warning" onclick="limparFiltros()" href="javascript:;">
                    {{ 'form.limpar'|trans }}
                </a>
                <a href="#" id="btn-localizar" class="btn-filtrar btn btn-success">
                    <i class="icon-search icon-white"></i> {{ 'form.procurar'|trans }}
                </a>
            </div>
        </div>
        </div>

        <div class="row-fluid">
            <div class="span12" id="localizarResult">

            </div>
        </div>
    </fieldset>
    <script>
        function limparFiltros() {
            loader('.modal', false);
            $('#localizarResult').html('');
            $('.searchPmap').val('');
            loader('.modal', true);
        }
        $(document).ready(function () {
            setTimeout(function(){
                $('#form_id').focus();
            }, 1);
            {% if codEspeciePmap %}
                $('#form_id').val('{{ codEspeciePmap }}');
                setTimeout(function() {
                    $("#btn-localizar").click();
                }, 10);
            {% endif %}

            $(function() {
                $("#{{ form.id.vars.id }}").maskMoney({
                    precision: 5,
                    decimal: '',
                    thousands: '',
                    allowEmpty: true,
               });
                $("#{{ form.id.vars.id }}").keyup(function (e) {
                    if(e.keyCode == 8 || e.keyCode == 46){
                        if($(this).val() == '000000'){
                            $(this).val("");
                        }
                    }
                });
            });
            $("#btn-localizar").on('click', function () {
                $model = {};
                $('.fieldset_fields').find('.searchPmap').each(function (index) {
                    $model[$(this).attr('id')] = $(this).val();
                });
                $model2 = {};
                $('form').find('.especiePmap').each(function (index) {
                    attr = $(this).attr('id');
                    attr = attr.replace('entidade_especie_', '', attr);
                    $model2[attr] = $(this).val();
                });
                $.ajax({
                    type: 'post',
                    data: {'fields': $model, 'model': $model2},
                    url: '{{ path('especie_buscar_especie_pmap') }}',
                    beforeSend: function () {
                        loader('.modal', false);
                    },
                    success: function (result) {
                        $("#localizarResult").html(result);
                        loader('.modal', true);
                    },
                    error: function () {
                        loader('.modal', true);
                    }
                });
            });
        });
    </script>
{% endblock %}