@extends('layouts.app')

@section('conteudo')


<style>
    .body {
        margin-top: 80px;
        margin-left: 100px;
        margin-right: 80px;
    }

    #avatar {
        max-width: 105px !important;
        min-width: 140px !important;
    }

    .radio {
        width: 15px;
    }
</style>
<!-- <script>
    $msg = "";
</script> -->
<div class="body">
    <div class=" d-flex  flex-wrap">
        <div class="flex-fill p-0 text-left text-md-left text-lg-left text-xl-left">
            <h1>Editar Autorização de Imagem</h1>
        </div>
        <div class="flex-fill p-0 text-right">
            <a href="./listaAlunos"><button class="btn btn-primary">LISTA</button></a>
        </div>
    </div>
    <hr class="hr-l">
    <hr class="hr-l">
    <div class="form-group col-xs-12 col-12 col-md-12 col-lg-12">
        <form action="./Academicos/addAutorizacaoSaida" method="post" enctype="multipart/form-data">
            <div class="row" id="conteudo">

                <div class="form-group col-xs-12 col-12 col-md-12 col-lg-12">
                    <p><b>AUTORIZAÇÃO DE USO DE IMAGEM</b></p>
                    <p style="display: none ;"><input type="text" name="id_aluno" value="{{$estudante->id}}"></p>
                    <div id="pdf">
                        <div class="row ">
                            <div class="form-group col-xs-12 col-12 col-md-12 col-lg-12">
                                <p style="float: left; margin-right: 10px;">EU, {{$responsavel->nome_completo}}, portador do RG nº {{$responsavel->rg}}, inscrito (a) no CPF sob
                                    o nº {{$responsavel->cpf_cnpj}}, autorizo {{$estudante->nome}} de {{$idade}} anos,
                                    sob minha responsabilidade, de acordo com a realização da matricula, por prazo
                                    indeterminado e a título gratuito, à <b>Associação Morumbi</b> de Integração Social</b> e os veículos de mídia impressa
                                    (jornais, revistas, etc) e eletrônica (televisão
                                    e internet) a captarem e fazerem uso da imagem, a qualquer título e finalidade
                                    institucional, sem qualquer vínculo comercial ou interesse pessoal por tempo indeterminado.</p>
                                <!-- <label>Nome Responsavel*</label> -->

                            </div>


                            <div class="form-group col-xs-12 col-12 col-md-12 col-lg-12">
                                <p style="text-align: center; margin-top: 80px;">
                                    ________________________________________________________________________</p>
                                <p style="text-align: center;">Assinatura Pais e/ou Responsável</p>
                                <p style="text-align: center;">
                                    15/03/2025                                </p>
                            </div>

                            <div class="form-group col-xs-12 col-12 col-md-12 col-lg-12">
                                <p style="text-align: center; margin-top: 60px;">
                                    ________________________________________________________________________</p>
                                <p style="text-align: center;"><b>Associação Morumbi de Integração Social</b></p>
                                <p style="text-align: center;"><b>CNPJ: 50.059.419/0001-97</b></p>
                            </div>
                        </div>
                    </div>
                    <div class="form-group col-xs-6">
                       <a href="/autorizar_imagem/{{$estudante->id}}/N" class="btn btn-danger" id="salvar_aluno">Não autorizar</a>

                          <a href="/autorizar_imagem/{{$estudante->id}}/S" class="btn btn-success" id="salvar_aluno">Autorizar</a>
                    </div>
                </div>
            </div>

        </form>
    </div>
</div>
<script type="text/javascript">

    //telefone
    function mascara(o, f) {
        v_obj = o
        v_fun = f
        setTimeout("execmascara()", 1)
    }
    function execmascara() {
        v_obj.value = v_fun(v_obj.value)
    }
    function mtel(v) {
        v = v.replace(/\D/g, ""); //Remove tudo o que não é dígito
        v = v.replace(/^(\d{2})(\d)/g, "($1) $2"); //Coloca parênteses em volta dos dois primeiros dígitos
        v = v.replace(/(\d)(\d{4})$/, "$1-$2"); //Coloca hífen entre o quarto e o quinto dígitos
        return v;
    }
    function id(el) {
        return document.getElementById(el);
    }
    window.onload = function () {
        id('tel_resp1').onkeyup = function () {
            mascara(this, mtel);
        }
        id('tel_resp2').onkeyup = function () {
            mascara(this, mtel);
        }
        id('tel_resp3').onkeyup = function () {
            mascara(this, mtel);
        }
        id('tel_emergencia').onkeyup = function () {
            mascara(this, mtel);
        }
    }


    //cpf
    function ValidaCPF() {
        var cpf = document.getElementById("cpf_resp").value;
        var cpfValido = /^(([0-9]{3}.[0-9]{3}.[0-9]{3}-[0-9]{2})|([0-9]{11}))$/;
        if (cpfValido.test(cpf) == true) {
            console.log("CPF Válido");
        } else {
            console.log("CPF Inválido");
        }
    }
    function fMasc(objeto, mascara) {
        obj = objeto
        masc = mascara
        setTimeout("fMascEx()", 1)
    }

    function fMascEx() {
        obj.value = masc(obj.value)
    }

    function mCPF(cpf) {
        cpf = cpf.replace(/\D/g, "")
        cpf = cpf.replace(/(\d{3})(\d)/, "$1.$2")
        cpf = cpf.replace(/(\d{3})(\d)/, "$1.$2")
        cpf = cpf.replace(/(\d{3})(\d{1,2})$/, "$1-$2")
        return cpf
    }
</script>

@endsection