@extends('layouts.app')

@section('conteudo')

<style>
    .campos-visiveis{
        display: inline-block;
        margin: 25px;
    }
</style>

<br><br>
<center>
  @if (session()->has('error'))
  <div class="alert alert-danger" role="alert">
    {{ session('error') }}
  </div>
  @endif
</center>

<!-- Hero -->
<div class="bg-image" style="background-image: url('');">
  <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> Relatório de Turmas
        </h1>
      </div>
    </div>
  </div>
</div>
<!-- END Hero -->



<div class="content content-full">

  <form action="/filtrar_turmas_relatorio" method="get">
    @csrf

    <h6>Marque os campos que estarão visíveis no relatório</h6>
    <div class="mb-4">
        <!-- <label class="form-label">Marque os campos que estarão visíveis</label> -->
        <div class="space-y-3 campos-visiveis">
            <div class="form-check">
                <input class="form-check-input" type="checkbox" value="id" id="id"  name="campos_visiveis[]" checked>
                <label class="form-check-label" for="id">ID</label>
            </div>
            <div class="form-check">
                <input class="form-check-input" type="checkbox" value="descricao" id="descricao"  name="campos_visiveis[]" checked>
                <label class="form-check-label" for="descricao">Descrição</label>
            </div>
            <div class="form-check">
                <input class="form-check-input" type="checkbox" value="periodo_id" id="periodo_id"  name="campos_visiveis[]">
                <label class="form-check-label" for="periodo_id">Periodo</label>
            </div>
            <div class="form-check">
                <input class="form-check-input" type="checkbox" value="ano" id="ano"  name="campos_visiveis[]" checked>
                <label class="form-check-label" for="ano">Ano</label>
            </div>
        </div>
        <div class="space-y-3 campos-visiveis">
            <div class="form-check">
                <input class="form-check-input" type="checkbox" value="vagas" id="vagas"  name="campos_visiveis[]">
                <label class="form-check-label" for="vagas">Vagas</label>
            </div>
            <div class="form-check">
                <input class="form-check-input" type="checkbox" value="sigla" id="sigla"  name="campos_visiveis[]">
                <label class="form-check-label" for="sigla">Sigla</label>
            </div>
            <div class="form-check">
                <input class="form-check-input" type="checkbox" value="carga_horaria_turma" id="carga_horaria_turma"  name="campos_visiveis[]">
                <label class="form-check-label" for="carga_horaria_turma">Carga Horária Turma</label>
            </div>
            <div class="form-check">
                <input class="form-check-input" type="checkbox" value="data_inicio" id="data_inicio"  name="campos_visiveis[]">
                <label class="form-check-label" for="data_inicio">Data de Início</label>
            </div>
        </div>
        <div class="space-y-3 campos-visiveis">
            <div class="form-check">
                <input class="form-check-input" type="checkbox" value="data_termino" id="data_termino"  name="campos_visiveis[]">
                <label class="form-check-label" for="data_termino">Data de Término</label>
            </div>
            <div class="form-check">
                <input class="form-check-input" type="checkbox" value="horario_entrada" id="horario_entrada"  name="campos_visiveis[]">
                <label class="form-check-label" for="horario_entrada">Horário de Entrada</label>
            </div>
            <div class="form-check">
                <input class="form-check-input" type="checkbox" value="horario_saida" id="horario_saida"  name="campos_visiveis[]">
                <label class="form-check-label" for="horario_saida">Horário de Saída</label>
            </div>
            <div class="form-check">
                <input class="form-check-input" type="checkbox" value="plano_aula" id="plano_aula"  name="campos_visiveis[]">
                <label class="form-check-label" for="plano_aula">Plano de Aula</label>
            </div>
        </div>
        <div class="space-y-3 campos-visiveis">
            <div class="form-check">
                <input class="form-check-input" type="checkbox" value="endereco_aula_zoom" id="endereco_aula_zoom"  name="campos_visiveis[]">
                <label class="form-check-label" for="endereco_aula_zoom">Endereço da Aula Zoom</label>
            </div>
            <div class="form-check">
                <input class="form-check-input" type="checkbox" value="dias_de_aula" id="dias_de_aula"  name="campos_visiveis[]">
                <label class="form-check-label" for="dias_de_aula">Dias de Aula</label>
            </div>
            <div class="form-check">
                <input class="form-check-input" type="checkbox" value="created_at" id="created_at"  name="campos_visiveis[]">
                <label class="form-check-label" for="created_at">Data de Criação</label>
            </div>
            <div class="form-check">
                <input class="form-check-input" type="checkbox" value="status" id="status"  name="campos_visiveis[]">
                <label class="form-check-label" for="status">Status</label>
            </div>
        </div>
    </div>

    <!-- Campos filtráveis -->

    <div class="row">
      <div class="col-6" style="display: inline-block">
            <label class="form-label" for="sexo">Projeto</label>
            <select class="form-select" id="select2" name="projeto_id">
            <option value="" selected></option>
            @foreach($options2 as $item)
            <option value="{{$item->id}}">{{$item->descricao}}</option>
            @endforeach
          </select>
        </div>
    <div class="col-3" style="display: none" id="div-ano">
      <label class="form-label" for="ano">Por Ano</label>
      <input type="number" class="form-control" id="input-ano" name="ano">
    </div>
    <div class="col-3" style="display: none" id="div-descricao">
      <label class="form-label" for="descricao">Descrição</label>
      <input type="text" class="form-control" id="input-descricao" name="descricao">
    </div>
    <div class="col-3 col-sm-2 col-lg-2" style="display: none" id="div-periodo">
        <label class="form-label" for="periodo">Período</label>
        <select class="form-select" name="periodo_id" >
            <option value="">Todos</option>
            <option value="1">Manhã</option>
            <option value="2">Tarde</option>
            <option value="3">Noite</option>
        </select>
    </div>

    <div class="col-3" style="display: none" id="div-vagas">
      <label class="form-label" for="vagas">Nº Vagas</label>
      <input type="number" class="form-control" id="input-vagas" name="vagas">
    </div>

    <div class="col-3" style="display: none" id="div-sigla">
      <label class="form-label" for="sigla">Sigla</label>
      <input type="text" class="form-control" id="input-sigla" name="sigla">
    </div>

    <div class="col-3" style="display: none" id="div-carga_horaria_turma">
      <label class="form-label" for="carga_horaria_turma">Carga Horária da Turma</label>
      <input type="text" class="form-control" id="input-carga_horaria_turma" name="carga_horaria_turma">
    </div>

    <div class="col-6 col-sm-6 col-lg-3" style="display: none" id="div-horario_entrada">
        <label class="form-label" for="horario_entrada">Horário (Entrada)</label>
        <input type="time" class="form-control" id="horario_entrada" name="horario_entrada" >
    </div>
    <div class="col-6 col-sm-6 col-lg-3" style="display: none" id="div-horario_saida">
        <label class="form-label" for="horario_saida">Horário (Saída)</label>
        <input type="time" class="form-control" id="horario_saida" name="horario_saida" >
    </div>

    <div class="col-3" style="display: none" id="div-endereco_aula_zoom">
      <label class="form-label" for="endereco_aula_zoom">Endereço Aula Zoom</label>
      <input type="text" class="form-control" id="input-endereco_aula_zoom" name="endereco_aula_zoom">
    </div>

    <div class="col-12 col-sm-12 col-lg-12" style="display: none" id="div-dias_de_aula">
        <label>Dias de aula?*</label>
        </br>
        <div class="form-check form-check-inline">
            <input class="form-check-input" name="dias_de_aula[]" type="checkbox" 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="dias_de_aula[]" type="checkbox" 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="dias_de_aula[]" type="checkbox" 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="dias_de_aula[]" type="checkbox" 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="dias_de_aula[]" type="checkbox" id="sair_sozinho_dias_6" value="6">
            <label class="form-check-label" for="sair_sozinho_dias_6">6ª feira</label>
        </div>
    </div>

    <!--  falta fazer (para fazer de turmas inativas)-->
    <div class="col-3" style="display: none" id="div-status">
      <label class="form-label" for="status">Status</label>
      <select class="form-select" id="input-status" name="status">
        <option value="">Todos</option>
        <option value="1">Ativo</option>
        <option value="0">Inativo</option>
      </select>
    </div>
    <div class="col-4" style="display: none" id="div-data_inicial">
      <label class="form-label" for="data_inicial">Data Inicial</label>
      <input type="date" class="form-control" name="data_inicial" id="input-data_inicial">
    </div>
    <div class="col-4" style="display: none" id="div-data_final">
      <label class="form-label" for="data_final">Data Final</label>
      <input type="date" class="form-control" id="input-data_final" name="data_final">
    </div>


    <!--  falta fazer -->
    <div class="col-4" style="display: none" id="div-semana">
      <label class="form-label" for="semana">Semanal</label>
      <select class="form-select" id="input-semana" name="semana">
        <option value="">Todos dias</option>
        <option value="1">Segunda-Feira</option>
        <option value="2">Terça-Feira</option>
        <option value="3">Quarta-Feira</option>
        <option value="4">Quinta-Feira</option>
        <option value="5">Sexta-Feira</option>
        <option value="6">Sabado</option>
      </select>
     </div>





    <div class="col-4" style="display: inline-block; margin-left: 30px;">
      <button class="btn btn-primary my-2" type="submit">
        <!-- <a class="btn btn-primary my-2" data-bs-toggle="modal" data-bs-target="#addProjetModal"> -->
        <i class="fa fa-fw fa-search"></i>
        <span class="d-none d-sm-inline ms-1">Aplicar Filtros</span>
      </button>
      <a href="/filtrar_turmas_relatorio" class="btn btn-danger">
        <i class="bi bi-x-circle"></i> Remover Filtros
    </a>
    </div>


    </div>
  </form>


  <p style="color: red;"> {{$descricao}} </p>

