@extends('layouts.app')

@section('conteudo')

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

    .table-responsive {
        overflow-x: auto;
    }

    .table th, .table td {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 150px;
        font-size: 12px;
        padding: 5px;
    }

    .table th {
        background-color: #f2f2f2;
    }

    .table td {
        word-wrap: break-word;
    }

    .footer {
        position: fixed;
        bottom: 0;
        width: 100%;
        background-color: #f8f9fa;
        text-align: center;
        padding: 10px 0;
    }
</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 Beneficiários
        </h1>
      </div>
    </div>
  </div>
</div>
<!-- END Hero -->

<div class="content content-full">
  <!-- Filtros -->
  <form id="filterForm" action="/filtrar_estudantes_relatorio" method="get">
    @csrf
    <h6 class="mt-4">Marque os campos que estarão visíveis no relatório</h6>

    <div class="row">
        <div class="col-3" style="display: inline-block">
            <label class="form-label" for="documentos">Projeto</label>
            <select class="form-select" id="select2" name="projeto_id">
                <option value="">Todos</option>
                @foreach ($projetos as $item)
                <option  {{ $request->input('projeto_id') == $item->id ? 'selected' : '' }} value="{{$item->id}}">{{$item->descricao}}</option>
                @endforeach

            </select>
        </div>
        <div class="col-3" style="display: inline-block">
            <label class="form-label" for="documentos">turma</label>
            <select class="form-select" id="select3" name="turma_id">
                <option value="">Todos</option>
                @foreach ($turmas as $item)
                <option  {{ $request->input('turma_id') == $item->id ? 'selected' : '' }} value="{{$item->id}}">{{$item->descricao}}</option>
                @endforeach

            </select>
        </div>
      <div class="col-3" style="display: inline-block">
          <label class="form-label" for="data_inicial">Data Inicial</label>
          <input type="date" class="form-control" id="data_inicial" name="data_inicial" value="{{ $request->input('data_inicial') }}">
      </div>
      <div class="col-3" style="display: inline-block">
          <label class="form-label" for="data_final">Data Final</label>
          <input type="date" class="form-control" id="data_final" name="data_final" value="{{ $request->input('data_final') }}">
      </div>
      <div class="col-3" style="display: inline-block">
        <label class="form-label" for="faixa_etaria_de">Faixa etária De</label>
        <input type="number" min="1" class="form-control" id="faixa_etaria_de" name="faixa_etaria_de" oninput="QuantMinimaFaixaEtaria(this)" value="{{ $request->input('faixa_etaria_de') }}">
    </div>
    <div class="col-3" style="display: inline-block">
        <label class="form-label" for="faixa_etaria_ate">Faixa etária Até</label>
        <input type="number" class="form-control" id="faixa_etaria_ate" name="faixa_etaria_ate" value="{{ $request->input('faixa_etaria_ate') }}">
    </div>

    <div class="col-3" style="display: inline-block">
        <label class="form-label" for="sexo">Sexo</label>
        <select class="form-select" id="sexo" name="sexo">
            <option value="">Todos</option>
            <option {{ $request->input('sexo') == '0' ? 'selected' : '' }} value="0">Prefiro não dizer </option>
            <option {{ $request->input('sexo') == 2 ? 'selected' : '' }} value="2">Feminino</option>
            <option {{ $request->input('sexo') == 1 ? 'selected' : '' }} value="1">Masculino</option>
        </select>
    </div>
    <div class="col-3" style="display: inline-block">
        <label class="form-label" for="possui_irmaos">Possui Irmãos</label>
        <select class="form-select" id="possui_irmaos" name="possui_irmaos">
            <option value="">Todos</option>
            <option {{ $request->input('possui_irmaos') == 1 ? 'selected' : '' }} value="1">Sim</option>
            <option {{ $request->input('possui_irmaos') == '0' ? 'selected' : '' }} value="0">Não</option>
        </select>
    </div>
    <div class="col-3" style="display: inline-block">
        <label class="form-label" for="ex_beneficiario">Ex-Beneficiário</label>
        <select class="form-select" id="ex_beneficiario" name="ex_beneficiario">
            <option value="">Todos</option>
            <option {{ $request->input('ex_beneficiario') === '1' ? 'selected' : '' }} value="1">Sim</option>
            <option {{ $request->input('ex_beneficiario') === '0' ? 'selected' : '' }} value="0">Não</option>
        </select>
    </div>
    <div class="col-3" style="display: inline-block">
        <label class="form-label" for="transferido">Transferido</label>
        <select class="form-select" id="transferido" name="transferido">
            <option value="">Todos</option>
            <option {{ $request->input('transferido') === '1' ? 'selected' : '' }} value="1">Sim</option>
            <option {{ $request->input('transferido') === '0' ? 'selected' : '' }} value="0">Não</option>
        </select>
    </div>
    <div class="col-3" style="display: inline-block">
        <label class="form-label" for="aluno_autorizado_sair">Autorizado Sair </label>
        <select class="form-select" id="aluno_autorizado_sair" name="aluno_autorizado_sair">
            <option value="">Todos</option>
            <option {{ $request->input('aluno_autorizado_sair') === '1' ? 'selected' : '' }} value="1">Sim</option>
            <option {{ $request->input('aluno_autorizado_sair') === '0' ? 'selected' : '' }} value="0">Não</option>
        </select>
    </div>

    <div class="col-3" style="display: inline-block">
        <label class="form-label" for="autorizacao_imagem">Autorização Imagem</label>
        <select class="form-select" id="autorizacao_imagem" name="autorizacao_imagem">
            <option value="">Todos</option>
            <option {{ $request->input('autorizacao_imagem') === "S" ? 'selected' : '' }} value="S">Sim</option>
            <option {{ $request->input('autorizacao_imagem') === "N" ? 'selected' : '' }} value="N">Não</option>
        </select>
    </div>

  </div>

    <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="nome" id="nome" checked name="campos_visiveis[]">
                <label class="form-check-label" for="nome">Nome do Beneficiário</label>
            </div>
            <div class="form-check">
                <input class="form-check-input" type="checkbox" value="id" id="rm" checked name="campos_visiveis[]">
                <label class="form-check-label" for="id">RM</label>
            </div>
            <div class="form-check">
                <input class="form-check-input" type="checkbox" value="data_nascimento" id="data_nascimento" checked name="campos_visiveis[]">
                <label class="form-check-label" for="data_nascimento">Data de Nascimento</label>
            </div>
            <div class="form-check">
                <input class="form-check-input" type="checkbox" value="rg" id="rg"  name="campos_visiveis[]">
                <label class="form-check-label" for="rg">RG</label>
            </div>
            <div class="form-check">
                <input class="form-check-input" type="checkbox" value="cpf" id="cpf"  name="campos_visiveis[]">
                <label class="form-check-label" for="cpf">CPF</label>
            </div>

        </div>

        <div class="space-y-3 campos-visiveis">


            <div class="form-check">
                <input class="form-check-input" type="checkbox" value="pai" id="pai"  name="campos_visiveis[]">
                <label class="form-check-label" for="pai">Pai</label>
            </div>
            <div class="form-check">
                <input class="form-check-input" type="checkbox" value="mae" id="mae"  name="campos_visiveis[]">
                <label class="form-check-label" for="mae">Mãe</label>
            </div>
            <div class="form-check">
                <input class="form-check-input" type="checkbox" value="responsavel_legal" id="responsavel_legal"  name="campos_visiveis[]">
                <label class="form-check-label" for="responsavel_legal">Reponsável Legal</label>
            </div>
            <div class="form-check">
                <input class="form-check-input" type="checkbox" value="rg_responsavel" id="rg_responsavel"  name="campos_visiveis[]">
                <label class="form-check-label" for="rg_responsavel">RG do Responsável</label>
            </div>
            <div class="form-check">
                <input class="form-check-input" type="checkbox" value="cpf_responsavel" id="cpf_responsavel"  name="campos_visiveis[]">
                <label class="form-check-label" for="cpf_responsavel">CPF do Reponsável</label>
            </div>
        </div>
        <div class="space-y-3 campos-visiveis">

            <div class="form-check">
                <input class="form-check-input" type="checkbox" value="email" id="email"  name="campos_visiveis[]">
                <label class="form-check-label" for="email">Whatsapp/Celular</label>
            </div>
            <div class="form-check">
                <input class="form-check-input" type="checkbox" value="ex_beneficiario" id="ex_beneficiario"  name="campos_visiveis[]">
                <label class="form-check-label" for="ex_beneficiario">Endereço</label>
            </div>
            <div class="form-check">
                <input class="form-check-input" type="checkbox" value="email" id="email"  name="campos_visiveis[]">
                <label class="form-check-label" for="email">Email</label>
            </div>
            <div class="form-check">
                <input class="form-check-input" type="checkbox" value="email" id="email"  name="campos_visiveis[]">
                <label class="form-check-label" for="email">Rematrícula</label>
            </div>
            <div class="form-check">
                <input class="form-check-input" type="checkbox" value="email" id="email"  name="campos_visiveis[]">
                <label class="form-check-label" for="email">Nova Matrícula</label>
            </div>
        </div>
    </div> --}}

    <div class="col-4" style="display: inline-block; margin-left: 1px; margin-top: 20px;">
      <button class="btn btn-primary my-2" type="submit">
          <i class="fa fa-fw fa-search"></i>
          <span class="d-none d-sm-inline ms-1">Aplicar Filtros</span>
      </button>
      <a href="/filtrar_estudantes_relatorio" class="btn btn-danger">
          <i class="bi bi-x-circle"></i> Remover Filtros
      </a>
    </div>
  </form>


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

