@extends('layouts.app')

@section('conteudo')
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script type="text/javascript" src="js/cep.js"></script>

<style>
    /* Estilize o botão de forma personalizada */
    .botao-eliminar {
        background-color: red; /* Cor de fundo vermelha */
        color: white; /* Cor do texto branca */
        border: none; /* Remova a borda */
        border-radius: 50%; /* Faça o botão circular */
        padding: 5px 10px; /* Adicione algum preenchimento para melhor aparência */
        cursor: pointer; /* Transforme o cursor em uma mão ao pairar sobre o botão */
    }
</style>

<!-- Hero -->
<div class="bg-image" style="background-image: url(''); margin-top: 70px;">
  <div class="bg-black-50">
    <div class="content content-full">
      <div class="d-flex justify-content-between align-items-center">
        <h1 class="flex-grow-1 fs-2 text-white my-2">
          <i class="fa fa-boxes text-white-50 me-1"></i> Beneficiários
        </h1>
        @can('pode_visualizar_estudante')
        <a class="btn btn-primary my-2" href="/estudantes">
          <i class="fa fa-fw fa-list"></i>
          <span class="d-none d-sm-inline ms-1">Listar Beneficiários</span>
        </a>
        @endcan
      </div>
    </div>
  </div>
</div>
<!-- END Hero -->
{{-- só quem tem permissão para visualizar esta página --}}
@can('pode_visualizar_estudante')

