@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="form-group col-xs-12 col-12 col-md-12 col-lg-12">
        <form action="/autorizar_saida/{{$estudante->id}}" method="post" enctype="multipart/form-data">
            @csrf
            <div class="row" id="conteudo">

            <h1>TERMO DE AUTORIZAÇÃO DE USO DE IMAGEM</h1>

<p>
    Pelo presente Termo de Autorização para Uso de Imagem, sem fins comerciais, Autorizo expressamente, Associação Morumbi de Integração Social (AMIS), pessoa jurídica cadastrada no CNPJ sob n.º 50.059.419/0001-97, no compartilhamento de minha imagem nos matérias coletados pela AMIS, abrangendo o uso acima mencionado entre as seguintes modalidades: fotografia, filmagens, depoimentos, site, propaganda institucional e/ou redes sociais, e demais veículos de comunicação, não recebendo para tanto qualquer tipo de remuneração.
</p>

<p>
    As imagens serão tratadas em conformidade com a Lei Geral de Proteção de Dados e com as políticas gerais de segurança da informação e de dados da AMIS e estou ciente que a qualquer tempo poderá ser revogada a presente permissão, mediante envio de solicitação ao canal de comunicação da AMIS, através do email <a href="mailto:amis@aamis.org.br">amis@aamis.org.br</a> para esta finalidade.
</p>

<p>
    Quaisquer solicitações de destruição dos dados pessoais versados no presente Termo poderão ser feitas por escrito, indicando as respectivas imagens e a fundamentação para o canal de comunicação supramencionado, não implicando, de qualquer forma, na revogação de presente Termo.
</p>

<p>
    A autorização de uso de imagem ora concedida, se dá em caráter irrevogável e irretratável, e vigerá durante todo o período de proteção legal das obras nas quais forem incluídas, sem quaisquer restrições ou limitações de tempo, número de vezes ou número de exemplares.
</p>

<p>
    Ainda me responsabilizo pelo conteúdo e veracidade das opiniões e declarações que conceder, isentando a AMIS de quaisquer responsabilidades que eventualmente possam surgir em sua decorrência.
</p>

<p>
    A presente autorização de uso de imagem não é obrigatória e abrange, exclusivamente, para os fins aqui estabelecidos, sendo que qualquer outra forma de reprodução e/ou divulgação pela AMIS deverá ser previamente autorizada por mim.
</p>

<p>
    Por ser expressão de livre vontade, têm o meu consentimento e assino o presente Termo de Autorização de Imagem.
</p>

<p>
    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.
</p>

<center>

    <p>________________________________________<br>Assinatura Pais e/ou Responsável</p>

    <p>São Paulo, 15/03/2025</p>

    <p>_____________________________________________<br>Associação Morumbi de Integração Social<br>CNPJ: 50.059.419/0001-97</p>

</center>
            </div>

        </form>
    </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>

    <a href="/imprimir_autorizacao_imagem/{{$estudante->id}}" class="btn btn-primary">Imprimir em PDF</a>
</div>
<br><br>

<script type="text/javascript">
    //gerar pdf
    // function CriaPDF() {
    //     var pdf = document.getElementById('conteudo').innerHTML;
    //     var style = "<style>";
    //     style = style + "padding: 2px 3px;text-align: center;}";
    //     style = style + "</style>";
    //     // CRIA UM OBJETO WINDOW
    //     var win = window.open('', '', 'height=700,width=700');
    //     win.document.write('<head>');
    //     win.document.write('<title>AUTORIZAÇÃO PARA FORMA DE SAÍDA</title>');   // <title> CABEÇALHO DO PDF.
    //     win.document.write(style);                                     // INCLUI UM ESTILO NA TAB HEAD
    //     win.document.write('</head>');
    //     win.document.write('<div id="pdf">');
    //     win.document.write(pdf);                          // O CONTEUDO DA TABELA DENTRO DA TAG BODY
    //     win.document.write('</div>');
    //     win.document.close(); 	                                         // FECHA A JANELA
    //     win.print();                                                            // IMPRIME O CONTEUDO
    // }


function formatarTelefone(telefone) {
  // Remove todos os caracteres que não são números
  telefone = telefone.replace(/\D/g, '');

  // Formata o telefone de acordo com a quantidade de dígitos
  if (telefone.length === 11) {
    return telefone.replace(/(\d{2})(\d{5})(\d{4})/, '($1) $2-$3');
  } else if (telefone.length === 10) {
    return telefone.replace(/(\d{2})(\d{4})(\d{4})/, '($1) $2-$3');
  } else {
    return telefone;
  }
}

// Exemplo de uso
console.log(formatarTelefone('11987654321')); // (11) 98765-4321
console.log(formatarTelefone('1187654321')); // (11) 8765-4321
console.log(formatarTelefone('11')); // 11

    //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