@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">
           <center><h1>Autorização de Saída</h1></center>
        </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">
    <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">

                <div class="form-group col-xs-12 col-12 col-md-12 col-lg-12">
                    <center><b>AUTORIZAÇÃO DE SAÍDA DO BENEFICIÁRIO</b></center>
                    <br>



                    <div id="pdf">
                        <div class="row ">
                            <div class="form-group col-xs-12 col-12 col-md-12 col-lg-12">
                                <p style="display: none ;"><input type="text" name="id_aluno" value=""></p>
                                <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.
                                </p>
                            </div>
                            <div class="form-group col-xs-12 col-12 col-md-12 col-lg-12">
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="aluno_autorizado_sair" id="sair_so_apos_ativ"
                                        value="1" @if ($estudante->aluno_autorizado_sair == 1)
                                        checked
                                        @endif >
                                    <label class="form-check-label" for="sair_so_apos_ativ">Ir embora sozinho após o
                                        término de suas atividades na AMIS.</label>
                                </div>
                                </br>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="aluno_autorizado_sair" id="sair_so_com_resp" value="0"
                                    @if ($estudante->aluno_autorizado_sair == 0)
                                    checked
                                    @endif>
                                    <label class="form-check-label" for="sair_so_com_resp">Ir embora sob
                                        responsabilidade de:</label>
                                </div>
                            </div>
                            <div class="form-group col-xs-8 col-8 col-md-8 col-lg-8" style="margin-top: 5%;">
                                <label>1- Nome</label>
                                <input type="text" name="nome_resp1" id="nome_resp1" class="form-control" value="{{$nome_resp1}}">
                            </div>
                            <div class="form-group col-xs-4 col-4 col-md-4 col-lg-4" style="margin-top: 5%;">
                                <label for="tel_resp1">Telefone</label>
                                <input type="tel" name="tel_resp1" id="tel_resp1" class="form-control"
                                    placeholder="" onkeyup="this.value = formatarTelefone(this.value)" value="{{$telefone_resp1}}" maxlength="15">
                            </div>

                            <div class="form-group col-xs-8 col-8 col-md-8 col-lg-8">
                                <label>2- Nome</label>
                                <input type="text" name="nome_resp2" id="nome_resp2" class="form-control"  value="{{$nome_resp2}}">
                            </div>
                            <div class="form-group col-xs-4 col-4 col-md-4 col-lg-4">
                                <label for="tel_resp2">Telefone</label>
                                <input type="tel" name="tel_resp2" id="tel_resp2" class="form-control"
                                    placeholder="" onkeyup="this.value = formatarTelefone(this.value)" value="{{$telefone_resp2}}" maxlength="15">
                            </div>

                            <div class="form-group col-xs-8 col-8 col-md-8 col-lg-8">
                                <label>3- Nome</label>
                                <input type="text" name="nome_resp3" id="nome_resp3" class="form-control"  value="{{$nome_resp3}}">
                            </div>
                            <div class="form-group col-xs-4 col-4 col-md-4 col-lg-4">
                                <label for="tel_resp3">Telefone</label>
                                <input type="tel" name="tel_resp3" id="tel_resp3" class="form-control"
                                    placeholder="" onkeyup="this.value = formatarTelefone(this.value)" value="{{$telefone_resp3}}" maxlength="15">
                            </div>

                            <div class="form-group col-xs-12 col-12 col-md-12 col-lg-12" style="margin-top: 5%;">
                                <p><b>Em caso de uma emergência, deixar abaixo o contato do responsável:</b></p>
                                <div class="row">
                                    <div class="form-group col-xs-8 col-8 col-md-8 col-lg-8">
                                        <label>Nome</label>
                                        <input type="text" name="nome_emergencia" id="nome_emergencia"
                                            class="form-control" value="{{$estudante->nome_emergencia}}" value="{{$estudante->nome_emergencia}}">
                                    </div>
                                    <div class="form-group col-xs-4 col-4 col-md-4 col-lg-4">
                                        <label for="tel_emergencia">Telefone</label>
                                        <input type="tel" name="tel_emergencia" id="tel_emergencia" class="form-control"
                                            placeholder="" onkeyup="this.value = formatarTelefone(this.value)" value="{{$estudante->telefone_emergencia}}" maxlength="15">
                                    </div>
                                </div>
                                <br>

                                <b>
                                    Declaro que as informações prestadas acima são verdadeiras, e assumo a inteira responsabilidade por elas.
                                </b>

                                <!-- </br> -->

                            </div>


                        </div>
                    </div>







                </div>
            </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 class="form-group col-xs-8">
                          <a href="/autorizar_saida/{{$estudante->id}}/0" class="btn btn-danger" id="salvar_aluno">Não autorizar</a>

                           <button type="submit" class="btn btn-success" id="salvar_aluno">Confirmar Autorização</button>

                           <a href="/imprimir_autorizacao_saida/{{$estudante->id}}" class="btn btn-primary">Imprimir Esta Ficha</a>
                           <a href="/imprimir_todas_fichas/{{$estudante->id}}" class="btn btn-primary">Imprimir Todas as Fichas</a>
                     </div>
<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