@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 matriculas
        </h1>
      </div>
    </div>
  </div>
</div>
<!-- END Hero -->



<!-- <input type="button" value="Print"
               onclick="window.print()" /> -->


{{-- só quem tem permissão para visualizar esta página --}}
@can('pode_visualizar_matricula')
<!-- 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 Prestadores</h3>
      <div class="block-options">
        <!-- Print Page functionality is initialized dmPrint() -->
        <form method="post" action="/imprimir_funcionarios_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="si si-printer me-1"></i> Imprimir Relatório
          </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 Prestadores</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>
                  <th class="text-center" style="width: 60px;"></th>
                  <th>Nome Completo</th>
                  <th class="text-center" style="width: 90px;">Sexo</th>
                  <th class="text-end" style="width: 120px;">Telefone</th>
                  <th class="text-end" style="width: 150px;">CPF/CNPJ</th>
                </tr>
              </thead>
              <tbody>
                @foreach($funcionarios as $item)

                <tr>
                  <td class="text-center">{{$item->id}}</td>
                  <td>
                    <p class="fw-semibold mb-1">{{$item->nome_completo}}</p>
                    <!-- <div class="text-muted">Logo and business cards design</div> -->
                  </td>
                  <td class="text-center">
                      {{$item->sexo == 1 ? 'M' : 'F'}}
                  </td>
                  <td class="text-end">{{$item->telefone}}</td>
                  <td class="text-end">{{$item->cpf}}</td>
                </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"> {{$funcionarios->count()}} </td>
                </tr>

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

        <!-- Footer -->
        <p class="text-muted text-center my-5">
          Relatório de Prestadores da AMIS.
        </p>
        <!-- END Footer -->
      </div>
    </div>
  </div>
  <!-- END Invoice -->
</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
<!-- END Page Content -->



<script>
	window.print();
  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>




@endsection