</div>





{{-- só quem tem permissão para visualizar esta página --}}
@can('pode_visualizar_turma')
<!-- funcionalidade trazer todos os projetos vigentes do ano -->
<!-- Page Content -->
<div class="content content-boxed">
  <!-- Invoice -->
  <div class="block block-rounded">
    <div class="block-header block-header-default">
      <h3 class="block-title">Relatório de Turma</h3>
      <div class="block-options">
        <!-- Print Page functionality is initialized dmPrint() -->
        <form method="post" action="/imprimir_turmas_relatorio">
          @csrf

          <input type="hidden" name="sexo" value="{{$request->sexo}}">
          <input type="hidden" name="cor" value="{{$request->cor}}">
          <input type="hidden" name="possui_irmaos" value="{{$request->possui_irmaos}}">
          <input type="hidden" name="ex_beneficiario" value="{{$request->ex_beneficiario}}">
          <input type="hidden" name="cpf_pai" value="{{$request->cpf_pai}}">
          <input type="hidden" name="cpf_mae" value="{{$request->cpf_mae}}">
          <input type="hidden" name="cpf_resp" value="{{$request->cpf_resp}}">
          <input type="hidden" name="autorizado_sair" value="{{$request->autorizado_sair}}">
          <input type="hidden" name="autorizacao_imagem" value="{{$request->autorizacao_imagem}}">

          <button type="submit" class="btn-block-option">
            <i class="far fa-2x fa-file-pdf me-1"></i> Imprimir Relatório para Pdf
          </button>
        </form>

        <form method="post" action="/exportar_turmas_excel">
            @csrf

            <button type="submit" class="btn-block-option">
                <i class="far fa-2x fa-file-excel me-1"></i> Imprimir Relatório para Excel
            </button>

            </form>



        </a>
      </div>
    </div>
    <div class="block-content">
      <div class="p-sm-4 p-xl-7">
        <!-- Invoice Info -->
        <div class="row mb-5">
          <!-- Company Info -->
          <div class="col-6">
            <p class="h3">Relatório de Turma</p>
            <address>
              {{ now()->format('d/m/Y H:i:s') }}<br>
            </address>
          </div>
          <!-- END Company Info -->

          <!-- Client Info -->
          <div class="col-6 text-end">
            <p class="h3">Emitido Por</p>
            <address>
              {{$usuario->name}}<br>
              {{$usuario->email}}<br>
            </address>
          </div>
          <!-- END Client Info -->
        </div>
        <!-- END Invoice Info -->

        <!-- Table -->
        <div class="table-responsive push">
          <table class="table table-bordered">
            <thead class="bg-body">
              <tr>
                @if (in_array('id', $camposVisiveis))
                <th class="text-center">ID</th>
                @endif
                @if (in_array('descricao', $camposVisiveis))
                <th>Descrição</th>
                @endif
                @if (in_array('periodo_id', $camposVisiveis))
                <th class="text-end">Periodo</th>
                @endif
                @if (in_array('ano', $camposVisiveis))
                <th class="text-end">Ano</th>
                @endif
                @if (in_array('vagas', $camposVisiveis))
                <th class="text-end">Vagas</th>
                @endif
                @if (in_array('sigla', $camposVisiveis))
                <th class="text-end">sigla</th>
                @endif
                @if (in_array('situacao', $camposVisiveis))
                <th class="text-end">situacao</th>
                @endif
                @if (in_array('carga_horaria_turma', $camposVisiveis))
                <th class="text-end">carga_horaria_turma</th>
                @endif
                @if (in_array('data_inicio', $camposVisiveis))
                <th class="text-end">data_inicio</th>
                @endif
                @if (in_array('data_termino', $camposVisiveis))
                <th class="text-end">data_termino</th>
                @endif
                @if (in_array('horario_entrada', $camposVisiveis))
                <th class="text-end">horario_entrada</th>
                @endif
                @if (in_array('horario_saida', $camposVisiveis))
                <th class="text-end">horario_saida</th>
                @endif
                @if (in_array('plano_aula', $camposVisiveis))
                <th class="text-end">plano_aula</th>
                @endif
                @if (in_array('endereco_aula_zoom', $camposVisiveis))
                <th class="text-end">endereco_aula_zoom</th>
                @endif
                @if (in_array('dias_de_aula', $camposVisiveis))
                <th class="text-end">dias_de_aula</th>
                @endif
                @if (in_array('created_at', $camposVisiveis))
                <th class="text-end">created_at</th>
                @endif
                @if (in_array('updated_at', $camposVisiveis))
                <th class="text-end">updated_at</th>
                @endif
              </tr>
            </thead>
            <tbody>
              @foreach($turmas as $item)

              <tr>
                @if (in_array('id', $camposVisiveis))
                <td class="text-center">{{$item->id}}</td>
                @endif
                @if (in_array('descricao', $camposVisiveis))
                <td>{{$item->descricao}}</td>
                @endif
                @if (in_array('periodo_id', $camposVisiveis))
                <td class="text-end">{{$item->periodo_id}}</td>
                @endif
                @if (in_array('ano', $camposVisiveis))
                <td class="text-end">{{$item->ano}}</td>
                @endif
                @if (in_array('vagas', $camposVisiveis))
                <td class="text-center">{{$item->vagas}}</td>
                @endif
                @if (in_array('sigla', $camposVisiveis))
                <td>{{$item->sigla}}</td>
                @endif
                @if (in_array('situacao', $camposVisiveis))
                <td class="text-end">{{$item->situacao}}</td>
                @endif
                @if (in_array('carga_horaria_turma', $camposVisiveis))
                <td class="text-end">{{$item->carga_horaria_turma}}</td>
                @endif
                @if (in_array('data_inicio', $camposVisiveis))
                <td class="text-center">{{$item->data_inicio}}</td>
                @endif
                @if (in_array('data_termino', $camposVisiveis))
                <td>{{$item->data_termino}}</td>
                @endif
                @if (in_array('horario_entrada', $camposVisiveis))
                <td class="text-end">{{$item->horario_entrada}}</td>
                @endif
                @if (in_array('horario_saida', $camposVisiveis))
                <td class="text-end">{{$item->horario_saida}}</td>
                @endif
                @if (in_array('plano_aula', $camposVisiveis))
                <td class="text-center">{{$item->plano_aula}}</td>
                @endif
                @if (in_array('endereco_aula_zoom', $camposVisiveis))
                <td>{{$item->endereco_aula_zoom}}</td>
                @endif
                @if (in_array('dias_de_aula', $camposVisiveis))
                <td class="text-end">{{$item->dias_de_aula}}</td>
                @endif
                @if (in_array('created_at', $camposVisiveis))
                <td class="text-end">{{$item->created_at}}</td>
                @endif
                @if (in_array('updated_at', $camposVisiveis))
                <td class="text-end">{{$item->updated_at}}</td>
                @endif
              </tr>


              @endforeach



              <!-- <td colspan="4" class="fw-semibold text-end">Subtotal</td>
                  <td class="text-end">$25.000,00</td>

                <tr>
                  <td colspan="4" class="fw-semibold text-end">Vat Rate</td>
                  <td class="text-end">20%</td>
                </tr>
                <tr>
                  <td colspan="4" class="fw-semibold text-end">Vat Due</td>
                  <td class="text             -end">$5.000,00</td>
                </tr> -->
              <tr>
                <td colspan="4" class="fw-bold text-uppercase text-end bg-body-light">Total</td>
                <td class="fw-bold text-end bg-body-light"> {{$turmas->count()}} </td>
              </tr>

            </tbody>
          </table>
        </div>
        <!-- END Table -->

        <!-- Footer -->
        <p class="text-muted text-center my-5">
          Relatório de turmas da AMIS.
        </p>
        <!-- END Footer -->
      </div>
    </div>
  </div>
  <!-- END Invoice -->