<div class="content">
  <!-- Elements -->
  <div class="block block-rounded">
    <div class="block-header block-header-default">
      <h3 class="block-title">Editar Beneficiário</h3>
    </div>
    <div class="block-content">

      <div class="row">

        <div class="col-lg-12 space-y-6">

          <!-- Form Inline - Alternative Style -->
          <form action="/actualizar_estudante/{{$estudante->id}}" method="POST" enctype="multipart/form-data">
            <!-- <div class="row row-cols-lg-auto g-4 align-items-center"> -->
            <div class="row  g-4 align-items-center">
              @csrf
              <div class=" text-center col-2">
                <label for="foto">
                  @if($estudante->foto == null)
                  <p style="font-size: 12px;"> Sem Foto </p>
                  @else
                  <a href="/eliminar_imagem_estudante/{{$estudante->id}}" class="botao-eliminar" id="eliminar-imagem">x</a>
                  <img style="max-width: 90%; max-height: 90%;" src="{{$estudante->foto}}" id="preview-img">
                  @endif
                </label>
                <!-- </a> -->
              </div>

              <div class="col-7">
                <label class="form-label" for="nome">Nome*</label>
                <input type="text" class="form-control" id="nome" name="nome" value="{{$estudante->nome}}" placeholder="Nome">
              </div>
              <div class="col-3">
                <label class="form-label" for="data_nascimento">Data Nascimento*</label>
                <input type="date" class="form-control" id="data_nascimento" name="data_nascimento" value="{{date ('Y-m-d', strtotime($estudante->data_nascimento))}}" placeholder="data nascimento">
              </div>
              <div class="col-5">
                <label class="form-label" for="foto">Upload Foto*</label>
                <input type="file" class="form-control" id="foto" name="foto" value="{{$estudante->foto}}" placeholder="foto" style="display: none;" onchange="previewImage(event);">
              </div>

              <div class="col-2">
                <label class="form-label" for="rm">RM</label>
                <input type="text" class="form-control" id="rm" name="rm" value="{{$estudante->rm}}" placeholder="rm" disabled>
              </div>
              <div class="col-2" style="margin-top: 50px;">
                <input class="form-check-input" type="checkbox" id="gerar_rm" name="gerar_rm" value="{{$estudante->gerar_rm}}" checked>
                <label class="form-check-label" for="gerar_rm">Gerar RM</label>
              </div>

              <!-- <div class="col-3">
                <label class="form-label" for="estado">Estado</label>
                <select class="form-select estado" id="estado" name="estado_nascimento" value="{{$estudante->estado_nascimento}}">
                  <option value="">Selecione o estado</option>
                </select>
              </div>

              <div class="col-3">
                <label class="form-label" for="cidade">Cidade</label>
                <select class="form-select cidade" id="cidade" name="cidade_nascimento" value="{{$estudante->cidade_nascimento}}">
                  <option value="">Selecione a cidade</option>
                </select>
              </div> -->

              <div class="col-3">
                <label class="form-label" for="sexo">Sexo</label>
                <select class="form-select" id="sexo" name="sexo" value="{{$estudante->sexo}}">
                  <option {{0 == $estudante->sexo ? 'selected' : ''}} value="0">Prefiro não dizer </option>
                  <option {{2 == $estudante->sexo ? 'selected' : ''}} value="2">Feminino</option>
                  <option {{1 == $estudante->sexo ? 'selected' : ''}} value="1">Masculino</option>
                </select>
              </div>
              <div class="col-3">
                <label class="form-label" for="naturalidade">Nacionalidade</label>
                <input type="text" class="form-control" id="naturalidade" name="naturalidade" value="{{$estudante->naturalidade}}" placeholder="naturalidade">
              </div>
              <div class="col-3">
                <label class="form-label" for="cidade_nascimento">Cidade de nascimento</label>
                <input type="text" class="form-control" id="cidade_nascimento" name="cidade_nascimento" value="{{$estudante->cidade_nascimento}}">
              </div>
              <!-- <div class="col-4">
                <label class="form-label" for="foto">RA</label>
                <input type="text" class="form-control" id="nome" name="ra" value="{{$estudante->ra}}" placeholder="ra">
              </div> -->
              <div class="col-3">
                <label class="form-label" for="cpf">CPF</label>
                <input type="text" class="form-control" id="cpf" name="cpf" value="{{$estudante->cpf}}" placeholder="cpf" maxlength="14">
              </div>

              <div class="col-3">
                <label class="form-label" for="vulnerabilidade">Vulnerabilidade</label>
                <select class="form-select" id="vulnerabilidade" name="vulnerabilidade" value="{{$estudante->vulnerabilidade}}">
                  <option {{1 == $estudante->vulnerabilidade ? 'selected' : ''}} value="1">Sim</option>
                  <option {{0 == $estudante->vulnerabilidade ? 'selected' : ''}} value="0">Não</option>
                </select>
              </div>
              <div class="col-3">
                <label class="form-label" for="rg">RG*</label>
                <input type="text" class="form-control" id="rg" name="rg" value="{{$estudante->rg}}" placeholder="rg">
              </div>


              <div class="col-3">
                <label class="form-label" for="estado_emissor">Estado Emissor*</label>
                <input type="text" class="form-control" id="estado_emissor" name="estado_emissor" value="{{$estudante->estado_emissor}}">

                <!-- <select class="form-select estado" id="estado" name="estado_emissor" value="{{$estudante->estado_emissor}}" >
                  <option value="">Selecione o estado</option>
                </select> -->
              </div>
              <div class="col-3">
                <label class="form-label" for="orgao_emissor">Orgão Emissor*</label>
                <input type="text" class="form-control" id="orgao_emissor" name="orgao_emissor" value="{{$estudante->orgao_emissor}}" placeholder="orgao_emissor">
              </div>
              <div class="col-3">
                <label class="form-label" for="data_expedicao">Data de Expedição*</label>
                <input type="date" class="form-control" id="data_expedicao" name="data_expedicao" value="{{date ('Y-m-d', strtotime($estudante->data_expedicao))}}" placeholder="data_expedicao">
              </div>
              <!-- campo excluido -->
              <!-- <div class="col-3">
                <label class="form-label" for="passe_escolar">Passe Escolar</label>
                <select class="form-select" id="passe_escolar" name="passe_escolar">
                  <option>Sim</option>
                  <option>Não</option>
                </select>
              </div> -->

              <div class="col-6">
                <label class="form-label" for="email">Email</label>
                <input type="email" class="form-control" id="email" name="email" value="{{$estudante->email}}" placeholder="email">
              </div>
              <div class="col-3">
                <label class="form-label" for="telefone_residencial">Telefone Residencial</label>
                <input type="tel" class="form-control" id="telefone_residencial" name="telefone_residencial" value="{{$estudante->telefone_residencial}}" placeholder="(00)00000-0000" maxlength="14">
              </div>
              <div class="col-3">
                <label class="form-label" for="telefone_celular">Telefone Cel. / Whatsapp*</label>
                <input type="tel" class="form-control" id="telefone_celular" name="telefone_celular" value="{{$estudante->telefone_celular}}" placeholder="(00)00000-0000" maxlength="15">
              </div>


              <!-- campo novo -->
              <div class="col-3">
                <label class="form-label" for="telefone1">Telefone1</label>
                <input type="tel" class="form-control" id="telefone1" name="telefone1" value="{{$estudante->telefone1}}" placeholder="(00)00000-0000" maxlength="15">
              </div>
              <!-- campo novo -->
              <div class="col-3">
                <label class="form-label" for="telefone2">Telefone2</label>
                <input type="tel" class="form-control" id="telefone2" name="telefone2" value="{{$estudante->telefone2}}" placeholder="(00)00000-0000" maxlength="15">
              </div>


              <div class="col-3">
                <label class="form-label" for="cor_raca">Cor/Raça</label>
                <select class="form-select" id="cor_raca" name="cor_raca" value="{{$estudante->cor_raca}}">
                  <option {{1 == $estudante->cor_raca ? 'selected' : ''}} value="1">Branco</option>
                  <option {{2 == $estudante->cor_raca ? 'selected' : ''}} value="2">Negro</option>
                  <option {{3 == $estudante->cor_raca ? 'selected' : ''}} value="3">Pardo</option>
                  <option {{4 == $estudante->cor_raca ? 'selected' : ''}} value="4">Amarelo</option>
                </select>
              </div>
              <div class="col-3">
                <label class="form-label" for="possui_irmaos">Possui Irmãos</label>
                <select class="form-select" id="possui_irmaos" name="possui_irmaos" value="{{$estudante->possui_irmaos}}">
                  <option {{1 == $estudante->possui_irmaos ? 'selected' : ''}} value="1">Sim</option>
                  <option {{0 == $estudante->possui_irmaos ? 'selected' : ''}} value="0">Não</option>
                </select>
              </div>

              <hr>
              <h3>Endereço</h3>
              <div class="col-3">
                <label class="form-label" for="endereco_cep">CEP*</label>
                <input type="text" class="form-control" id="nome" name="endereco_cep" value="{{$estudante->endereco_cep}}" placeholder="cep">
              </div>
              <div class="col-7">
                <label class="form-label" for="endereco">Endereço*</label>
                <input type="text" class="form-control" id="nome" name="endereco" value="{{$estudante->endereco}}" placeholder="endereco">
              </div>
              <div class="col-2">
                <label class="form-label" for="numero_endereco">Numero*</label>
                <input type="text" class="form-control" id="nome" name="numero_endereco" value="{{$estudante->numero_endereco}}" placeholder="numero">
              </div>
              <div class="col-3">
                <label class="form-label" for="complemento_endereco">complemento</label>
                <input type="text" class="form-control" id="nome" name="complemento_endereco" value="{{$estudante->complemento_endereco}}" placeholder="complemento">
              </div>
              <div class="col-3">
                <label class="form-label" for="bairro_endereco">Bairro*</label>
                <input type="text" class="form-control" id="nome" name="bairro_endereco" value="{{$estudante->bairro_endereco}}" placeholder="bairro">
              </div>

              <div class="col-3">
                <label class="form-label" for="estado_endereco">Estado*</label>
                <input type="text" class="form-control " id="nome" name="estado_endereco" value="{{$estudante->estado_endereco}}" placeholder="estado">
                <!-- <select class="form-select estado" id="estado" name="estado_endereco" value="{{$estudante->estado_endereco}}">
                  <option value="">Selecione o estado</option>
                </select> -->
              </div>

              <div class="col-3">
                <label class="form-label" for="cidade_endereco">Cidade*</label>
                <input type="text" class="form-control " id="nome" name="cidade_endereco" value="{{$estudante->cidade_endereco}}" placeholder="cidade">
                <!-- <select class="form-select cidade" id="cidade" name="cidade_endereco" value="{{$estudante->cidade_endereco}}">
                  <option value="">Selecione a cidade</option>
                </select> -->
              </div>

              <hr>
              <h3>Certidao Nascimento </h3>
              <div class="col-4">
                <label class="form-label" for="certidao_nascimento_numero">Numero</label>
                <input type="text" class="form-control" id="certidao_nascimento_numero" name="certidao_nascimento_numero" value="{{$estudante->certidao_nascimento_numero}}" placeholder="numero">
              </div>
              <div class="col-4">
                <label class="form-label" for="livro_certidao">Livro</label>
                <input type="text" class="form-control" id="livro_certidao" name="livro_certidao" value="{{$estudante->livro_certidao}}" placeholder="livro">
              </div>
              <div class="col-4">
                <label class="form-label" for="folha_certidao">Folha</label>
                <input type="text" class="form-control" id="folha_certidao" name="folha_certidao" value="{{$estudante->folha_certidao}}" placeholder="folha">
              </div>
              <div class="col-4">
                <label class="form-label" for="cartorio_certidao">Cartório</label>
                <input type="text" class="form-control" id="cartorio_certidao" name="cartorio_certidao" value="{{$estudante->cartorio_certidao}}" placeholder="cartorio">
              </div>
              <div class="col-4">
                <label class="form-label" for="matricula_certidao">Matricula</label>
                <input type="text" class="form-control" id="matricula_certidao" name="matricula_certidao" value="{{$estudante->matricula_certidao}}" placeholder="matricula">
              </div>
              <!-- <div class="col-5">
                <label class="form-label" for="foto">Numero de Eleitor</label>
                <input type="text" class="form-control" id="nome" name="numero_eleitor" value="{{$estudante->numero_eleitor}}" placeholder="numero_eleitor">
              </div>
              <div class="col-2">
                <label class="form-label" for="foto">Zona</label>
                <input type="text" class="form-control" id="nome" name="zona_eleitor" value="{{$estudante->zona_eleitor}}" placeholder="zona_eleitor">
              </div>
              <div class="col-2">
                <label class="form-label" for="foto">Seção</label>
                <input type="text" class="form-control" id="nome" name="secao_eleitor" value="{{$estudante->secao_eleitor}}" placeholder="secao_eleitor">
              </div>
              <div class="col-3">
                <label class="form-label" for="foto">Emissão</label>
                <input type="date" class="form-control" id="nome" name="emissao_eleitor" value="{{$estudante->emissao_eleitor}}" placeholder="emissao_eleitor">
              </div>


              <div class="col-4">
                <label class="form-label" for="estado">Estado</label>
                <select class="form-select estado" id="estado" name="estado_emissao" value="{{$estudante->estado_emissao}}">
                  <option value="">Selecione o estado</option>
                </select>
              </div>

              <div class="col-4">
                <label class="form-label" for="cidade">Cidade</label>
                <select class="form-select cidade" id="cidade" name="cidade_emissao" value="{{$estudante->cidade_emissao}}">
                  <option value="">Selecione a cidade</option>
                </select>
              </div> -->

              <div class="col-4">
                <label class="form-label" for="portaria_certidao">Portaria</label>
                <input type="text" class="form-control" id="portaria_certidao" name="portaria_certidao" value="{{$estudante->portaria_certidao}}">

                <!-- <select class="form-select" id="portaria_certidao" name="portaria_certidao" value="{{$estudante->portaria_certidao}}">
                  <option {{0 == $estudante->portaria_certidao ? 'selected' : ''}} value="0" selected>Open this select menu</option>
                  <option {{1 == $estudante->portaria_certidao ? 'selected' : ''}} value="1">portaria #1</option>
                  <option {{2 == $estudante->portaria_certidao ? 'selected' : ''}} value="2">portaria #2</option>
                  <option {{3 == $estudante->portaria_certidao ? 'selected' : ''}} value="3">portaria #3</option>
                  <option {{4 == $estudante->portaria_certidao ? 'selected' : ''}} value="4">portaria #4</option>
                  <option {{5 == $estudante->portaria_certidao ? 'selected' : ''}} value="5">portaria #5</option>
                  <option {{6 == $estudante->portaria_certidao ? 'selected' : ''}} value="6">portaria #6</option>
                  <option {{7 == $estudante->portaria_certidao ? 'selected' : ''}} value="7">portaria #7</option>
                  <option {{8 == $estudante->portaria_certidao ? 'selected' : ''}} value="8">portaria #8</option>
                  <option {{9 == $estudante->portaria_certidao ? 'selected' : ''}} value="9">portaria #9</option>
                  <option {{10 == $estudante->portaria_certidao ? 'selected' : ''}} value="10">portaria #10</option>
                </select> -->
              </div>

              <hr>
              <h4 style="margin-bottom: -20px;">Pai</h4>
              <div class="col-4">
                <label class="form-label" for="pai">Nome</label>
                <input type="text" class="form-control" id="pai" name="pai" value="{{$estudante->pai}}" placeholder="pai">
              </div>
              <div class="col-3">
                <label class="form-label" for="cpf_pai">CPF</label>
                <input type="text" class="form-control" id="cpf" name="cpf_pai" value="{{$estudante->cpf_pai}}" placeholder="000.000.000-00">
              </div>
              <div class="col-3">
                <label class="form-label" for="telefone_pai">Telefone</label>
                <input type="tel" class="form-control" id="telefone_pai" name="telefone_pai" value="{{$estudante->telefone_pai}}" placeholder="(00)00000-0000" maxlength="15">
              </div>
              <!-- campo novo falta trazer os valores -->
              <div class="col-2">
                <label class="form-label" for="mora_junto_pai">Mora Junto</label>
                <select class="form-select" id="mora_junto_pai" name="mora_junto_pai" value="{{$estudante->mora_junto_pai}}">
                  <option value="1">Sim</option>
                  <option value="0">Não</option>
                </select>
              </div>
              <h4 style="margin-bottom: -20px;">Mãe</h4>
              <div class="col-4">
                <label class="form-label" for="mae">Nome</label>
                <input type="text" class="form-control" id="mae" name="mae" value="{{$estudante->mae}}" placeholder="mae">
              </div>
              <div class="col-3">
                <label class="form-label" for="cpf_mae">CPF</label>
                <input type="text" class="form-control" id="cpf" name="cpf_mae" value="{{$estudante->cpf_mae}}" placeholder="000.000.000-00">
              </div>
              <div class="col-3">
                <label class="form-label" for="telefone_mae">Telefone</label>
                <input type="tel" class="form-control" id="telefone_mae" name="telefone_mae" value="{{$estudante->telefone_mae}}" placeholder="(00)00000-0000" maxlength="15">
              </div>
              <!-- campo novo falta trazer os valores -->
              <div class="col-2">
                <label class="form-label" for="mora_junto_mae">Mora Junto</label>
                <select class="form-select" id="mora_junto_mae" name="mora_junto_mae" value="{{$estudante->mora_junto_mae}}">
                  <option value="1">Sim</option>
                  <option value="0">Não</option>
                </select>
              </div>

              <h4 style="margin-bottom: -20px;">Responsável Legal</h4>

              <div class="input-group input-group-lg">
                <input type="text" id="search-input" name="id" class="form-control form-control-alt" placeholder="Pesquise por nome ou cpf">
                <span class="input-group-text border-0 bg-body">
                  <i class="fa fa-fw fa-search"></i>
                </span>
              </div>

              <div style="cursor: pointer;">
                {{-- Listagem do resultado da pesquisa --}}
                <ul id="search-results"></ul>
              </div>

              <div class="col-4">
                <label class="form-label" for="responsavel_legal_id">Responsável Legal*</label>
                <input type="text" id="estudante_nome" value="{{isset($responsavel_legal->nome_completo) ? $responsavel_legal->nome_completo : ''}}" class="form-control" readonly>
              </div>

              <input type="hidden" class="form-control" id="responsavel_legal_id" name="responsavel_legal_id" value="{{isset($responsavel_legal->id) ? $responsavel_legal->id : ''}}" placeholder="responsável">
              <div class="col-4">
                <label class="form-label" for="parentesco_responsavel_legal">Grau de Parentesco</label>
                <input type="text" class="form-control" id="parentesco_responsavel_legal" value="{{$estudante->parentesco_responsavel_legal}}" name="parentesco_responsavel_legal">
              </div>
              <div class="col-4">
                <label class="form-label" for="mora_junto_responsavel_legal">Mora Junto</label>
                <select class="form-select" id="mora_junto_responsavel_legal" value="{{$estudante->mora_junto_responsavel_legal}}" name="mora_junto_responsavel_legal">
                  <option value="1">Sim</option>
                  <option value="0">Não</option>
                </select>
              </div>

              <hr>
              <h3>Informações complementares</h3>

              <div class="col-4">
                <label class="form-label" for="escola">Nome da Escola</label>
                <input type="text" class="form-control" id="escola" name="escola" value="{{$estudante->escola}}" placeholder="">
              </div>

              <div class="col-4">
                <label class="form-label" for="meio_transporte">Meio de transporte*</label>
                <select class="form-select" name="meio_transporte" value="{{$estudante->meio_transporte}}" id="meio_transporte">
                  <option {{1 == $estudante->meio_transporte ? 'selected' : ''}} value="1">A pé e sozinho</option>
                  <option {{2 == $estudante->meio_transporte ? 'selected' : ''}} value="2">De ônibus e sozinho</option>
                  <option {{3 == $estudante->meio_transporte ? 'selected' : ''}} value="3">Alguém sempre vem trazê-lo</option>
                  <option {{4 == $estudante->meio_transporte ? 'selected' : ''}} value="4">Transporte escolar</option>
                </select>
              </div>

              <div class="col-4">
                <label class="form-label" for="aluno_autorizado_sair">O aluno(a) está autorizado(a) a sair da escola sozinho(a)?*</label>
                <select class="form-select" name="aluno_autorizado_sair" value="{{$estudante->aluno_autorizado_sair}}" id="aluno_autorizado_sair">
                  <option {{1 == $estudante->aluno_autorizado_sair ? 'selected' : ''}} value="1">Sim</option>
                  <option {{0 == $estudante->aluno_autorizado_sair ? 'selected' : ''}} value="0">Não</option>
                </select>
              </div>

              <div class="col-8">
                <label>Quais dias?</label>
                </br>
                <div class="form-check form-check-inline">
                  <input class="form-check-input" name="quais_dias[]" type="checkbox" {{ in_array(2, old('quais_dias', $selected)) ? 'checked' : '' }} id="sair_sozinho_dias_2" value="2">
                  <label class="form-check-label" for="sair_sozinho_dias_2">2ªfeira</label>
                </div>
                <div class="form-check form-check-inline">
                  <input class="form-check-input" name="quais_dias[]" type="checkbox" {{ in_array(3, old('quais_dias', $selected)) ? 'checked' : '' }} id="sair_sozinho_dias_3" value="3">
                  <label class="form-check-label" for="sair_sozinho_dias_3">3ªfeira</label>
                </div>
                <div class="form-check form-check-inline">
                  <input class="form-check-input" name="quais_dias[]" type="checkbox" {{ in_array(4, old('quais_dias', $selected)) ? 'checked' : '' }} id="sair_sozinho_dias_4" value="4">
                  <label class="form-check-label" for="sair_sozinho_dias_4">4ªfeira</label>
                </div>
                <div class="form-check form-check-inline">
                  <input class="form-check-input" name="quais_dias[]" type="checkbox" {{ in_array(5, old('quais_dias', $selected)) ? 'checked' : '' }} id="sair_sozinho_dias_5" value="5">
                  <label class="form-check-label" for="sair_sozinho_dias_5">5ªfeira</label>
                </div>
                <div class="form-check form-check-inline">
                  <input class="form-check-input" name="quais_dias[]" type="checkbox" {{ in_array(6, old('quais_dias', $selected)) ? 'checked' : '' }} id="sair_sozinho_dias_6" value="6">
                  <label class="form-check-label" for="sair_sozinho_dias_6">6ªfeira</label>
                </div>
              </div>

              <div class="col-4">
                <label class="form-label" for="autorizacao_uso_imagem">Autorização de uso de imagem*</label>
                <select class="form-select" name="autorizacao_uso_imagem" value="{{$estudante->autorizacao_uso_imagem}}" id="autorizacao_uso_imagem">
                  <option value="S">Sim</option>
                  <option value="N">Não</option>
                </select>
              </div>

              <!-- <h4 style="margin-bottom: -20px;">Responsáveis para retirar o aluno</h4>



               {{-- <div class="col-12"> --}}
                <a data-bs-toggle="modal" data-bs-target="#modalAddResponsavel">
                  <button type="button" class="btn btn-alt-primary">
                    <i class="fa fa-fw fa-plus"> </i> Responsável
                  </button>
                </a>
              <input type="hidden" name="responsavel_para_tirar_id1" id="responsavel_para_tirar_id1" class="form-control" >
              <input type="hidden" name="responsavel_para_tirar_id2" id="responsavel_para_tirar_id2" class="form-control" >
              <input type="hidden" name="responsavel_para_tirar_id3" id="responsavel_para_tirar_id3" class="form-control" >


              <div class="col-4">
                <label class="form-label" for="responsavel_para_tirar_id">1º Responsável</label>
                <input type="text" id="estudante_nome2"  class="form-control" value="{{isset($responsavel_retirada1->nome_completo) ? $responsavel_retirada1->nome_completo : ''}}">
              </div>
              <div class="col-4">
                <label class="form-label" for="responsavel_para_tirar_id">2º Responsável</label>
                <input type="text" id="estudante_nome3" class="form-control" value="{{isset($responsavel_retirada2->nome_completo) ? $responsavel_retirada2->nome_completo : ''}}">
              </div>
              <div class="col-4">
                <label class="form-label" for="responsavel_para_tirar_id">3º Responsável</label>
                <input type="text" id="estudante_nome4" class="form-control" value="{{isset($responsavel_retirada3->nome_completo) ? $responsavel_retirada3->nome_completo : ''}}">
              </div>

              <div style="cursor: pointer;">
                <ul id="search-results2"></ul>
              </div> -->


              <hr>
                <h3 class="mb-4">Entrega de Documentos</h3>
                <div class="row g-3">
                    <!-- RG do Beneficiário -->
                    <div class="col-md-6 mb-3">
                        <div class="p-3 border rounded-3 shadow-sm">
                            <h5 class="mb-3">RG do Beneficiário</h5>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="rg_beneficiario_entregue" id="rg_beneficiario_entregue-entregue" value="entregue"
                                {{ $estudante->rg_beneficiario_entregue == 'entregue' ? 'checked' : '' }}>
                                <label class="form-check-label" for="rg_beneficiario_entregue-entregue">Entregue</label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="rg_beneficiario_entregue" id="rg_beneficiario_entregue-nao_entregue" value="nao_entregue"
                                {{ $estudante->rg_beneficiario_entregue == 'nao_entregue' ? 'checked' : '' }}>
                                <label class="form-check-label" for="rg_beneficiario_entregue-nao_entregue">Não Entregue</label>
                            </div>
                        </div>
                    </div>


                    <!-- Exemplo para Certidão do Beneficiário -->
                    <div class="col-md-6 mb-3">
                        <div class="p-3 border rounded-3 shadow-sm">
                            <h5 class="mb-3">Certidão do Beneficiário</h5>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="certidao_beneficiario_entregue" id="certidao_beneficiario_entregue-entregue" value="entregue"
                                {{ $estudante->certidao_beneficiario_entregue == 'entregue' ? 'checked' : '' }}>
                                <label class="form-check-label" for="certidao_beneficiario_entregue-entregue">Entregue</label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="certidao_beneficiario_entregue" id="certidao_beneficiario_entregue-nao_entregue" value="nao_entregue"
                                {{ $estudante->certidao_beneficiario_entregue == 'nao_entregue' ? 'checked' : '' }}>
                                <label class="form-check-label" for="certidao_beneficiario_entregue-nao_entregue">Não Entregue</label>
                            </div>
                        </div>
                    </div>

                </div>

                <!-- RG do Responsável -->
                <div class="col-md-6 mb-3">
                    <div class="p-3 border rounded-3 shadow-sm">
                        <h5 class="mb-3">RG do Responsável</h5>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="rg_responsavel_entregue" id="rg_responsavel_entregue-entregue" value="entregue"
                            {{ $estudante->rg_responsavel_entregue == 'entregue' ? 'checked' : '' }}>
                            <label class="form-check-label" for="rg_responsavel_entregue-entregue">Entregue</label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="rg_responsavel_entregue" id="rg_responsavel_entregue-nao_entregue" value="nao_entregue"
                            {{ $estudante->rg_responsavel_entregue == 'nao_entregue' ? 'checked' : '' }}>
                            <label class="form-check-label" for="rg_responsavel_entregue-nao_entregue">Não Entregue</label>
                        </div>
                    </div>
                </div>

                <!-- DVA -->
                <div class="col-md-6 mb-3">
                    <div class="p-3 border rounded-3 shadow-sm">
                        <h5 class="mb-3">DVA</h5>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="dva_entregue" id="dva_entregue-entregue" value="entregue"
                            {{ $estudante->dva_entregue == 'entregue' ? 'checked' : '' }}>
                            <label class="form-check-label" for="dva_entregue-entregue">Entregue</label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="dva_entregue" id="dva_entregue-nao_entregue" value="nao_entregue"
                            {{ $estudante->dva_entregue == 'nao_entregue' ? 'checked' : '' }}>
                            <label class="form-check-label" for="dva_entregue-nao_entregue">Não Entregue</label>
                        </div>
                    </div>
                </div>

                <!-- Comprovante de Residência -->
                <div class="col-md-6 mb-3">
                    <div class="p-3 border rounded-3 shadow-sm">
                        <h5 class="mb-3">Comprovante de Residência</h5>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="comprovante_residencia_entregue" id="comprovante_residencia_entregue-entregue" value="entregue"
                            {{ $estudante->comprovante_residencia_entregue == 'entregue' ? 'checked' : '' }}>
                            <label class="form-check-label" for="comprovante_residencia_entregue-entregue">Entregue</label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="comprovante_residencia_entregue" id="comprovante_residencia_entregue-nao_entregue" value="nao_entregue"
                            {{ $estudante->comprovante_residencia_entregue == 'nao_entregue' ? 'checked' : '' }}>
                            <label class="form-check-label" for="comprovante_residencia_entregue-nao_entregue">Não Entregue</label>
                        </div>
                    </div>
                </div>

                <!-- Declaração Escolar -->
                <div class="col-md-6 mb-3">
                    <div class="p-3 border rounded-3 shadow-sm">
                        <h5 class="mb-3">Declaração Escolar</h5>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="declaracao_escolar_entregue" id="declaracao_escolar_entregue-entregue" value="entregue"
                            {{ $estudante->declaracao_escolar_entregue == 'entregue' ? 'checked' : '' }}>
                            <label class="form-check-label" for="declaracao_escolar_entregue-entregue">Entregue</label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="declaracao_escolar_entregue" id="declaracao_escolar_entregue-nao_entregue" value="nao_entregue"
                            {{ $estudante->declaracao_escolar_entregue == 'nao_entregue' ? 'checked' : '' }}>
                            <label class="form-check-label" for="declaracao_escolar_entregue-nao_entregue">Não Entregue</label>
                        </div>
                    </div>
                </div>

                <!-- Cartão do SUS -->
                <div class="col-md-6 mb-3">
                    <div class="p-3 border rounded-3 shadow-sm">
                        <h5 class="mb-3">Cartão do SUS</h5>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="cartao_sus_entregue" id="cartao_sus_entregue-entregue" value="entregue"
                            {{ $estudante->cartao_sus_entregue == 'entregue' ? 'checked' : '' }}>
                            <label class="form-check-label" for="cartao_sus_entregue-entregue">Entregue</label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="cartao_sus_entregue" id="cartao_sus_entregue-nao_entregue" value="nao_entregue"
                            {{ $estudante->cartao_sus_entregue == 'nao_entregue' ? 'checked' : '' }}>
                            <label class="form-check-label" for="cartao_sus_entregue-nao_entregue">Não Entregue</label>
                        </div>
                    </div>
                </div>

            <!-- Cadastro Único -->
            <div class="col-md-6 mb-3">
                <div class="p-3 border rounded-3 shadow-sm">
                    <h5 class="mb-3">Cadastro Único</h5>
                    <div class="form-check">
                        <input class="form-check-input" type="radio" name="cadastro_unico_entregue" id="cadastro_unico_entregue-entregue" value="entregue"
                        {{ $estudante->cadastro_unico_entregue == 'entregue' ? 'checked' : '' }}>
                        <label class="form-check-label" for="cadastro_unico_entregue-entregue">Entregue</label>
                    </div>
                    <div class="form-check">
                        <input class="form-check-input" type="radio" name="cadastro_unico_entregue" id="cadastro_unico_entregue-nao_entregue" value="nao_entregue"
                        {{ $estudante->cadastro_unico_entregue == 'nao_entregue' ? 'checked' : '' }}>
                        <label class="form-check-label" for="cadastro_unico_entregue-nao_entregue">Não Entregue</label>
                    </div>
                </div>
            </div>


            <!-- Atestado Médico -->
            <div class="col-md-6 mb-3">
                <div class="p-3 border rounded-3 shadow-sm">
                    <h5 class="mb-3">Atestado Médico</h5>
                    <div class="form-check">
                        <input class="form-check-input" type="radio" name="atestado_medico_entregue" id="atestado_medico_entregue-entregue" value="entregue"
                        {{ $estudante->atestado_medico_entregue == 'entregue' ? 'checked' : '' }}>
                        <label class="form-check-label" for="atestado_medico_entregue-entregue">Entregue</label>
                    </div>
                    <div class="form-check">
                        <input class="form-check-input" type="radio" name="atestado_medico_entregue" id="atestado_medico_entregue-nao_entregue" value="nao_entregue"
                        {{ $estudante->atestado_medico_entregue == 'nao_entregue' ? 'checked' : '' }}>
                        <label class="form-check-label" for="atestado_medico_entregue-nao_entregue">Não Entregue</label>
                    </div>
                </div>
            </div>

            <!-- Foto Entregue -->
            <div class="col-md-6 mb-3">
                <div class="p-3 border rounded-3 shadow-sm">
                    <h5 class="mb-3">Foto</h5>
                    <div class="form-check">
                        <input class="form-check-input" type="radio" name="foto_entregue" id="foto_entregue-entregue" value="entregue"
                        {{ $estudante->foto_entregue == 'entregue' ? 'checked' : '' }}>
                        <label class="form-check-label" for="foto_entregue-entregue">Entregue</label>
                    </div>
                    <div class="form-check">
                        <input class="form-check-input" type="radio" name="foto_entregue" id="foto_entregue-nao_entregue" value="nao_entregue"
                        {{ $estudante->foto_entregue == 'nao_entregue' ? 'checked' : '' }}>
                        <label class="form-check-label" for="foto_entregue-nao_entregue">Não Entregue</label>
                    </div>
                </div>
            </div>



              <hr>

              <div class="col-12">
                <label class="form-label" for="observacoes_responsavel_para_tirar">Observações</label>
                <input type="text" class="form-control" id="observacoes_responsavel_para_tirar" name="observacoes_responsavel_para_tirar" value="{{$estudante->observacoes_responsavel_para_tirar}}" placeholder="observacoes">
              </div>


            </div>



            <hr>
            <center> <a type="submit"> <button type="submit" class="btn btn-primary m-1">
                  <i class="fa fa-fw fa-user-plus opacity-50 me-1"></i> Salvar Estudante
                </button> </a> </center>

          </form>
          <!-- END Form Inline - Alternative Style -->
        </div>
      </div>
      <!-- END Inline Layout -->



    </div>
  </div>
  <!-- END Elements -->
