@extends('layouts.app')

@section('conteudo')

<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 Matrículas
        </h1>
      </div>
    </div>
  </div>
</div>
<!-- END Hero -->

<div class="content content-full">

    <div class="col-4" style="display: inline-block; margin-left: 1px; margin-top: 20px;">

        <a href="/relatorio_matriculas" class="btn btn-primary">
            <i class="fa fa-fw fa-search"></i> Novo Filtro de Matrículas
        </a>
      </div>


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

</div>

@can('pode_visualizar_matricula')
<div class="content content-boxed">
  <div class="block block-rounded">
    <div class="block-header block-header-default">
      <h3 class="block-title">Relatório de Matrículas</h3>
      <div class="block-options">
        <form id="printForm" method="post" action="/imprimir_matriculas_relatorio">
            @csrf
            <input type="hidden" name="projeto_id" value="{{ request('projeto_id') }}">
            <input type="hidden" name="funcionario_id" value="{{ request('funcionario_id') }}">
            <input type="hidden" name="turma_id" value="{{ request('turma_id') }}">
            <input type="hidden" name="data_inicial" value="{{ request('data_inicial') }}">
            <input type="hidden" name="data_final" value="{{ request('data_final') }}">
            <input type="hidden" name="ano" value="{{ request('ano') }}">
            <input type="hidden" name="estudante_nome" value="{{ request('estudante_nome') }}">
            <input type="hidden" name="documentos_pendentes" value="{{ request('documentos_pendentes') }}">
            <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">
        <div class="row mb-5">
          <div class="col-6">
            <p class="h3">Relatório de Matrículas</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>

        <div class="table-responsive push">
          <table class="table table-bordered">
              <thead class="bg-body">
                  <tr>
                      <th>Beneficiário</th>
                      <th class="text-center" style="width: 90px;">RM</th>
                      <th class="text-center" style="width: 150px;">Data da Matrícula</th>
                      <th class="text-center" style="width: 60px;">Sexo</th>
                      <th class="text-center" style="width: 60px;">Idade</th>
                      <th class="text-center" style="width: 150px;">Data de Nascimento</th>
                  </tr>
              </thead>
              <tbody>
                  @foreach($matriculas as $item)
                  <tr>
                      <td>{{$item->nome}}</td>
                      <td class="text-center">{{$item->rm}}</td>
                      <td class="text-center">{{$item->created_at}}</td>
                      <td class="text-center">{{$item->sexo}}</td>
                      <td class="text-center">{{$item->idade?? '---'}}</td>
                      <td class="text-center">{{$item->data_nascimento}}</td>
                  </tr>
                  @endforeach
                  <tr>
                      <td colspan="6" class="fw-bold text-uppercase text-end bg-body-light">Total</td>
                      <td class="fw-bold text-end bg-body-light">{{$matriculas->count()}}</td>
                  </tr>
              </tbody>
          </table>
      </div>

        <p class="text-muted text-center my-5">
          Relatório de matrículas da AMIS.
        </p>
      </div>
    </div>
  </div>
</div>
@else
<center>
  <br>
  <div class="alert alert-danger" role="alert">
    Você não tem permissão pra visualizar essa página!
  </div>
</center>
@endcan
<script>
  document.querySelector('#selectProjeto').addEventListener('change', function() {
    let value = this.value;

    fetch('{{ route('selects.filter_projetos_por_projeto') }}', {
        method: 'POST',
        body: JSON.stringify({
            _token: '{{ csrf_token() }}',
            value: value
        }),
        headers: {
            'Content-Type': 'application/json',
            'X-CSRF-TOKEN': '{{ csrf_token() }}'
        }
    })
    .then(response => {
        if (!response.ok) {
            throw new Error('Network response was not ok ' + response.statusText);
        }
        return response.json();
    })
    .then(data => {
        console.log(data); // Verificar os dados no console

        let select3 = document.querySelector('#selectPrestador');
        select3.innerHTML = '';

        data.forEach(function(item) {
            let option = document.createElement('option');
            option.value = item.id;
            option.text = item.nome_completo; // Certifique-se de que 'nome_completo' é o campo correto
            select3.appendChild(option);
        });

        // Disparar manualmente o evento de mudança no select3 para atualizar as turmas
        if (select3.options.length > 0) {
            select3.value = select3.options[0].value;
            select3.dispatchEvent(new Event('change'));
        }
    })
    .catch(error => console.error('Erro:', error));
  });

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

    fetch('{{ route('selects.filter_turmas_por_prestador') }}', {
        method: 'POST',
        body: JSON.stringify({
            _token: '{{ csrf_token() }}',
            value: value
        }),
        headers: {
            'Content-Type': 'application/json',
            'X-CSRF-TOKEN': '{{ csrf_token() }}'
        }
    })
    .then(response => {
        if (!response.ok) {
            throw new Error('Network response was not ok ' + response.statusText);
        }
        return response.json();
    })
    .then(data => {
        console.log(data); // Verificar os dados no console

        let select4 = document.querySelector('#selectTurma');
        select4.innerHTML = '';

        data.forEach(function(item) {
            let option = document.createElement('option');
            option.value = item.id;
            option.text = item.descricao; // Certifique-se de que 'descricao' é o campo correto
            select4.appendChild(option);
        });
    })
    .catch(error => console.error('Erro:', error));
  });
  </script>

<script>
document.getElementById('imprimir-button').addEventListener('click', function(event) {
    event.preventDefault();

    const projetoId = getParameterByName('projeto_id');
    const turmaId = getParameterByName('turma_id');
    const funcionarioId = getParameterByName('funcionario_id');
    const dataInicial = getParameterByName('data_inicial');
    const dataFinal = getParameterByName('data_final');
    const ano = getParameterByName('ano');
    const estudanteNome = getParameterByName('estudante_nome');
    const documentosPendentes = getParameterByName('documentos_pendentes');

    const form = document.getElementById('printForm');

    form.innerHTML += `
        <input type="hidden" name="projeto_id" value="${projetoId}">
        <input type="hidden" name="turma_id" value="${turmaId}">
        <input type="hidden" name="funcionario_id" value="${funcionarioId}">
        <input type="hidden" name="data_inicial" value="${dataInicial}">
        <input type="hidden" name="data_final" value="${dataFinal}">
        <input type="hidden" name="ano" value="${ano}">
        <input type="hidden" name="estudante_nome" value="${estudanteNome}">
        <input type="hidden" name="documentos_pendentes" value="${documentosPendentes}">
    `;

    form.submit();
});

function getParameterByName(name, url) {
    if (!url) url = window.location.href;
    name = name.replace(/[[\]]/g, "\\$&");
    const regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
    results = regex.exec(url);
    if (!results) return '';
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, " "));
}
</script>

<script>
    window.print();
</script>

@endsection