</div>

{{ $turmas->links()}}

{{-- 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
<!-- END Page Content -->




<script>
  document.querySelector('#select1').addEventListener('change', function() {
    let value = this.value;

    // use o método fetch para enviar a requisição
    fetch('{{ route('selects.filter_projetos_por_organizacao')}}', {
          method: 'POST',
          body: JSON.stringify({
            _token: '{{ csrf_token() }}',
            value: value
          }),
          headers: {
            'Content-Type': 'application/json'
          }
        })
      .then(response => response.json())
      .then(data => {
        let select2 = document.querySelector('#select2');
        select2.innerHTML = '';


        // use o método forEach para percorrer as opções filtradas e adicioná-las ao select2
        data.forEach(function(item) {
          let option = document.createElement('option');
          option.value = item.id;
          option.text = item.descricao;
          select2.appendChild(option);
        });
      });
  });

  document.querySelector('#select2').addEventListener('change', function() {
    let value = this.value;

    // use o método fetch para enviar a requisição
    //   window.location.href = "/visualizar_turmas_recentes_por_projeto_selecionado/" + value;


    // use o método fetch para enviar a requisição
    fetch('{{ route('selects.filter_turmas_por_projeto')}}', {
          method: 'POST',
          body: JSON.stringify({
            _token: '{{ csrf_token() }}',
            value: value
          }),
          headers: {
            'Content-Type': 'application/json'
          }
        })
      .then(response => response.json())
      .then(data => {
        let select3 = document.querySelector('#select3');
        select3.innerHTML = '';

        console.log(data);
        // use o método forEach para percorrer as opções filtradas e adicioná-las ao select3
        data.forEach(function(item) {
          let option = document.createElement('option');
          option.value = item.id;
          option.text = item.descricao;
          select3.appendChild(option);
        });
      });

    document.querySelector('#select3').addEventListener('change', function() {
      let value = this.value;
      // use o método fetch para enviar a requisição
      window.location.href = "/registar_chamada_por_turma/" + value;

    });

  });

  document.getElementById("input").addEventListener("keypress", function(event) {
    if (event.keyCode === 13) {
      event.preventDefault();
    }
  });
</script>


<script>
    document.addEventListener("DOMContentLoaded", function() {
        const dataInicialCheckbox = document.getElementById("data_inicio");
        const dataInicialInput = document.getElementById("div-data_inicial");
        const dataFinalCheckbox = document.getElementById("data_termino");
        const dataFinalInput = document.getElementById("div-data_final");
        const statusCheckbox = document.getElementById("status");
        const statusInput = document.getElementById("div-status");
        const anoCheckbox = document.getElementById("ano");
        const anoInput = document.getElementById("div-ano");
        const periodoCheckbox = document.getElementById("periodo_id");
        const periodoInput = document.getElementById("div-periodo");
        const descricaoCheckbox = document.getElementById("descricao");
        const descricaoInput = document.getElementById("div-descricao");
        const vagasCheckbox = document.getElementById("vagas");
        const vagasInput = document.getElementById("div-vagas");
        const siglaCheckbox = document.getElementById("sigla");
        const siglaInput = document.getElementById("div-sigla");
        const carga_horaria_turmaCheckbox = document.getElementById("carga_horaria_turma");
        const carga_horaria_turmaInput = document.getElementById("div-carga_horaria_turma");
        const horario_entradaCheckbox = document.getElementById("horario_entrada");
        const horario_entradaInput = document.getElementById("div-horario_entrada");
        const horario_saidaCheckbox = document.getElementById("horario_saida");
        const horario_saidaInput = document.getElementById("div-horario_saida");
        const plano_aulaCheckbox = document.getElementById("plano_aula");
        const plano_aulaInput = document.getElementById("div-plano_aula");
        const endereco_aula_zoomCheckbox = document.getElementById("endereco_aula_zoom");
        const endereco_aula_zoomInput = document.getElementById("div-endereco_aula_zoom");
        const dias_de_aulaCheckbox = document.getElementById("dias_de_aula");
        const dias_de_aulaInput = document.getElementById("div-dias_de_aula");
        const created_atCheckbox = document.getElementById("created_at");
        const created_atInput = document.getElementById("div-created_at");

        dataInicialCheckbox.addEventListener("change", function() {
            if (this.checked) {
                dataInicialInput.style.display = "block";
            } else {
                dataInicialInput.style.display = "none";
            }
        });

        dataFinalCheckbox.addEventListener("change", function() {
            if (this.checked) {
                dataFinalInput.style.display = "block";
            } else {
                dataFinalInput.style.display = "none";
            }
        });

        statusCheckbox.addEventListener("change", function() {
            if (this.checked) {
                statusInput.style.display = "block";
            } else {
                statusInput.style.display = "none";
            }
        });

        anoCheckbox.addEventListener("change", function() {
            if (this.checked) {
                anoInput.style.display = "block";
            } else {
                anoInput.style.display = "none";
            }
        });

        periodoCheckbox.addEventListener("change", function() {
            if (this.checked) {
                periodoInput.style.display = "block";
            } else {
                periodoInput.style.display = "none";
            }
        });

        descricaoCheckbox.addEventListener("change", function() {
            if (this.checked) {
                descricaoInput.style.display = "block";
            } else {
                descricaoInput.style.display = "none";
            }
        });

        vagasCheckbox.addEventListener("change", function() {
            if (this.checked) {
                vagasInput.style.display = "block";
            } else {
                vagasInput.style.display = "none";
            }
        });

        siglaCheckbox.addEventListener("change", function() {
            if (this.checked) {
                siglaInput.style.display = "block";
            } else {
                siglaInput.style.display = "none";
            }
        });

        carga_horaria_turmaCheckbox.addEventListener("change", function() {
            if (this.checked) {
                carga_horaria_turmaInput.style.display = "block";
            } else {
                carga_horaria_turmaInput.style.display = "none";
            }
        });

        horario_entradaCheckbox.addEventListener("change", function() {
            if (this.checked) {
                horario_entradaInput.style.display = "block";
            } else {
                horario_entradaInput.style.display = "none";
            }
        });

        horario_saidaCheckbox.addEventListener("change", function() {
            if (this.checked) {
                horario_saidaInput.style.display = "block";
            } else {
                horario_saidaInput.style.display = "none";
            }
        });

        plano_aulaCheckbox.addEventListener("change", function() {
            if (this.checked) {
                plano_aulaInput.style.display = "block";
            } else {
                plano_aulaInput.style.display = "none";
            }
        });

        endereco_aula_zoomCheckbox.addEventListener("change", function() {
            if (this.checked) {
                endereco_aula_zoomInput.style.display = "block";
            } else {
                endereco_aula_zoomInput.style.display = "none";
            }
        });

        dias_de_aulaCheckbox.addEventListener("change", function() {
            if (this.checked) {
                dias_de_aulaInput.style.display = "block";
            } else {
                dias_de_aulaInput.style.display = "none";
            }
        });

        created_atCheckbox.addEventListener("change", function() {
            if (this.checked) {
                created_atInput.style.display = "block";
            } else {
                created_atInput.style.display = "none";
            }
        });


    });
</script>


@endsection