{% extends 'HfAppBundle:Wizard:index.html.twig' %}

{% block container %}

    <div class="rightpanel">

            <ul class="breadcrumbs">
                <li><a href=""><i class="iconfa-home"></i></a> <span class="separator"></span></li>
                <li>Wizard</li>
            </ul>

            <div class="pageheader">
                <div class="pageicon"><span class="iconfa-user"></span></div>
                <div class="pagetitle">
                    <h5>Dados de Acesso</h5>
                    <h1>Ative sua Conta</h1>
                </div>
            </div><!--pageheader-->

            <div class="maincontent">
                <div class="maincontentinner">
                    <div class="row-fluid">
                        <div class="span12">

                            <div class="widgetbox">
                                <h4 class="widgettitle">PRIMEIROS PASSOS</h4>
                                <div class="widgetcontent">
                                    <form class="stdform" id="usuario_incluir"  action="" method="post" >
                                        <p>
                                        <p>
                                            <label>E-mail</label>
                                            <input id="usuario_email" type="text" name="usuario_email" value="{{email}}" class="input-xlarge" disabled />
                                        </p>
                                        <p>
                                            <label>Senha</label>
                                            <input id="usuario_senha" type="password" name="usuario_senha" class="input-xlarge" />
                                        </p>
                                        <p>
                                            <label>Redigite a senha</label>
                                            <input id="usuario_resenha" type="password" name="usuario_resenha" class="input-xlarge" />
                                        </p>
<span>Termos de uso</span>
                                        <p>
                                            <input type="checkbox" name="banda-larga" class="input-xlarge" /> Ter constante acesso à Internet banda larga<br>
                                            <input type="checkbox" name="office" class="input-xlarge" /> Ter conhecimento intermediário do Pacote Office (Word, Excel e Powerpoint)<br>
                                        </p>
                                        <p>
                                            <input type="checkbox" name="vidoconferencia" class="input-xlarge" /> Possuir Webcam disponível para videoconferências online.<br>
                                            <input type="checkbox" name="disponibilidade-viagem" class="input-xlarge" /> Possuir disponibilidade para viajar mensalmente, em um fim de semana, para os encontros presenciais do Programa.<br>
                                            <input type="checkbox" name="disponibilidade-horas" class="input-xlarge" /> Possuir pelo menos 3 horas semanais para se dedicar ao Programa CNA Jovem.<br>

                                        </p>

                                        <p>
                                            <label></label>
                                            <button id="btnincluirusuario" type="submit" class="btn btnincluirusuario btn-large">Salvar</button>
                                        </p>
                                    </form>
                                </div>
                            </div>

                        </div><!--span12-->


                    </div><!--row-fluid-->

                    <div style="Display: none;">
                        <form id="registerform" action="{{ path('fos_user_registration_register') }}" {{ form_enctype(form) }} method="POST" class="fos_user_registration_register">
                            {{ form_widget(form) }}
                            <div>
                                <input type="submit" value="{{ 'registration.submit'|trans }}" />
                            </div>
                        </form>
                    </div>

{% endblock %}

{% block javascripts %}

                    <script type="text/javascript" src="{{asset('bundles/hfapp/js/responsive-tables.js')}}"></script>
                    <script type="text/javascript" src="{{asset('bundles/hfapp/js/jquery.form.js')}}"></script>


                    <script type="text/javascript">
                        jQuery(document).ready(function() {

                            jQuery('#btnincluirusuario').click(function(){

                                jQuery('#fos_user_registration_form_username').val(jQuery('#usuario_email').val());
                                jQuery('#fos_user_registration_form_email').val(jQuery('#usuario_email').val());
                                jQuery('#fos_user_registration_form_plainPassword_first').val(jQuery('#usuario_senha').val());
                                jQuery('#fos_user_registration_form_plainPassword_second').val(jQuery('#usuario_resenha').val());

                                if(jQuery('#usuario_senha').val().length < 4){

                                    jAlert("Sua senha precisará ter no mínimo 4 caracteres.","Atenção");
                                    return false;

                                } else if(jQuery('#usuario_senha').val()!==jQuery('#usuario_resenha').val()){

                                    jAlert("As senhas não são iguais.","Atenção");
                                    return false;

                                }else {

                                    jQuery("#registerform").ajaxSubmit({
                                        url: '{{ path('fos_user_registration_register') }}',
                                        type: 'post',
                                        success: function(){
                                            jAlert("Cadastro concluído com sucesso, você será redirecionado para a página de Login.","Sucesso",function(){location.reload();});
                                            return false;

                                        },
                                        error: function(a,s,d){
                                            jAlert("Por favor, tente outra senha. É possível que seu navegador esteja desatualizado. Erro:"+a+s+d,"Erro");
                                            return false;
                                        }

                                    });
                                    return false;
                                }

                            });

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