<!--Cabecalho -->
<?php $this->load->view('commons/cabecalho'); ?>
<!--Header -->
<?php $this->load->view('commons/header'); ?>

<br>

<div class="row conteudo-acessar">

    <h4 style="font-size: 30pt;" class="text-mobile"><b>Meus Dados</b></h4>
    <?php echo $this->session->flashdata('erro-email'); ?>
    <?php echo $this->session->flashdata('sucesso-dados'); ?>
    <?php echo $erro_conf ?>
    <?php echo $this->session->flashdata('sucesso-upload'); ?>
    <?php echo $this->session->flashdata('sucesso-documento'); ?>
    <?php echo $this->session->flashdata('erro-documento'); ?>
    <?php echo $this->session->flashdata('sucesso-senha'); ?>
    <?php echo $this->session->flashdata('erro-senha'); ?>
    <?php echo $this->session->flashdata('erro-assinatura'); ?>
    <?php echo $this->session->flashdata('falha'); ?>
    <?php echo $this->session->flashdata('falhageral'); ?>
    <?php echo $this->session->flashdata('maximatentativa'); ?>
    <?php if (isset($error_upload)): ?>
        <?php echo $error_upload ?>
    <?php endif; ?>
    <div class="col s12">
        <ul class="tabs">
            <li class="tab col s2"><a class="active" href="#meusdados">Meus Dados</a></li>
            <li class="tab col s2"><a href="#assinatura">Assinatura</a></li>
            <li class="tab col s2"style="margin-left: -4%;"><a href="#documentos">Documentos</a></li>
            <li class="tab col s2"style="margin-left: -4%;"><a href="#senha">Senha</a></li>
        </ul>
    </div>
    <div  id="meusdados" class="col s12">
        <br>
        <form action="<?= base_url('dados') ?>" method="POST" autocomplete="off">
            <div class="row">
                <div class="input-field col s12 m4">
                    <i class="material-icons prefix">account_circle</i>  
                    <input class="nome" type="text" name="nome-aluno" required="" placeholder="Nome Completo"  disabled="" value="<?php echo $aluno['nome'] ?>">
                    <label for="nome">Nome Completo</label>
                </div>
                <div class="input-field col s12 m8">
                    <i class="material-icons prefix">mail</i>  
                    <input class="email" type="email" required="" onkeyup="maiuscula(this)" name="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$" placeholder="Email" value="<?php echo $aluno['email'] ?>">
                    <label for="email">Email</label>

                </div>
            </div>
            <div class="row">
                <div class="input-field col s12 m4">
                    <i class="material-icons prefix">loupe</i>  
                    <input class="ceps cep-conf" id="cep" type="tel" name="cep" required="" pattern="\d{5}-\d{3}" placeholder="CEP"  value="<?php echo $aluno['cep'] ?>">
                    <label for="nome">CEP</label>
                </div>
                <div class="input-field col s12 m8">
                    <i class="material-icons prefix">location_on</i>  
                    <input id="endereco" type="text" name="endereco" required="" placeholder="Endereço"  value="<?php echo $aluno['endereco'] ?>">
                    <label for="endereco">Endereço</label>
                </div>
            </div>
            <div class="row">
                <div class="input-field col  s12 m4">
                    <i class="material-icons prefix">looks_one</i>
                    <input id="numero" type="text"  required="" name="numero" pattern="[a-zA-Z0-9]+" maxlength="10" placeholder="Número"  value="<?php echo $aluno['numero'] ?>">
                    <label for="numero">Número</label>
                </div>
                <div class="input-field col s12 m8">
                    <i class="material-icons prefix">home</i>  
                    <input id="complemento" type="text" name="complemento"  placeholder="Complemento"  value="<?php echo $aluno['complemento'] ?>">
                    <label for="complemento">Complemento</label>
                </div>
            </div>
            <div class="row">
                <div class="input-field col s12 m4">
                    <i class="material-icons prefix">equalizer</i>  
                    <input id="bairro" type="text" name="bairro" required="" placeholder="Bairro"  value="<?php echo $aluno['bairro'] ?>">
                    <label for="bairro">Bairro</label>
                </div>
                <div class="input-field col s12 m4">
                    <i class="material-icons prefix">location_city</i>  
                    <input id="cidade" type="text" name="cidade" required="" placeholder="Cidade"  value="<?php echo $aluno['cidade'] ?>">
                    <label for="cidade">Cidade</label>
                </div>
                <div class="input-field col s12 m4">
                    <i class="material-icons prefix">language</i>  
                    <input id="uf" type="text" name="estado" required="" minlength="2"  maxlength="2" placeholder="Estado"  value="<?php echo $aluno['estado'] ?>">


                    <label for="estado">Estado</label>
                </div>
            </div>
            <div class="row">
                <div class="input-field col s5 m4">
                    <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"  value="<?php echo $aluno['ddd'] ?>">
                    <label for="ddd_celular">DDD</label>
                </div>
                <div class="input-field col s7 m6">
                    <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"  value="<?php echo $aluno['telefone'] ?>">
                    <label for="celular">Celular</label>
                </div>
            </div>
            <button class="btn waves-effect waves-light btn-curso btn-end" type="submit" name="action" style="">&nbsp;&nbsp;Enviar&nbsp;&nbsp;</button>
        </form>
    </div>

    <div  id="assinatura"> 
        <br><br><br><br><br>
        <div class="assinatura-atual col s12" >
            <span style="font-size:18pt !important;">Sua assinatura atual</span>
            <?php if ($documentacao['assinatura'] != "") { ?>    
            <div align="center" class="zoom">    
                    <img class="img-assinatura-do-aluno responsive-img" src="<?= $documentacao['assinatura'] ?>">
                </div>
            <?php } else { ?>
                <p> <i class="fa fa-exclamation-circle"></i> Nenhuma assinatura cadastrada</p>
            <?php } ?>
        </div>
        <div class="col s6">
            <span style="font-size:18pt"><i class="fa fa-mobile"></i> Enviar pelo aplicativo </span>
                
                <?php if ($ovumcaption->dado == NULL) { ?>
                <a href="https://play.google.com/store/apps/details?id=br.com.ovumtec.ovumcaption" target="_blank"><img class="responsive-img" style="padding: 0px"src="<?php echo base_url('assets/img/google_play.png') ?>"></a> </span>
                <?php }  ?>
                <br>
            <?php if (isset($ovumcaption->dado)) { ?>  
                <?php if ($ovumcaption->situacao == "Sucesso") { ?>
                    <?php if ($ovumcaption->dado != NULL) { ?>
                        <div class="alert alert-info" role="alert">
                            Você pode escolher uma das imagens abaixo para ser a assinatura do seu certificado clicando sobre uma delas <i class="fa fa-hand-pointer-o" aria-hidden="true"></i> 
                        </div>
                      
                        <div class="owl-carousel owl-theme">
                            <?php foreach ($ovumcaption->dado as $dados) { ?>
                                
                                <?php $pieces = explode(".", $dados->img); ?>
                            <div align="center">
                                <div class="item" id="<?= $pieces[0] ?>" data-imagem="<?= $dados->url ?>"><img src="<?= $dados->url ?>" style="max-height: 100px; cursor: pointer; width: 180%;"></div>
                            </div>    
                                <script>
                                    $('#<?= $pieces[0] ?>').on('click', function (e) {
                                        e.preventDefault();
                                        var assinatura = $(this).data("imagem");

                                        swal({
                                            title: "Deseja escolher esta assinatura?",
                                            type: "warning",
                                            showCancelButton: true,
                                            closeOnConfirm: false,
                                            confirmButtonText: "Sim",
                                            cancelButtonText: "Não"
                                        }, function () {
                                            $.ajax({
                                                data: {assinatura: assinatura},
                                                type: "POST",
                                                dataType: 'json',
                                                url: 'Upload/atualizassinatura',
                                                success: function (data) {
                                                    if (data['situacao'] == 'true') {
                                                        swal("Sucesso!", "Sua assinatura foi atualizada com sucesso", "success");
                                                    }
                                                }
                                            });
                                        });
                                    });
                                </script>
                            <?php
                            }
                        }
                    }
                    ?>
                </div>
<?php } else { ?>
                A forma mais recomendada de enviar a sua assinatura é através 
                do aplicativo <b>OvumCaption</b> que pode ser baixado  <a href="https://play.google.com/store/apps/details?id=br.com.ovumtec.ovumcaption" target="_blank"><b>aqui</b></a>  
                <ul>
                    <li> <i class="fa fa-user-circle" aria-hidden="true"></i> Para que funcione cadastre o seu e-mail <b><?php echo $aluno['email'] ?></b> no aplicativo OvumCaption</li> 
                    <li> <i class="fa fa-fire" aria-hidden="true"></i> Assine na tela do celular</li> 
                    <li> <i class="fa fa-refresh" aria-hidden="true"></i> Atualize esta página.</li>
                    <li> <i class="fa fa-hand-pointer-o" aria-hidden="true"></i> Clique na assinatura desejada para aparecer no seu certificado.</li>
                </ul>
<?php } ?>
        </div>
        <div class="col s6">   
            <span style="font-size:18pt"><i class="fa fa-file-image-o"></i> Enviar Arquivo</span>
            <br>
            Envie uma imagem da sua assinatura, no formato <b>jpg</b>, <b>jpeg</b> ou <b>png (recomendável)</b> com fundo branco e com uma boa qualidade
            <ul>
                <li> <i class="fa fa-print" aria-hidden="true"></i> Você pode fotografar ou scanear uma imagem da sua assinatura</li> 
            </ul>
            <div class="file-field input-field">
                <form method="POST" action="<?php echo base_url('upload') ?>" enctype="multipart/form-data" onSubmit="">

                    <div class="btn btn-curso">
                        <span>&nbsp;&nbsp;Escolher Arquivo&nbsp;&nbsp;</span>
                        <input type="file" name="assinatura_alunos" id="assinatura-aluno">
                    </div>
                    <div class="file-path-wrapper">
                        <input class="file-path validate" type="text">
                    </div>
                    <input type="hidden" name="x" id="assinaturaX"/>
                    <input type="hidden" name="y" id="assinaturaY"/>
                    <input type="hidden" name="width" id="assinaturaWidth"/>
                    <input type="hidden" name="height" id="assinaturaHeight"/>

                    <div id="editor-assinatura">
                        <img  class="responsive-img" id="imagem-assinatura-aluno" src="" style="width:50%;">
                    </div>
                    <br>
                    <button class="btn waves-effect waves-light btn-curso btn-assinatura" type="submit"  style="">&nbsp;&nbsp;Enviar Assinatura&nbsp;&nbsp;</button>
                </form>

                <div id="result"></div>
            </div>
        </div>

    </div>
    <div  id="documentos" class="col s12">
        <br>
        <div class="alert alert-info" role="alert">
            <i class="fa fa-exclamation-circle"></i> Documento que aparecerá no certificado
        </div>
        <form method="POST" action="<?php echo base_url('documentacao') ?>">
            <?php if ($documentacao['tipo_doc'] == 1) { ?>
                <select required aria-required="true" name="tipo">
                    <option value="1" selected>RG</option>
                    <option value="2">CPF</option>
                    <option value="3">CNH</option>
                </select>
            <?php } elseif ($documentacao['tipo_doc'] == 2) { ?>
                <select required aria-required="true" name="tipo">
                    <option value="1">RG</option>
                    <option value="2" selected>CPF</option>
                    <option value="3">CNH</option>
                </select>    
            <?php } elseif ($documentacao['tipo_doc'] == 3) { ?>    
                <select required aria-required="true" name="tipo">
                    <option value="1">RG</option>
                    <option value="2">CPF</option>
                    <option value="3" selected>CNH</option>
                </select> 
            <?php } elseif ($documentacao['tipo_doc'] != 1 && $documentacao['tipo_doc'] != 2 && $documentacao['tipo_doc'] != 3) { ?>
                <select required aria-required="true" name="tipo">
                    <option value="1">RG</option>
                    <option value="2">CPF</option>
                    <option value="3">CNH</option>
                </select>    
            <?php } ?>    
            <div class="row">
                <input type="tel" class="only-number" required="" name="documento" pattern="[0-9]+$" maxlength="20" placeholder="Número (Somente números)"  value="<?php echo $documentacao['documento'] ?>">
                <label for="documento">Número (Somente números)</label>
            </div>

            <button class="btn waves-effect waves-light btn-curso btn-end" type="submit"  style="">&nbsp;&nbsp;Enviar&nbsp;&nbsp;</button>

        </form>
    </div>
    <div  id="senha" class="col s12">
        <br>
        <form method="POST" action="<?php echo base_url('alterasenha') ?>">
            <div class="row">
                <div class="input-field col s12 m6">
                    <input class="novasenha" type="password" name="senha-aluno" required="" placeholder="Digite a nova senha"  value="">
                    <label for="senha-aluno">Digite a nova senha</label>
                </div>
                <div class="input-field col s12 m6">
                    <input class="novasenha" type="password" name="senha-aluno-conf" required="" placeholder="Repita a nova senha"  value="">
                    <label for="senha-aluno-conf">Repita a nova senha</label>
                </div>
            </div>
            <button class="btn waves-effect waves-light btn-curso btn-end" type="submit"  style="">&nbsp;&nbsp;Enviar&nbsp;&nbsp;</button>

        </form>
    </div>
</div>
<br><br>

<?php $this->load->view('commons/rodape'); ?>