</div>

{{-- só quem tem permissão para visualizar esta página --}}
@can('pode_visualizar_estudante')
<!-- 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 Beneficiário</h3>
      <div class="block-options">
        <!-- Print Page functionality is initialized dmPrint() -->
        <form id="printForm" method="post" action="/imprimir_estudantes_relatorio">
            @csrf

            <input type="hidden" name="sexo" value="{{ $request->input('sexo') }}">
            <input type="hidden" name="cor" value="{{ $request->input('cor') }}">
            <input type="hidden" name="possui_irmaos" value="{{ $request->input('possui_irmaos') }}">
            <input type="hidden" name="ex_beneficiario" value="{{ $request->input('ex_beneficiario') }}">
            <input type="hidden" name="aluno_autorizado_sair" value="{{ $request->input('aluno_autorizado_sair') }}">
            <input type="hidden" name="autorizacao_imagem" value="{{ $request->input('autorizacao_imagem') }}">
            <input type="hidden" name="projeto_id" value="{{ $request->input('projeto_id') }}">
            <input type="hidden" name="turma_id" value="{{ $request->input('turma_id') }}">
            <input type="hidden" name="data_inicial" value="{{ $request->input('data_inicial') }}">
            <input type="hidden" name="data_final" value="{{ $request->input('data_final') }}">
            <input type="hidden" name="faixa_etaria_de" value="{{ $request->input('faixa_etaria_de') }}">
            <input type="hidden" name="faixa_etaria_ate" value="{{ $request->input('faixa_etaria_ate') }}">
            <input type="hidden" name="ano" value="{{ $request->input('ano') }}">
            <input type="hidden" name="page" value="{{ $estudantes->currentPage() }}">

            @foreach($camposVisiveis as $campo)
                <input type="hidden" name="campos_visiveis[]" value="{{ $campo }}">
            @endforeach

            <button type="submit" class="btn-block-option">
                <i class="si si-printer me-1"></i> Imprimir Relatório
            </button>
        </form>
    </div>

      </div>
      <div class="block-content">
        <div class="p-sm-4 p-xl-7">
          <!-- Invoice Info -->
          <div class="row mb-5">
            <div class="col-6">
              <p class="h3">Relatório de Beneficiário</p>
              <address>
                {{ now()->format('d/m/Y H:i:s') }}<br>
              </address>
            </div>
            <div class="col-6 text-end">
              <p class="h3">Emitido Por</p>
              <address>
                {{$usuario->name}}<br>
                {{$usuario->email}}<br>
              </address>
            </div>
          </div>

          <!-- Table -->
          <div class="table-responsive push">
            <table class="table table-bordered">
              <thead class="bg-body">
                <tr>
                  <th>Beneficiário</th>
                  <th>Idade</th>
                  <th>Data de Nascimento</th>
                  <th>CPF Beneficiário</th>
                  <th>RG Beneficiário</th>
                  <th>Telefone/WhatsApp</th>
                  <th>Responsável</th>
                </tr>
              </thead>
              <tbody>
                @foreach($estudantes as $estudante)
                <tr>
                  <td class="text-end">{{ $estudante->nome }}</td>
                  <td class="text-end">{{ $estudante->idade }}</td>
                  <td class="text-end">{{ $estudante->data_nascimento }}</td>
                  <td class="text-end">{{ $estudante->cpf }}</td>
                  <td class="text-end">{{ $estudante->rg }}</td>
                  <td class="text-end">{{ $estudante->telefone_emergencia }}</td>
                  <td class="text-end">{{ $estudante->responsavel_para_tirar1_nome }}</td>
                </tr>
                @endforeach
                <tr>
                  <td colspan="4" class="fw-bold text-uppercase text-end bg-body-light">Total de Página</td>
                  <td class="fw-bold text-end bg-body-light">{{ $estudantes->lastPage() }}</td>
                </tr>
                <tr>
                  <td colspan="4" class="fw-bold text-uppercase text-end bg-body-light">Quantidade por Página</td>
                  <td class="fw-bold text-end bg-body-light">{{ $estudantes->count() }}</td>
                </tr>
                <tr>
                  <td colspan="4" class="fw-bold text-uppercase text-end bg-body-light">Total Geral</td>
                  <td class="fw-bold text-end bg-body-light">{{ $total_geral }}</td>
                </tr>
              </tbody>
            </table>
          </div>
          <p class="text-muted text-center my-5">
            Relatório de estudantes da AMIS.
          </p>
        </div>
        <!-- END Invoice Info -->


      </div>
    </div>
  </div>
