{% extends "propesqBundle::layout.publico.html.twig" %}

{% block stylesheets %}
    <!-- TODO: verificar caminho do arquivo -->

{% endblock %}

{% block content %}
    <link rel="stylesheet" href="{{ asset('bundles/propesq/css/usuarioexterno.css') }}">
    
    <div class="panel panel-primary" style="margin-top: 15px">
        <div class="panel-heading">
            <h3 class="panel-title">{{'cabecalho.incluir.usuarioexterno'|trans}}</h3>
        </div>
        <div class="panel-body">
            {{ form_errors(form) }}

            <form id="formulario-usuarioexterno" role="form" class="{% if  not includeLayout %}ajax {%endif%}" action="{%if entity.id is defined and entity.id is not null %} {{ path('usuarioexterno_update', { 'id': entity.id }) }} {%else%} {{ path('usuarioexterno_create') }} {%endif%}" method="post" {{ form_enctype(form) }}>


                {{ form_widget(form._token) }}

                {% if not includeLayout %}
                    <input type='hidden' name='noLayout' value='true'>
                {% endif %}

                <div class="radio">
                    <label class="checkbox-inline">
                        <input type="radio" name="radio_pais" value="1" onclick="verificaValor(this)" class=" wf2_notBlank wf2_defaultValue" checked="checked"> 
                        Brasil
                    </label>
                    <label class="checkbox-inline">
                        <input type="radio" name="radio_pais" value="2" onclick="verificaValor(this)" class=" wf2_notBlank wf2_defaultValue"> 
                        Outros Países
                    </label>
                </div>    

                <div class="row" id="div_estado">
                    <div class="col-md-4">
                        <div class="form-group">
                            {{ form_label(form.codEstado) }}
                            {{ form_widget(form.codEstado) }}
                            <span class="help-inline">{{ form_errors(form.codEstado) }}</span>                        
                        </div>
                    </div>
                </div>

                {# TODO: ajustar estilo do erro dos emails não conformes - issue #1546 #}
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            {{ form_label(form.indPerfil) }}
                            {{ form_widget(form.indPerfil) }}
                            <span class="help-inline">{{ form_errors(form.indPerfil) }}</span>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            {{ form_label(form.txtEmail) }}
                            {{ form_widget(form.txtEmail,{ 'attr': {'class': 'form-control'} }) }}
                            <span class="help-inline">{{ form_errors(form.txtEmail) }}</span>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-8">
                        <label>{{ pagina.informacao  | raw}}</label>
                    </div>
                </div>

                <div>
                    <label class=" required control-label">Campos obrigatórios</label>
                </div>               


                <div class=" div-actions">
                    <button type="submit" class="btn btn-primary">{{'acao.acessarrelatorio'|trans}}</button>
                    <a class="btn btn-default" {% if not includeLayout %} onclick="$(this).parents('.modal').find('.close').click(); return false;" {% endif %} href="{{ path('indexPublico') }}" title="{{'acao.cancelar'|trans}}">{{'acao.cancelar'|trans}}</a>
                </div>
            </form>
        </div>
    </div>

    <script>
        $(document).ready(function () {
            $("#{{form.codEstado.vars.id}}").find("input").css("height", 25);
            $("#{{form.indPerfil.vars.id}}").find("input").css("height", 25);
            $("#{{form.txtEmail.vars.id}}").find("input").css("height", 25);
            $(".clear-button").css("width", 20);
            $(".alert-error").css("padding", 5);
        });

        function verificaValor(comp) {
            if (comp.value == '1') {
                $('#div_estado').show();
                $('#{{form.codEstado.get('id')}}').find('.notRequiredCombobox').not('.second').removeClass('notRequiredCombobox').addClass('requiredCombobox');
            } else {
                eval('{{form.codEstado.get('id')}}').updateList(eval('{{form.codEstado.get('id')}}').childrenList, 1);
                $('#div_estado').hide();
                $('#{{form.codEstado.get('id')}}').find('.requiredCombobox').not('.second').removeClass('requiredCombobox').addClass('notRequiredCombobox');
            }
        }
        
        $( "form" ).submit(function( event ) {
            $(".alert-error").addClass("alert-danger");
            return;
        });

    </script>    
{% endblock %}