{% extends "propesqBundle:LocalDescarga:new.html.twig" %}

{% block filho %}
    {#<div class="span8">#}
        {#<div class="control-group">#}
            {#<div class="controls">#}
                {#{{ form_widget(form.geoLocalizacaoFormato,{ 'attr': {'class': 'input-xlarge'} }) }}#}
                {#<span class="help-inline">{{ form_errors(form.geoLocalizacao) }}</span>#}
            {#</div>#}
        {#</div>#}
    {#</div>#}
    <div class="row-fluid show-grid">
        <div class="span8">
            <div class="control-group">
                {{ form_label(form.geoLocalizacao) }}
                <div class="controls">
                    {{ form_widget(form.geoLocalizacaoFormato,{ 'attr': {'class': 'input-xlarge'} }) }}
                    {{ form_widget(form.geoLocalizacao,{ 'attr': {'class': 'input-xlarge'} }) }}
                    <span class="help-inline">{{ form_errors(form.geoLocalizacao) }}</span>
                </div>
            </div>
        </div>
        <div class="span4">
            <div class="control-group">
                {{ form_label(form.codTipoAcesso) }}
                <div class="controls">
                    {{ form_widget(form.codTipoAcesso,{ 'attr': {'class': 'cemporcento'} }) }}
                    <span class="help-inline">{{ form_errors(form.codTipoAcesso) }}</span>
                </div>
            </div>
        </div>
    </div>        
    <div class="control-group">
        {{ form_label(form.codPessoaJuridica) }}
        <div class="controls">
            {{ form_widget(form.codPessoaJuridica,{ 'attr': {'class': 'input-xlarge'} }) }}
        </div>
    </div>
    <div class="row-fluid show-grid">
        <div class="span2">
            <div class="control-group">
                {{ form_label(form.isEnderecoDiferenteEmpresa) }}
                <div class="controls">
                    {{ form_widget(form.isEnderecoDiferenteEmpresa,{ 'attr': {'class': 'input-xlarge'} }) }}
                    <span class="help-inline">{{ form_errors(form.isEnderecoDiferenteEmpresa) }}</span>
                </div>
            </div>
        </div>
        <div class="span10" id="enderecosEmpresa"><!-- Container para a lista de endereços quando a opção SIM é selecionada. --></div>
    </div>
    <script type="text/javascript">


        var opcao;
        var $div;
        var endereco;
        var $helpInline;
        var helpText;
        var $sim;
        var $nao;
        var id = '{{entity.id}}';
        var $enderecos;
        var $spanLoading;
        var $saveButton;
        var $combobox;
        var noFocusOnFirst = true;
        var idEndereco = '{{ entity.codPessoaEndereco.id }}';

        $(document).ready(function () {
            
            $('form').submit(function () {
                return isCoordenadaValida;
            });

            opcao = '{{ entity.isEnderecoDiferenteEmpresa }}';
            $div = $("#div-container-endereco");
            $saveButton = $('#saveButton');
            endereco = $div.attr('data-prototype');
            $helpInline = $("input[name='{{form.codPessoaJuridica.vars.full_name}}']").parents('.controls').find('.help-inline');
            helpText = '<div class="alert alert-error">Você deve selecionar uma empresa.</div>';
            $sim = $("#{{form.isEnderecoDiferenteEmpresa.vars.id}}_1");
            $nao = $("#{{form.isEnderecoDiferenteEmpresa.vars.id}}_0");
            $enderecos = $("#enderecosEmpresa");
            $sim.parent().append('<span id="spanLoading" style="display: none; margin-left: 5px;"><img src="{{ asset('bundles/propesq/images/ajax-loader.gif') }}" /> Carregando endereços...</span>');
            $spanLoading = $("#spanLoading");
            $combobox = {{form.codPessoaJuridica.get('id')}};
                    jQuery.help = function (tipo) {
                        if (tipo == 'show') {
                            $helpInline.html(helpText);
                            $sim.removeAttr('checked');
                            $nao.removeAttr('checked');
                        } else if (tipo == 'hidden') {
                            $helpInline.html('');
                        }
                    }

            $sim.click(function (event) {
                var codEmpresa = isEmpresaSelecionada();
                if (codEmpresa) {
                    updateEnderecoList(codEmpresa);
                    $.help('hidden');
                    $div.stop(true, true).fadeOut('fast', function () {
                        $(this).children().remove();
                    });
                } else {
                    $.help('show');
                    return false;
                }
            });

            $nao.click(function (event) {
                if (isEmpresaSelecionada()) {
                    $.help('hidden');
                    $enderecos.html('');
                    $div.stop(true, true).html(endereco).fadeIn(function () {
                        //location.href= '#endereco';
                    }).find(".hasfocus").focus();

                    try {
                        selecionaEstado(estado);
                    } catch (error) {
                    }

                } else {
                    $.help('show');
                    return false;
                }
            });

            if (opcao == 0 && id != '') {
                $nao.trigger('click');
            } else if (opcao == 1) {
                $sim.trigger('click');
            }

        });

        function updateEnderecoList(idEmpresa) {
            $.ajax({
                type: 'post',
                data: 'idEmpresa=' + idEmpresa + '&idEndereco=' + idEndereco,
                url: '{{ path('localdescarga_endereco') }}',
                beforeSend: function () {
                    setLoading(true);
                    idEndereco = '';
                    $enderecos.html('');
                },
                success: function (retorno) {
                    setLoading(false);
                    if (id != '' && noFocusOnFirst && opcao == 1) {
                        $enderecos.html(retorno);
                        noFocusOnFirst = false;
                    } else {
                        $enderecos.html(retorno).find(".hasFocus1").focus();
                    }
                },
                error: function () {
                    setLoading(false);
                    alert('Erro!');
                }
            });
        }

        function updatePergunta(obj) {
            if (obj.getSelectedObject() && obj.getSelectedObject().id != '') {
                $.help('hidden');
                if ($sim.attr('checked')) {
                    $sim.trigger('click');
                }
            } else {
                $sim.removeAttr('checked');
                $nao.removeAttr('checked');
                $enderecos.html('');
                $div.stop(true, true).fadeOut('fast', function () {
                    $(this).children().remove();
                });

            }
        }

        function isEmpresaSelecionada() {
            var codEmpresa = $("input[name='{{form.codPessoaJuridica.vars.full_name}}']").attr('value');
            return codEmpresa != '' ? codEmpresa : false;
        }

        function setLoading(load) {
            if (load == true) {
                $combobox.setDisabled(load);
                $saveButton.button('loading');
                $spanLoading.show();
                $sim.attr('disabled', 'disabled');
                $nao.attr('disabled', 'disabled');
            } else {
                $combobox.setDisabled(load);
                $sim.removeAttr('disabled');
                $nao.removeAttr('disabled');
                $spanLoading.hide();
                $saveButton.button('reset');
            }
        }
    </script>



{% endblock %}