</div>

{{ $estudantes->appends(request()->query())->links() }}

{{-- Pra quem não tem permissão de visualizar essa página aparecerá a mensagem abaixo --}}
<center>
  <br>
  <div class="alert alert-danger" role="alert">
    Você não tem permissão pra visualizar essa página!
  </div>
</center>
@endcan

<div class="footer">
  <p class="text-muted">Relatório de estudantes da AMIS</p>
</div>

<script>
    function QuantMinimaFaixaEtaria(input) {
        if (parseInt(input.value) < 1) {
            input.value = 1;
        }
    }

    function abrirImpressao() {
        let url = new URL(window.location.origin + "/imprimir_estudantes_relatorio");
        let params = new URLSearchParams(window.location.search);

        url.search = params;

        let printWindow = window.open(url.toString(), '_blank');
        printWindow.onload = function() {
            printWindow.print();
        };
    }
</script>

<script>
    document.getElementById('filterForm').addEventListener('submit', function(event) {
        const exBeneficiario = document.getElementById('ex_beneficiario').value;
        const projetoId = document.getElementById('select2').value;

        if (exBeneficiario && !projetoId) {
            event.preventDefault();
            alert('Para filtrar por ex-beneficiário, é necessário selecionar um projeto.');
        }
    });

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

      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);

          let option = document.createElement('option');
            option.value = "";
            option.text = "";
            select3.appendChild(option);
          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() {
        turma = this.value;
      });

      const inputMes = document.getElementById('mes');
      const buttonGerarRelatorio = document.getElementById('gerarRelatorio');
    });

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

<script>
    document.getElementById('printForm').addEventListener('submit', function(e) {
    const checkboxes = document.querySelectorAll('.campos-visiveis input[type="checkbox"]');
    const hiddenFieldsContainer = document.getElementById('hiddenFieldsContainer');

    hiddenFieldsContainer.innerHTML = '';

    checkboxes.forEach(function(checkbox) {
        if (checkbox.checked) {
            const hiddenInput = document.createElement('input');
            hiddenInput.type = 'hidden';
            hiddenInput.name = 'campos_visiveis[]';
            hiddenInput.value = checkbox.value;
            hiddenFieldsContainer.appendChild(hiddenInput);
        }
    });
});
</script>

@endsection