<?php $v->layout("_theme");
$v->insert("views/page-title", ["pageTitle" => $pageTitle, "breadcrumb" => $breadcrumb]);
?>
<section id="content" style="background: url('<?= theme("/assets/images/bg-profile.jpg")?>') no-repeat center center / cover; min-height: 300px; padding: 120px 0">

    <div class="content-wrap">

        <div class="container clearfix" style="margin-top:-100px !important; margin-bottom: -100px;">

            <div class="accordion accordion-lg divcenter nobottommargin clearfix" style="max-width: 600px;">

                <div class="acctitle" id="j_activate_register"><i class="acc-closed icon-user4"></i><i class="acc-open icon-ok-sign"></i>Efetue seu cadastro!</div>
                <div class="acc_content clearfix">
                    <form id="register-form" name="register-form" class="nobottommargin" action="<?= url("/cadastrar"); ?>" method="post">
                        <?= csrf_input(); ?>
                        <input type="hidden" name="destino" value="/restrito">

                        <div class="col_full">
                            <label for="email">email*</label>
                            <input type="text" id="email" name="email" value="" class="form-control form-control-pill" />
                        </div>
                        <div class="clear"></div>
                        <div class="col_half">
                            <label for="nome">Nome*</label>
                            <input type="text" id="nome" name="first_name" value="" class="form-control form-control-pill" />
                        </div>
                        <div class="col_half col_last">
                            <label for="sobrenome">Sobrenome*</label>
                            <input type="text" id="sobrenome" name="last_name" value="" class="form-control form-control-pill" />
                        </div>
                        <div class="clear"></div>
                        <div class="col_half">
                            <label for="nome">Nascimento*</label>
                            <input type="text" id="date" name="datebirth" value="" class="form-control form-control-pill mask-date" />
                        </div>
                        <div class="col_half col_last">
                            <label for="cpf">CPF*</label>
                            <input type="text" id="cpf" name="document" value="" class="form-control form-control-pill mask-doc" />
                        </div>
                        <div class="clear"></div>
                        <div class="col_half">
                            <label for="telefone">Telefone*</label>
                            <input type="text" id="telefone" name="phone" value="" class="form-control form-control-pill mask-phone" />
                        </div>
                        <div class="col_half col_last">
                            <label for="celular">Celular</label>
                            <input type="text" id="celular" name="celular" value="" class="form-control form-control-pill mask-celular" />
                        </div>
                        <div class="clear"></div>
                        <div class="col_half">
                            <label for="code">Senha*</label>
                            <input type="password" id="code" name="password" value="" class="form-control form-control-pill" />
                        </div>
                        <div class="col_half col_last">
                            <label for="code2">Repita a Senha*</label>
                            <input type="password" id="code2" name="verify_password" value="" class="form-control form-control-pill" />
                        </div>
                        <div class="clear"></div>


                        <div class="col_full nobottommargin">
                            <button class="button button-circle button-black nomargin" id="register-form-submit" name="register-form-submit" value="register">Cadastrar</button>
                        </div>
                    </form>
                </div>

            </div>

        </div>
    </div>

</section>