<!--Cabecalho -->
<?php $this->load->view('commons/cabecalho'); ?>
<!--Header -->
<?php $this->load->view('commons/header'); ?>
<?php echo $this->session->flashdata('erro-op'); ?>
<!--Opcao -->
<br>
<footer class="carreira-card">
    <div class="carreira" style="margin-left: 5%; padding: 10px 0px 5px 0px">
        <h4>
            <?php
            $nome = $_SESSION['aluno']['nome'];
            if (!empty($nome)) {
                echo '<b>Olá!</b> ';
                $temp = explode(" ", $nome);
                echo ucfirst(mb_strtolower($nomeNovo = $temp[0])) . '.';
            }
            ?>
            Parabéns pelo seu cadastro
        </h4>
    </div>
</footer>
<br>
<div class="row card-escolha"> 
    <?php echo $this->session->flashdata('erro'); ?>
    <form method="POST" action="<?= base_url('carreira') ?>" id="form-afinidade">
        <?php if (empty($aluno['telefone'])) { ?>
            <p style="margin-left: 1%; font-size: 13pt;"><b>Informe o seu numero de telefone:</b></p>
            <div class="row">
                <div class="input-field col s5 m1">
                    <i class="material-icons prefix">phone</i>
                    <input id="ddd_celular" type="tel" class="only-number" required="" name="ddd_celular" maxlength="2" minlength="2"  pattern="[0-9]+$" placeholder="DDD">
                    <label for="ddd_celular">DDD</label>
                </div>
                <div class="input-field col s7 m2">
                    <i class="material-icons prefix">phone_iphone</i>
                    <input type="tel" class="only-number" required="" name="celular" maxlength="9" minlength="9"  pattern="[0-9]+$" placeholder="Celular" >
                    <label for="celular">Celular</label>
                </div>
            </div>
            <div class="row">
                <div class="col s12 m3">
                    <input type="checkbox" name="quero_publicidade" class="filled-in" id="quero_publicidade" value="sim" checked="">
                    <label for="quero_publicidade">Gostaria de receber SMS e E-Mails promocionais</label>
                </div>
                <div class="col s12 m4">
                    <input type="checkbox" id="termo" class="filled-in" name="termo" required=""/>
                    <label for="termo">Concordo com o <a href="" class="modal-trigger modal-termo tooltipped"  data-target="termo_uso" data-position="right" data-delay="50" data-tooltip="Clique para mais detalhes"><b>Termo de Uso</b></a></label>
                </div>
            </div>
        <?php } ?>
        <p style="margin-left: 1%; font-size: 13pt;"><b>Em que área você estuda ou trabalha?</b></p>         
        <?php foreach ($curso as $value) { ?>

            <div class=" col s12 m4 l3 ">
                <p> 
                    <input type="checkbox" class="filled-in" id="area<?php echo $value->nome ?>" name="area[]" value="<?php echo $this->criptografia->codifica($value->nome); ?>"/>
                    <label for="area<?php echo $value->nome ?>"><?php echo $value->nome ?></label>
                </p>
            </div>
        <?php } ?>
        <div class="col m4 s12 m12 l12" align="center">
            <br>
            <button type="submit" class="btn waves-effect btn-curso" style="width: 30%; margin-left: -6%;">Continuar</button>
        </div>
        <?php if (!empty($aluno['telefone'])) { ?>
            <input type="text" name="flag" value="1" style="display: none;">
        <?php } else { ?>
            <input type="text" name="flag" value="0" style="display: none;">
        <?php } ?>
    </form>
</div>
<br><br>
 <?php if (empty($aluno['telefone'])) { ?>
<div id="termo_uso" class="modal " tabindex="-1" >
    <div class="modal-content">
        <h4><b>Termo de Uso</b>  <a  class="modal-close" style="float: right; color: gray"><i class="fa fa-times"></i></a></h4>

        <hr>
        <span style="font-size: 12pt;"> 
            <?php echo $termos['conteudo']; ?>                
        </span>
    </div>
</div>
 <?php  } ?>
<?php $this->load->view('commons/rodape'); ?>
<?php if (empty($aluno['telefone'])) { ?>
<script>

    $('#form-afinidade').submit(function (e) {
        if ($("#termo")) {
            var checado = $("#termo").is(':checked')
            if (checado == false) {
                Materialize.toast('Você precisa concordar o Termo de Uso', 3000, 'black');
                return false;
            }
        }
    });

</script>
<?php } ?>