</div>
{{-- Pra quem não tem permissão de visualizar essa página aparecerá a mensagem abaixo --}}
@else

<center>
  <br>
  <div class="alert alert-danger" role="alert">
    Você não tem permissão pra visualizar essa página!
  </div>
</center>

@endcan
@include('layouts.incl_modal_registar_responsavelRetirada');



<script src="/js/jquery-3.4.1.min.js"></script>
<script src="/js/main.js"></script>

<script src="/js/axios.min.js"></script>


<script>

  //busca cep
  $(document).ready(function() {
    $("input[name=endereco_cep]").blur(function() {
      var cep = $(this).val().replace(/[^0-9]/, '');
      if (cep) {
        var url = 'https://viacep.com.br/ws/' + cep + '/json/';
        $.ajax({
          url: url,
          dataType: 'jsonp',
          crossDomain: true,
          contentType: "application/json",
          success: function(json) {
            if (json.logradouro) {
              $("input[name=endereco]").val(json.logradouro);
              $("input[name=bairro_endereco]").val(json.bairro);
              $("input[name=cidade_endereco]").val(json.localidade);
              $("input[name=estado_endereco]").val(json.uf);
            }
          }
        });
      }
    });
  });
</script>

<script>
  function previewImage(event) {
    var input = event.target;
    var reader = new FileReader();

    reader.onload = function() {
      var img = document.getElementById("preview-img");
      img.src = reader.result;
    }

    reader.readAsDataURL(input.files[0]);
  }

  //foto
  function readURL(input) {
    if (input.files && input.files[0]) {
      var reader = new FileReader();

      reader.onload = function(e) {
        $('#preview-img')
          .attr('src', e.target.result);
      };

      reader.readAsDataURL(input.files[0]);
    }
  }
</script>


<script>
  // Responsável Legal
  const searchInput = document.getElementById('search-input');
  const searchResults = document.getElementById('search-results');

  function addToInput(element) {
    let id = element.parentElement.getAttribute("data-id");
    var input = document.querySelector("#responsavel_legal_id");
    input.value = id;
    input.setAttribute("name", "responsavel_legal_id");

    var input2 = document.querySelector("#estudante_nome");
    input2.value = element.innerText;

    searchResults.innerHTML = '';
  }




  searchInput.addEventListener('input', () => {
    axios.get('/search_responsavel', {
        params: {
          query: searchInput.value
        }
      })
      .then(response => {
        searchResults.innerHTML = '';
        response.data.forEach(item => {
          const link = document.createElement('a');
          link.textContent = item.nome_completo;
          link.setAttribute("onclick", "addToInput(this)");
          const li = document.createElement('li');
          li.setAttribute("data-id", item.id);
          li.appendChild(link);
          searchResults.appendChild(li);
        });
      });
  });




  // Responsável para retirar 1
  const searchInput2 = document.getElementById('estudante_nome2');
  const searchResults2 = document.getElementById('search-results2');

  function addToInput2(element) {
    let id = element.parentElement.getAttribute("data-id2");
    var input = document.querySelector("#responsavel_para_tirar_id1");
    input.value = id;
    input.setAttribute("name", "responsavel_para_tirar_id1");

    searchInput2.value = element.innerText;

    searchResults2.innerHTML = '';
  }

  searchInput2.addEventListener('input', () => {
    axios.get('/search_responsavel', {
        params: {
          query: searchInput2.value
        }
      })
      .then(response => {
        searchResults2.innerHTML = '';
        response.data.forEach(item => {
          const link2 = document.createElement('a');
          link2.textContent = item.nome_completo;
          link2.setAttribute("onclick", "addToInput2(this)");
          const li = document.createElement('li');
          li.setAttribute("data-id2", item.id);
          li.appendChild(link2);
          searchResults2.appendChild(li);
        });
      });
  });




  // Responsável para retirar 2
  const searchInput3 = document.getElementById('estudante_nome3');
  const searchResults3 = document.getElementById('search-results2');

  function addToInput3(element) {
    let id = element.parentElement.getAttribute("data-id3");
    var input = document.querySelector("#responsavel_para_tirar_id2");
    input.value = id;
    input.setAttribute("name", "responsavel_para_tirar_id2");

    searchInput3.value = element.innerText;

    searchResults3.innerHTML = '';
  }

  searchInput3.addEventListener('input', () => {
    axios.get('/search_responsavel', {
        params: {
          query: searchInput3.value
        }
      })
      .then(response => {
        searchResults3.innerHTML = '';
        response.data.forEach(item => {
          const link3 = document.createElement('a');
          link3.textContent = item.nome_completo;
          link3.setAttribute("onclick", "addToInput3(this)");
          const li = document.createElement('li');
          li.setAttribute("data-id3", item.id);
          li.appendChild(link3);
          searchResults3.appendChild(li);
        });
      });
  });




  // Responsável para retirar 3
  const searchInput4 = document.getElementById('estudante_nome4');
  const searchResults4 = document.getElementById('search-results2');

  function addToInput4(element) {
    let id = element.parentElement.getAttribute("data-id4");
    var input = document.querySelector("#responsavel_para_tirar_id3");
    input.value = id;
    input.setAttribute("name", "responsavel_para_tirar_id3");

    searchInput4.value = element.innerText;

    searchResults4.innerHTML = '';
  }

  searchInput4.addEventListener('input', () => {
    axios.get('/search_responsavel', {
        params: {
          query: searchInput4.value
        }
      })
      .then(response => {
        searchResults4.innerHTML = '';
        response.data.forEach(item => {
          const link4 = document.createElement('a');
          link4.textContent = item.nome_completo;
          link4.setAttribute("onclick", "addToInput4(this)");
          const li = document.createElement('li');
          li.setAttribute("data-id4", item.id);
          li.appendChild(link4);
          searchResults4.appendChild(li);
        });
      });
  });




  //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('telefone_residencial').onkeyup = function() {
      mascara(this, mtel);
    }
    id('telefone1').onkeyup = function() {
      mascara(this, mtel);
    }
    id('telefone2').onkeyup = function() {
      mascara(this, mtel);
    }
    id('telefone_celular').onkeyup = function() {
      mascara(this, mtel);
    }
    id('telefone_pai').onkeyup = function() {
      mascara(this, mtel);
    }
    id('telefone_mae').onkeyup = function() {
      mascara(this, mtel);
    }
    id('telefone_responsavel_para_legal').onkeyup = function() {
      mascara(this, mtel);
    }
    id('telefone_responsavel_para_tirar').onkeyup = function() {
      mascara(this, mtel);
    }
  }

  //cpf
  const cpfInput = document.querySelector("#cpf");

  cpfInput.addEventListener("input", function(event) {
    let x = event.target.value.replace(/\D/g, "");
    let y = x.slice(0, 3) + "." + x.slice(3, 6) + "." + x.slice(6, 9) + "-" + x.slice(9);

    if (x.length > 10) {
      event.target.value = y;
    }
  });

 //mascara RG
 function mascaraRG(valor) {
    valor = valor.replace(/[^\da-z]/g, ""); // remove todos os caracteres que não são números ou letras
    valor = valor.replace(/^(\d{2})(\d{3})(\d{3})(\w{1})$/, "$1.$2.$3-$4"); // adiciona a máscara, permitindo uma letra no final
    return valor;
 }
</script>
@include('layouts.incl_modal_registar_responsavelRetirada');

@endsection